@number10/phaserjsx 0.1.0

package/dist/core-props.d.ts

@@ -0,0 +1,605 @@
+import { FocusEventData, GestureEventData, InputEventData, KeyboardEventData, TouchMoveState, WheelEventData } from './gestures/gesture-types';
+export type { FocusEventData, GestureEventData, InputEventData, KeyboardEventData, TouchMoveState, WheelEventData, };
+/**
+ * Valid CSS-like size values with type safety
+ * - Fixed pixels: number or "20px"
+ * - Percentage: "50%", "100%"
+ * - Viewport units: "100vw", "50vh"
+ * - Keywords: "auto", "fill"
+ * - Calc expressions: "calc(100% - 20px)"
+ */
+export type SizeValue = number | 'auto' | 'fill' | `${number}%` | `${number}px` | `${number}vw` | `${number}vh` | `calc(${string})`;
+/**
+ * Flex basis size values (subset of SizeValue, no "fill" keyword)
+ * - Fixed pixels: number or "20px"
+ * - Percentage: "50%", "100%"
+ * - Viewport units: "100vw", "50vh"
+ * - Keyword: "auto"
+ * - Calc expressions: "calc(50% + 10px)"
+ */
+export type FlexBasisValue = number | 'auto' | `${number}%` | `${number}px` | `${number}vw` | `${number}vh` | `calc(${string})`;
+/**
+ * Display mode for visibility control
+ * - 'visible': Rendered and takes up layout space (default)
+ * - 'invisible': Not rendered but takes up layout space (like CSS visibility: hidden)
+ * - 'none': Not rendered and does not take up layout space (like CSS display: none)
+ */
+export type Display = 'visible' | 'invisible' | 'none';
+/**
+ * Transform properties - geometric transformations (position, rotation, scale)
+ */
+export interface TransformProps {
+    x?: number;
+    y?: number;
+    rotation?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+}
+/**
+ * Phaser GameObject display properties - rendering and display list API
+ */
+export interface PhaserProps {
+    /**
+     * Alpha transparency of the game object
+     * - 0: Fully transparent
+     * - 1: Fully opaque
+     */
+    alpha?: number;
+    /**
+     * Depth (Z-index) of the game object in the display list
+     * Higher values are rendered on top of lower values
+     * Allows manual control over rendering order independent of child array order
+     *
+     * @example
+     * // Layer system in stack layout
+     * <View direction="stack">
+     *   <View depth={1}>Background</View>
+     *   <View depth={2}>Content</View>
+     *   <View depth={3}>Overlay</View>
+     * </View>
+     */
+    depth?: number;
+    /**
+     * Callback invoked when GameObject is created and fully initialized
+     * Useful for accessing GameObject properties (dimensions, bounds, etc.)
+     * without needing useRef
+     *
+     * @param node - The created Phaser GameObject
+     *
+     * @example
+     * // Display image dimensions
+     * <Image
+     *   texture="icon"
+     *   onReady={(img) => console.log(`${img.width}x${img.height}`)}
+     * />
+     *
+     * // Access View bounds
+     * <View
+     *   width={200}
+     *   height={100}
+     *   onReady={(view) => console.log(view.getBounds())}
+     * />
+     */
+    onReady?: (node: Phaser.GameObjects.GameObject) => void;
+    /**
+     * Tooltip configuration callback (desktop/mouse only)
+     * Called when hover starts to determine tooltip configuration
+     * Return null/undefined to disable tooltip
+     * Return string as shortcut for { content: string }
+     *
+     * Note: Tooltips only work on desktop/mouse devices, not on touch devices (iPhone, iPad)
+     *
+     * @returns Tooltip configuration, string, or null to disable
+     *
+     * @example
+     * // Simple text tooltip
+     * <Button onTooltip={() => "Click to delete"} />
+     *
+     * // With i18n/translation
+     * <Button onTooltip={() => t('buttons.delete')} />
+     *
+     * // Conditional tooltip
+     * <Button onTooltip={() => isAdmin ? "Admin action" : null} />
+     *
+     * // Full configuration
+     * <Button onTooltip={() => ({
+     *   content: "Delete item",
+     *   position: "top",
+     *   showDelay: 100
+     * })} />
+     *
+     * // From repository/API
+     * <Button onTooltip={() => tooltipRepo.get('delete-btn')} />
+     */
+    onTooltip?: import('./tooltip/tooltip-types').TooltipCallback;
+}
+/**
+ * Edge insets for margins and padding
+ */
+export interface EdgeInsets {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+/**
+ * Gap insets for horizontal and vertical gaps
+ */
+export interface GapInsets {
+    horizontal?: number;
+    vertical?: number;
+}
+/**
+ * Corner radius specification
+ */
+export interface CornerRadiusInsets {
+    tl?: number;
+    tr?: number;
+    bl?: number;
+    br?: number;
+}
+/**
+ * Normalize edge insets - converts number to all-sides object
+ * @param value - Number (all sides) or edge insets object
+ * @returns Normalized EdgeInsets object
+ */
+export declare function normalizeEdgeInsets(value: number | EdgeInsets | undefined): EdgeInsets;
+/**
+ * Normalize corner radius - converts number to all-corners object
+ * @param value - Number (all corners) or corner radius object
+ * @returns Normalized CornerRadiusInsets object or number
+ */
+export declare function normalizeCornerRadius(value: number | CornerRadiusInsets | undefined): number | CornerRadiusInsets;
+/**
+ * Normalize gap values - converts number to GapInsets object
+ * @param value - Number (uniform gap) or gap insets object
+ * @returns Normalized GapInsets object with horizontal and vertical values
+ */
+export declare function normalizeGap(value: number | GapInsets | undefined): {
+    horizontal: number;
+    vertical: number;
+};
+/**
+ * Layout properties - sizing, spacing, and layout participation
+ */
+export interface LayoutProps {
+    /**
+     * Visibility and layout participation
+     * - true / 'visible': Rendered and takes layout space (default)
+     * - false / 'invisible': Not rendered but takes layout space (like CSS visibility: hidden)
+     * - 'none': Not rendered and no layout space (like CSS display: none)
+     *
+     * @example
+     * <View visible={true}>Always visible</View>
+     * <View visible={false}>Hidden but occupies space</View>
+     * <View visible="none">Hidden and no space</View>
+     */
+    visible?: boolean | Display;
+    /**
+     * If true, object is rendered but excluded from layout calculations
+     * Use for decorative elements, sprites, particles, or absolute-positioned objects
+     * - true: Object is visual-only, doesn't affect parent/sibling layout
+     * - false/undefined: Object participates in layout (default for UI elements)
+     *
+     * @example
+     * // Decorative sprite that doesn't affect layout
+     * <Sprite texture="particle" headless={true} />
+     *
+     * // Text that participates in layout
+     * <Text text="Label" headless={false} />
+     */
+    headless?: boolean;
+    /**
+     * Width of the container
+     * - number: Fixed width in pixels (e.g., 200)
+     * - Percentage: "50%", "100%"
+     * - Viewport: "100vw"
+     * - Keywords: "auto", "fill"
+     * - Calc: "calc(100% - 20px)"
+     * - undefined: Auto - size to content
+     *
+     * @example
+     * width={200}           // 200px fixed width
+     * width="75%"           // 75% of parent width
+     * width="100vw"         // 100% of viewport width
+     * width="fill"          // Fill available space
+     * width="calc(50% + 10px)" // Calculated width
+     * width={undefined}     // Auto-size to content
+     */
+    width?: SizeValue | undefined;
+    /**
+     * Height of the container
+     * - number: Fixed height in pixels (e.g., 100)
+     * - Percentage: "50%", "100%"
+     * - Viewport: "100vh"
+     * - Keywords: "auto", "fill"
+     * - Calc: "calc(100vh - 50px)"
+     * - undefined: Auto - size to content
+     *
+     * @example
+     * height={100}          // 100px fixed height
+     * height="50%"          // 50% of parent height
+     * height="100vh"        // 100% of viewport height
+     * height="fill"         // Fill available space
+     * height="calc(100% - 20px)" // Calculated height
+     * height={undefined}    // Auto-size to content
+     */
+    height?: SizeValue | undefined;
+    /**
+     * Minimum width constraint
+     * Prevents element from shrinking below this size
+     * Works with flex, percentages, and auto sizing
+     * Supports all SizeValue formats (pixels, percentage, viewport units, calc)
+     *
+     * @example
+     * // Fixed minimum
+     * <View flex={1} minWidth={200}>Sidebar</View>
+     *
+     * // Percentage of parent
+     * <View width="100%" minWidth="20%" maxWidth="80%">Flexible</View>
+     *
+     * // Viewport-based
+     * <View flex={1} minWidth="200px">Responsive sidebar</View>
+     *
+     * // Calc expression
+     * <View width="100%" minWidth="calc(50% - 20px)">Dynamic</View>
+     */
+    minWidth?: SizeValue | undefined;
+    /**
+     * Minimum height constraint
+     * Prevents element from shrinking below this size
+     * Works with flex, percentages, and auto sizing
+     * Supports all SizeValue formats (pixels, percentage, viewport units, calc)
+     *
+     * @example
+     * // Fixed minimum
+     * <View height="auto" minHeight={100}>
+     *   <Text text={dynamicContent} />
+     * </View>
+     *
+     * // Percentage of parent
+     * <View height="100%" minHeight="30%">Flexible height</View>
+     *
+     * // Viewport-based
+     * <View flex={1} minHeight="50vh">Half viewport min</View>
+     */
+    minHeight?: SizeValue | undefined;
+    /**
+     * Maximum width constraint
+     * Prevents element from growing beyond this size
+     * Works with flex, percentages, and auto sizing
+     * Supports all SizeValue formats (pixels, percentage, viewport units, calc)
+     *
+     * @example
+     * // Fixed maximum
+     * <View flex={1} maxWidth={800}>
+     *   <Text text="Long content..." />
+     * </View>
+     *
+     * // Percentage of parent
+     * <View width="100%" maxWidth="80%">Responsive</View>
+     *
+     * // Viewport-based
+     * <View flex={1} maxWidth="90vw">Full width modal</View>
+     */
+    maxWidth?: SizeValue | undefined;
+    /**
+     * Maximum height constraint
+     * Prevents element from growing beyond this size
+     * Works with flex, percentages, and auto sizing
+     * Supports all SizeValue formats (pixels, percentage, viewport units, calc)
+     *
+     * @example
+     * // Fixed maximum
+     * <Image texture="photo" width="100%" maxHeight={400} />
+     *
+     * // Percentage of parent
+     * <View height="100%" maxHeight="80%">Constrained</View>
+     *
+     * // Viewport-based
+     * <View flex={1} maxHeight="80vh">Scrollable content</View>
+     */
+    maxHeight?: SizeValue | undefined;
+    /**
+     * * Margin outside the container
+     * - number: Uniform margin on all sides
+     * - EdgeInsets: Individual margin per side
+     * - undefined: No margin
+     */
+    margin?: number | EdgeInsets | undefined;
+    /**
+     * Padding inside the container
+     * - number: Uniform padding on all sides
+     * - EdgeInsets: Individual padding per side
+     * - undefined: No padding
+     */
+    padding?: number | EdgeInsets | undefined;
+    /**
+     * Layout direction for children
+     * - 'column': Stack children vertically (default, like SwiftUI's VStack)
+     * - 'row': Stack children horizontally (like SwiftUI's HStack)
+     * - 'stack': Overlay children at the same position (like SwiftUI's ZStack)
+     */
+    direction?: 'row' | 'column' | 'stack';
+    /**
+     * Gap between children
+     * - number: Uniform gap between all children
+     * - GapInsets: Separate horizontal and vertical gaps
+     * Applied between each child along the main axis (or both axes for GapInsets)
+     */
+    gap?: number | GapInsets | undefined;
+    /**
+     * Main axis alignment (along direction)
+     * - 'start': Align children to start (top for column, left for row)
+     * - 'center': Center children along main axis
+     * - 'end': Align children to end (bottom for column, right for row)
+     * - 'space-between': Distribute children evenly, first at start, last at end
+     * - 'space-around': Distribute children evenly with space around each
+     * - 'space-evenly': Distribute children with equal space between and around
+     */
+    justifyContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    /**
+     * Cross axis alignment (perpendicular to direction)
+     * - 'start': Align to start (left for column, top for row)
+     * - 'center': Center along cross axis
+     * - 'end': Align to end (right for column, bottom for row)
+     * - 'stretch': Stretch children to fill cross axis (requires fixed container size)
+     */
+    alignItems?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Flex grow factor - how much of the remaining space this element should take
+     * Similar to CSS flexbox flex-grow
+     * - 0: Don't grow, use explicit width/height
+     * - 1: Take equal share of remaining space
+     * - 2+: Take proportionally more space
+     *
+     * @example
+     * // Sidebar fixed, main content fills rest
+     * <View direction="row">
+     *   <View width={200}>Sidebar</View>
+     *   <View flex={1}>Main</View>
+     * </View>
+     *
+     * // Two columns, second twice as wide
+     * <View direction="row">
+     *   <View flex={1}>Col 1</View>
+     *   <View flex={2}>Col 2</View>
+     * </View>
+     */
+    flex?: number;
+    /**
+     * Flex shrink factor - how much this element should shrink when space is limited
+     * Similar to CSS flexbox flex-shrink
+     * - 0: Don't shrink, maintain size even if container overflows
+     * - 1: Shrink proportionally with other flex items (default)
+     * - 2+: Shrink more than other items proportionally
+     *
+     * @example
+     * // Text that can shrink, icon that stays fixed
+     * <View direction="row" width={150}>
+     *   <View width={50} flexShrink={0}>Icon</View>
+     *   <View flex={1} flexShrink={1}>Long Text...</View>
+     * </View>
+     *
+     * // Two items, second shrinks twice as fast
+     * <View direction="row" width={100}>
+     *   <View width={80} flexShrink={1}>Item 1</View>
+     *   <View width={80} flexShrink={2}>Item 2</View>
+     * </View>
+     */
+    flexShrink?: number;
+    /**
+     * Flex basis - initial size before flex distribution
+     * Similar to CSS flexbox flex-basis
+     * - number: Fixed initial size in pixels
+     * - Percentage: "50%", "100%"
+     * - Viewport: "100vw", "50vh"
+     * - Keyword: "auto"
+     * - Calc: "calc(50% + 10px)"
+     * - undefined: Use width/height as basis
+     *
+     * Defines the starting size before flexGrow/flexShrink is applied
+     * Overrides width/height when flex is used
+     *
+     * @example
+     * // Item starts at 200px, then grows with flex
+     * <View flex={1} flexBasis={200}>Content</View>
+     *
+     * // Item starts at 50% of parent, then shrinks if needed
+     * <View flexBasis="50%" flexShrink={1}>Content</View>
+     *
+     * // Auto basis - uses content size
+     * <View flex={1} flexBasis="auto">Content</View>
+     *
+     * // Calc basis
+     * <View flex={1} flexBasis="calc(100% / 3)">Content</View>
+     */
+    flexBasis?: FlexBasisValue | undefined;
+    /**
+     * Controls how content that overflows the container bounds is displayed
+     * - 'visible': Content can overflow container bounds (default)
+     * - 'hidden': Content is clipped to container bounds using Phaser mask
+     *
+     * @example
+     * <View width={100} height={50} overflow="hidden">
+     *   <Text text="This long text will be clipped" />
+     * </View>
+     */
+    overflow?: 'visible' | 'hidden';
+    /**
+     * Controls wrapping behavior for flex layouts
+     * - 'nowrap': All items in single line (default, current behavior)
+     * - 'wrap': Items wrap to new line/column when space exhausted
+     * - 'wrap-reverse': Items wrap in reverse order
+     *
+     * Only applies to 'row' and 'column' directions, ignored for 'stack'
+     * When wrapping, flex distribution is calculated per line
+     *
+     * @example
+     * // Auto-wrap grid with 100px items
+     * <View direction="row" flexWrap="wrap" gap={10} width={400}>
+     *   {items.map(item => <Card width={100} />)}
+     * </View>
+     *
+     * // Responsive card grid
+     * <View direction="row" flexWrap="wrap" gap={15}>
+     *   {cards.map(card => <View minWidth={180} flex={1}>{card}</View>)}
+     * </View>
+     */
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    /**
+     * Alignment of wrapped lines in multi-line flex container
+     * Only applies when flexWrap !== 'nowrap' and there are multiple lines
+     * Controls distribution of lines along cross axis (perpendicular to direction)
+     *
+     * - 'start': Pack lines to start (top for row, left for column)
+     * - 'center': Center lines in container
+     * - 'end': Pack lines to end (bottom for row, right for column)
+     * - 'space-between': First line at start, last at end, equal space between
+     * - 'space-around': Equal space around each line
+     * - 'stretch': Lines stretch to fill cross axis (default)
+     *
+     * Difference from alignItems:
+     * - alignItems: Aligns items within each line
+     * - alignContent: Aligns the lines themselves within container
+     *
+     * @example
+     * ```tsx
+     * // Grid with lines distributed vertically
+     * <View
+     *   direction="row"
+     *   flexWrap="wrap"
+     *   alignContent="space-between"
+     *   height={400}
+     * >
+     *   {items}
+     * </View>
+     * ```
+     */
+    alignContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'stretch';
+}
+/**
+ * Background styling properties
+ */
+export interface BackgroundProps {
+    backgroundColor?: number | undefined;
+    backgroundAlpha?: number | undefined;
+    cornerRadius?: number | CornerRadiusInsets | undefined;
+    borderWidth?: number | undefined;
+    borderColor?: number | undefined;
+    borderAlpha?: number;
+}
+/**
+ * Text-specific styling properties
+ */
+export interface TextSpecificProps {
+    text: string | undefined;
+    /**
+     * Maximum width for text wrapping
+     * Supports all SizeValue formats (pixels, percentage, viewport units, calc)
+     */
+    maxWidth?: SizeValue;
+}
+/**
+ * High-level gesture props - unified touch and mouse interaction
+ * These provide cross-platform gesture detection with transparent mouse/touch support
+ */
+export interface GestureProps {
+    /**
+     * Enable gesture system for this container
+     * Must be true to receive any gesture events
+     * Default: false (no overhead for non-interactive containers)
+     */
+    enableGestures?: boolean;
+    /**
+     * Called on pointer down + up on the same target (click/tap)
+     * Works for both mouse click and touch tap
+     * Only fires if touch duration is within maxTouchDuration
+     */
+    onTouch?: (data: GestureEventData) => void;
+    /**
+     * Called when pointer up occurs outside the container
+     * Useful for click-outside detection (dropdowns, modals, tooltips)
+     * Only fires if touch duration is within maxTouchDuration
+     * Requires enableGestures: true
+     */
+    onTouchOutside?: (data: GestureEventData) => void;
+    /**
+     * Called during pointer movement - continues even when outside bounds
+     * Provides dx/dy deltas for tracking drag operations
+     * Includes isInside flag and state ('start' | 'move' | 'end')
+     * Requires enableGestures: true
+     */
+    onTouchMove?: (data: GestureEventData) => void;
+    /**
+     * Called when double tap/click is detected within configured delay
+     * Optional - only enable if needed to reduce overhead
+     */
+    onDoubleTap?: (data: GestureEventData) => void;
+    /**
+     * Called when pointer is held down for configured duration
+     * Optional - only enable if needed to reduce overhead
+     */
+    onLongPress?: (data: GestureEventData) => void;
+    /**
+     * Duration in ms to trigger long press
+     * Default: 500ms
+     */
+    longPressDuration?: number;
+    /**
+     * Max time in ms between taps for double tap detection
+     * Default: 300ms
+     */
+    doubleTapDelay?: number;
+    /**
+     * Max time in ms for a valid touch/click (prevents delayed touch after long hold)
+     * Default: 500ms
+     */
+    maxTouchDuration?: number;
+    /**
+     * Called when a key is pressed down
+     * Requires enableGestures: true
+     */
+    onKeyDown?: (data: KeyboardEventData) => void;
+    /**
+     * Called when a key is released
+     * Requires enableGestures: true
+     */
+    onKeyUp?: (data: KeyboardEventData) => void;
+    /**
+     * Called when input value changes
+     * Requires enableGestures: true
+     */
+    onInput?: (data: InputEventData) => void;
+    /**
+     * Called when element receives focus
+     * Requires enableGestures: true
+     */
+    onFocus?: (data: FocusEventData) => void;
+    /**
+     * Called when element loses focus
+     * Requires enableGestures: true
+     */
+    onBlur?: (data: FocusEventData) => void;
+    /**
+     * Called when pointer enters the container (desktop/mouse only)
+     * Does not work on touch devices (iPhone, iPad)
+     * Requires enableGestures: true
+     */
+    onHoverStart?: (data: import('./gestures/gesture-types').HoverEventData) => void;
+    /**
+     * Called when pointer exits the container (desktop/mouse only)
+     * Does not work on touch devices (iPhone, iPad)
+     * Requires enableGestures: true
+     */
+    onHoverEnd?: (data: import('./gestures/gesture-types').HoverEventData) => void;
+    /**
+     * Called when mouse wheel is scrolled over container (desktop/mouse only)
+     * Does not work on touch devices (iPhone, iPad)
+     * Provides deltaX/deltaY for scroll amounts
+     * Requires enableGestures: true
+     */
+    onWheel?: (data: WheelEventData) => void;
+}
+//# sourceMappingURL=core-props.d.ts.map

package/dist/core-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-props.d.ts","sourceRoot":"","sources":["../src/core-props.ts"],"names":[],"mappings":"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"}

package/dist/core-types.d.ts

@@ -0,0 +1,59 @@
+import { default as Phaser } from 'phaser';
+import { GraphicsBaseProps } from './components/primitives/graphics';
+import { ImageBaseProps } from './components/primitives/image';
+import { NineSliceBaseProps } from './components/primitives/nineslice';
+import { SpriteBaseProps } from './components/primitives/sprite';
+import { TextBaseProps } from './components/primitives/text';
+import { TileSpriteBaseProps } from './components/primitives/tilesprite';
+import { ViewBaseProps } from './components/primitives/view';
+/**
+ * Maps node type names to Phaser GameObject classes
+ */
+export interface NodeMap {
+    view: Phaser.GameObjects.Container;
+    text: Phaser.GameObjects.Text;
+    nineslice: Phaser.GameObjects.NineSlice;
+    sprite: Phaser.GameObjects.Sprite;
+    image: Phaser.GameObjects.Image;
+    graphics: Phaser.GameObjects.Graphics;
+    tilesprite: Phaser.GameObjects.TileSprite;
+    View: Phaser.GameObjects.Container;
+    Text: Phaser.GameObjects.Text;
+    NineSlice: Phaser.GameObjects.NineSlice;
+    Sprite: Phaser.GameObjects.Sprite;
+    Image: Phaser.GameObjects.Image;
+    Graphics: Phaser.GameObjects.Graphics;
+    TileSprite: Phaser.GameObjects.TileSprite;
+}
+/**
+ * Maps node type names to their props interfaces
+ */
+export interface NodePropsMap {
+    view: ViewBaseProps;
+    text: TextBaseProps;
+    nineslice: NineSliceBaseProps;
+    sprite: SpriteBaseProps;
+    image: ImageBaseProps;
+    graphics: GraphicsBaseProps;
+    tilesprite: TileSpriteBaseProps;
+    View: ViewBaseProps;
+    Text: TextBaseProps;
+    NineSlice: NineSliceBaseProps;
+    Sprite: SpriteBaseProps;
+    Image: ImageBaseProps;
+    Graphics: GraphicsBaseProps;
+    TileSprite: TileSpriteBaseProps;
+}
+/**
+ * Union of all supported node type names
+ */
+export type NodeType = keyof NodeMap;
+/**
+ * Get the instance type for a given node type
+ */
+export type NodeInstance<T extends NodeType = NodeType> = NodeMap[T];
+/**
+ * Get the props type for a given node type
+ */
+export type NodeProps<T extends NodeType = NodeType> = NodePropsMap[T];
+//# sourceMappingURL=core-types.d.ts.map

package/dist/core-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-types.d.ts","sourceRoot":"","sources":["../src/core-types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAEjE;;GAEG;AACH,MAAM,WAAW,OAAO;IAEtB,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,CAAA;IAClC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,CAAA;IACvC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAA;IACjC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAA;IACrC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA;IAEzC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,CAAA;IAClC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,SAAS,CAAA;IACvC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAA;IACjC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK,CAAA;IAC/B,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAA;IACrC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,UAAU,CAAA;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAE3B,IAAI,EAAE,aAAa,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,SAAS,EAAE,kBAAkB,CAAA;IAC7B,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,UAAU,EAAE,mBAAmB,CAAA;IAE/B,IAAI,EAAE,aAAa,CAAA;IACnB,IAAI,EAAE,aAAa,CAAA;IACnB,SAAS,EAAE,kBAAkB,CAAA;IAC7B,MAAM,EAAE,eAAe,CAAA;IACvB,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,UAAU,EAAE,mBAAmB,CAAA;CAChC;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAA;AAEpC;;GAEG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;AAEpE;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,CAAA"}