@specverse/engine-realize 3.5.3

package/libs/instance-factories/views/templates/shared/syntax-mapper.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Syntax Mapper - Framework Syntax Patterns
+ *
+ * Maps universal programming patterns to framework-specific syntax.
+ * Enables consistent code generation across React, Vue, Svelte, Angular, and runtime.
+ *
+ * Architecture:
+ * - SyntaxPattern: Template strings for each framework
+ * - SYNTAX_PATTERNS: Universal patterns (state, loops, events, conditions, imports)
+ * - getSyntaxPattern(): Template variable replacement
+ *
+ * Example:
+ *   getSyntaxPattern('stateDeclaration', 'react', {name: 'count', initial: '0'})
+ *   → "const [count, setCount] = useState(0);"
+ */
+/**
+ * All supported framework targets for syntax generation
+ */
+export type FrameworkTarget = 'react' | 'vue' | 'svelte' | 'angular' | 'runtime';
+/**
+ * Syntax pattern definition for a single programming pattern
+ * Maps each framework to its specific syntax template
+ */
+export interface SyntaxPattern {
+    react: string;
+    vue: string;
+    svelte: string;
+    angular: string;
+    runtime: string;
+}
+/**
+ * Available syntax pattern categories
+ */
+export type SyntaxPatternKey = 'stateDeclaration' | 'stateUpdate' | 'stateGetter' | 'loopRender' | 'conditionalRender' | 'componentRender' | 'eventHandler' | 'eventBinding' | 'onMount' | 'onUnmount' | 'onUpdate' | 'propDeclaration' | 'propAccess' | 'propBinding' | 'componentImport' | 'hookImport' | 'libraryImport';
+/**
+ * State Management Patterns
+ */
+export declare const STATE_PATTERNS: Record<string, SyntaxPattern>;
+/**
+ * Rendering Patterns
+ */
+export declare const RENDER_PATTERNS: Record<string, SyntaxPattern>;
+/**
+ * Event Handling Patterns
+ */
+export declare const EVENT_PATTERNS: Record<string, SyntaxPattern>;
+/**
+ * Lifecycle Patterns
+ */
+export declare const LIFECYCLE_PATTERNS: Record<string, SyntaxPattern>;
+/**
+ * Props/Attributes Patterns
+ */
+export declare const PROP_PATTERNS: Record<string, SyntaxPattern>;
+/**
+ * Import Patterns
+ */
+export declare const IMPORT_PATTERNS: Record<string, SyntaxPattern>;
+/**
+ * All syntax patterns organized by category
+ */
+export declare const SYNTAX_PATTERNS: Record<SyntaxPatternKey, SyntaxPattern>;
+/**
+ * Replaces template variables in a pattern string
+ *
+ * Template variables use ${variableName} syntax.
+ * Special handling for capitalization: ${Name} will capitalize first letter
+ *
+ * @param template - Template string with ${variables}
+ * @param variables - Object mapping variable names to values
+ * @returns String with variables replaced
+ */
+export declare function replaceTemplateVariables(template: string, variables: Record<string, any>): string;
+/**
+ * Gets a syntax pattern for a specific framework with variable replacement
+ *
+ * @param pattern - The syntax pattern key to use
+ * @param framework - Target framework
+ * @param variables - Variables to replace in template
+ * @returns Generated code string for the framework
+ */
+export declare function getSyntaxPattern(pattern: SyntaxPatternKey, framework: FrameworkTarget, variables: Record<string, any>): string;
+/**
+ * Gets all framework implementations of a pattern
+ *
+ * Useful for documentation or comparison
+ *
+ * @param pattern - The syntax pattern key
+ * @param variables - Variables to replace in templates
+ * @returns Object mapping frameworks to generated code
+ */
+export declare function getAllFrameworkSyntax(pattern: SyntaxPatternKey, variables: Record<string, any>): Record<FrameworkTarget, string>;
+/**
+ * Checks if a pattern is available for a framework
+ *
+ * @param pattern - The syntax pattern key
+ * @param framework - Target framework
+ * @returns True if pattern exists for framework
+ */
+export declare function hasPattern(pattern: SyntaxPatternKey, framework: FrameworkTarget): boolean;
+/**
+ * Gets all available pattern keys
+ *
+ * @returns Array of all syntax pattern keys
+ */
+export declare function getAllPatternKeys(): SyntaxPatternKey[];
+/**
+ * Gets pattern keys by category
+ *
+ * @param category - Pattern category
+ * @returns Array of pattern keys in that category
+ */
+export declare function getPatternsByCategory(category: 'state' | 'render' | 'event' | 'lifecycle' | 'prop' | 'import'): SyntaxPatternKey[];
+/**
+ * Generate state management code for a framework
+ * Convenience function that combines declaration and update patterns
+ *
+ * @param framework - Target framework
+ * @param stateName - Name of state variable
+ * @param stateType - TypeScript type
+ * @param initialValue - Initial value
+ * @returns Object with declaration and updater syntax
+ */
+export declare function generateStateCode(framework: FrameworkTarget, stateName: string, stateType: string, initialValue: string): {
+    declaration: string;
+    update: (value: string) => string;
+    get: string;
+};
+/**
+ * Generate event handler code for a framework
+ *
+ * @param framework - Target framework
+ * @param eventName - Name of event (e.g., 'click', 'submit')
+ * @param handlerName - Name of handler function
+ * @param params - Handler parameters
+ * @param body - Handler body code
+ * @returns Object with handler function and binding syntax
+ */
+export declare function generateEventCode(framework: FrameworkTarget, eventName: string, handlerName: string, params: string, body: string): {
+    handler: string;
+    binding: string;
+};
+//# sourceMappingURL=syntax-mapper.d.ts.map

package/libs/instance-factories/views/templates/shared/syntax-mapper.d.ts.map

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

package/libs/instance-factories/views/templates/shared/syntax-mapper.js

@@ -0,0 +1,420 @@
+/**
+ * Syntax Mapper - Framework Syntax Patterns
+ *
+ * Maps universal programming patterns to framework-specific syntax.
+ * Enables consistent code generation across React, Vue, Svelte, Angular, and runtime.
+ *
+ * Architecture:
+ * - SyntaxPattern: Template strings for each framework
+ * - SYNTAX_PATTERNS: Universal patterns (state, loops, events, conditions, imports)
+ * - getSyntaxPattern(): Template variable replacement
+ *
+ * Example:
+ *   getSyntaxPattern('stateDeclaration', 'react', {name: 'count', initial: '0'})
+ *   → "const [count, setCount] = useState(0);"
+ */
+// ============================================================================
+// Syntax Pattern Definitions
+// ============================================================================
+/**
+ * State Management Patterns
+ */
+export const STATE_PATTERNS = {
+    /**
+     * Declare a state variable
+     * Variables: name, Name (capitalized), type (optional), initial
+     */
+    stateDeclaration: {
+        react: 'const [${name}, set${Name}] = useState<${type}>(${initial});',
+        vue: 'const ${name} = ref<${type}>(${initial});',
+        svelte: 'let ${name}: ${type} = ${initial};',
+        angular: '${name}: ${type} = ${initial};',
+        runtime: 'const [${name}, set${Name}] = useState<${type}>(${initial});'
+    },
+    /**
+     * Update a state variable
+     * Variables: name, Name (capitalized), value
+     */
+    stateUpdate: {
+        react: 'set${Name}(${value});',
+        vue: '${name}.value = ${value};',
+        svelte: '${name} = ${value};',
+        angular: 'this.${name} = ${value};',
+        runtime: 'set${Name}(${value});'
+    },
+    /**
+     * Access a state variable value
+     * Variables: name
+     */
+    stateGetter: {
+        react: '${name}',
+        vue: '${name}.value',
+        svelte: '${name}',
+        angular: 'this.${name}',
+        runtime: '${name}'
+    }
+};
+/**
+ * Rendering Patterns
+ */
+export const RENDER_PATTERNS = {
+    /**
+     * Render array of items with loop
+     * Variables: array, item, key, Component
+     */
+    loopRender: {
+        react: '{${array}.map((${item}) => <${Component} key={${item}.${key}} ${item}={${item}} />)}',
+        vue: '<${Component} v-for="${item} in ${array}" :key="${item}.${key}" :${item}="${item}" />',
+        svelte: '{#each ${array} as ${item} (${item}.${key})}<${Component} ${item}={${item}} />{/each}',
+        angular: '<${component} *ngFor="let ${item} of ${array}; trackBy: track${Item}" [${item}]="${item}"></${component}>',
+        runtime: '{${array}.map((${item}) => createElement(${Component}, { key: ${item}.${key}, ${item} }))}'
+    },
+    /**
+     * Conditional rendering
+     * Variables: condition, Component, props (optional)
+     */
+    conditionalRender: {
+        react: '{${condition} && <${Component} ${props} />}',
+        vue: '<${Component} v-if="${condition}" ${props} />',
+        svelte: '{#if ${condition}}<${Component} ${props} />{/if}',
+        angular: '<${component} *ngIf="${condition}" ${props}></${component}>',
+        runtime: '{${condition} && createElement(${Component}, ${props})}'
+    },
+    /**
+     * Render a component with props
+     * Variables: Component, props
+     */
+    componentRender: {
+        react: '<${Component} ${props} />',
+        vue: '<${Component} ${props} />',
+        svelte: '<${Component} ${props} />',
+        angular: '<${component} ${props}></${component}>',
+        runtime: 'createElement(${Component}, ${props})'
+    }
+};
+/**
+ * Event Handling Patterns
+ */
+export const EVENT_PATTERNS = {
+    /**
+     * Declare event handler function
+     * Variables: name, Name (capitalized), params, body
+     */
+    eventHandler: {
+        react: 'const handle${Name} = (${params}) => {\n  ${body}\n};',
+        vue: 'const handle${Name} = (${params}) => {\n  ${body}\n};',
+        svelte: 'function handle${Name}(${params}) {\n  ${body}\n}',
+        angular: 'handle${Name}(${params}): void {\n  ${body}\n}',
+        runtime: 'const handle${Name} = (${params}) => {\n  ${body}\n};'
+    },
+    /**
+     * Bind event to handler
+     * Variables: event, handler
+     */
+    eventBinding: {
+        react: '${event}={${handler}}',
+        vue: '@${event}="${handler}"',
+        svelte: 'on:${event}={${handler}}',
+        angular: '(${event})="${handler}($event)"',
+        runtime: '${event}: ${handler}'
+    }
+};
+/**
+ * Lifecycle Patterns
+ */
+export const LIFECYCLE_PATTERNS = {
+    /**
+     * Component mount lifecycle
+     * Variables: body
+     */
+    onMount: {
+        react: 'useEffect(() => {\n  ${body}\n}, []);',
+        vue: 'onMounted(() => {\n  ${body}\n});',
+        svelte: 'onMount(() => {\n  ${body}\n});',
+        angular: 'ngOnInit(): void {\n  ${body}\n}',
+        runtime: 'useEffect(() => {\n  ${body}\n}, []);'
+    },
+    /**
+     * Component unmount lifecycle
+     * Variables: body
+     */
+    onUnmount: {
+        react: 'useEffect(() => {\n  return () => {\n    ${body}\n  };\n}, []);',
+        vue: 'onUnmounted(() => {\n  ${body}\n});',
+        svelte: 'onDestroy(() => {\n  ${body}\n});',
+        angular: 'ngOnDestroy(): void {\n  ${body}\n}',
+        runtime: 'useEffect(() => {\n  return () => {\n    ${body}\n  };\n}, []);'
+    },
+    /**
+     * Value change/update lifecycle
+     * Variables: dependencies, body
+     */
+    onUpdate: {
+        react: 'useEffect(() => {\n  ${body}\n}, [${dependencies}]);',
+        vue: 'watch([${dependencies}], () => {\n  ${body}\n});',
+        svelte: '$: if (${dependencies}) {\n  ${body}\n}',
+        angular: 'ngOnChanges(changes: SimpleChanges): void {\n  ${body}\n}',
+        runtime: 'useEffect(() => {\n  ${body}\n}, [${dependencies}]);'
+    }
+};
+/**
+ * Props/Attributes Patterns
+ */
+export const PROP_PATTERNS = {
+    /**
+     * Declare component props/properties
+     * Variables: name, type, required (boolean)
+     */
+    propDeclaration: {
+        react: '${name}${required ? "" : "?"}: ${type}',
+        vue: '${name}: { type: ${type}, required: ${required} }',
+        svelte: 'export let ${name}: ${type}${required ? "" : " | undefined"};',
+        angular: '@Input() ${name}${required ? "!" : "?"}: ${type};',
+        runtime: '${name}${required ? "" : "?"}: ${type}'
+    },
+    /**
+     * Access props inside component
+     * Variables: name
+     */
+    propAccess: {
+        react: '${name}',
+        vue: 'props.${name}',
+        svelte: '${name}',
+        angular: 'this.${name}',
+        runtime: '${name}'
+    },
+    /**
+     * Bind prop value to component
+     * Variables: name, value
+     */
+    propBinding: {
+        react: '${name}={${value}}',
+        vue: ':${name}="${value}"',
+        svelte: '${name}={${value}}',
+        angular: '[${name}]="${value}"',
+        runtime: '${name}: ${value}'
+    }
+};
+/**
+ * Import Patterns
+ */
+export const IMPORT_PATTERNS = {
+    /**
+     * Import a component
+     * Variables: Component, path
+     */
+    componentImport: {
+        react: "import ${Component} from '${path}';",
+        vue: "import ${Component} from '${path}';",
+        svelte: "import ${Component} from '${path}';",
+        angular: "import { ${Component} } from '${path}';",
+        runtime: "import ${Component} from '${path}';"
+    },
+    /**
+     * Import hooks/composables
+     * Variables: hooks (comma-separated), source
+     */
+    hookImport: {
+        react: "import { ${hooks} } from '${source}';",
+        vue: "import { ${hooks} } from '${source}';",
+        svelte: "import { ${hooks} } from '${source}';",
+        angular: "import { ${hooks} } from '${source}';",
+        runtime: "import { ${hooks} } from '${source}';"
+    },
+    /**
+     * Import from library
+     * Variables: exports, library
+     */
+    libraryImport: {
+        react: "import { ${exports} } from '${library}';",
+        vue: "import { ${exports} } from '${library}';",
+        svelte: "import { ${exports} } from '${library}';",
+        angular: "import { ${exports} } from '${library}';",
+        runtime: "import { ${exports} } from '${library}';"
+    }
+};
+/**
+ * All syntax patterns organized by category
+ */
+export const SYNTAX_PATTERNS = {
+    // State
+    stateDeclaration: STATE_PATTERNS.stateDeclaration,
+    stateUpdate: STATE_PATTERNS.stateUpdate,
+    stateGetter: STATE_PATTERNS.stateGetter,
+    // Rendering
+    loopRender: RENDER_PATTERNS.loopRender,
+    conditionalRender: RENDER_PATTERNS.conditionalRender,
+    componentRender: RENDER_PATTERNS.componentRender,
+    // Events
+    eventHandler: EVENT_PATTERNS.eventHandler,
+    eventBinding: EVENT_PATTERNS.eventBinding,
+    // Lifecycle
+    onMount: LIFECYCLE_PATTERNS.onMount,
+    onUnmount: LIFECYCLE_PATTERNS.onUnmount,
+    onUpdate: LIFECYCLE_PATTERNS.onUpdate,
+    // Props
+    propDeclaration: PROP_PATTERNS.propDeclaration,
+    propAccess: PROP_PATTERNS.propAccess,
+    propBinding: PROP_PATTERNS.propBinding,
+    // Imports
+    componentImport: IMPORT_PATTERNS.componentImport,
+    hookImport: IMPORT_PATTERNS.hookImport,
+    libraryImport: IMPORT_PATTERNS.libraryImport
+};
+// ============================================================================
+// Template Replacement Functions
+// ============================================================================
+/**
+ * Replaces template variables in a pattern string
+ *
+ * Template variables use ${variableName} syntax.
+ * Special handling for capitalization: ${Name} will capitalize first letter
+ *
+ * @param template - Template string with ${variables}
+ * @param variables - Object mapping variable names to values
+ * @returns String with variables replaced
+ */
+export function replaceTemplateVariables(template, variables) {
+    let result = template;
+    // Replace all ${variable} patterns
+    for (const [key, value] of Object.entries(variables)) {
+        // Handle capitalized version (e.g., ${Name} from ${name})
+        const capitalizedKey = key.charAt(0).toUpperCase() + key.slice(1);
+        const capitalizedPattern = new RegExp(`\\$\\{${capitalizedKey}\\}`, 'g');
+        result = result.replace(capitalizedPattern, String(value).charAt(0).toUpperCase() + String(value).slice(1));
+        // Handle normal version (e.g., ${name})
+        const normalPattern = new RegExp(`\\$\\{${key}\\}`, 'g');
+        result = result.replace(normalPattern, String(value));
+    }
+    // Handle conditional expressions in template (e.g., ${required ? "" : "?"})
+    // This is a simple evaluator for common patterns
+    result = result.replace(/\$\{(\w+)\s*\?\s*"([^"]*)"\s*:\s*"([^"]*)"\}/g, (match, varName, trueVal, falseVal) => {
+        const varValue = variables[varName];
+        return varValue ? trueVal : falseVal;
+    });
+    return result;
+}
+/**
+ * Gets a syntax pattern for a specific framework with variable replacement
+ *
+ * @param pattern - The syntax pattern key to use
+ * @param framework - Target framework
+ * @param variables - Variables to replace in template
+ * @returns Generated code string for the framework
+ */
+export function getSyntaxPattern(pattern, framework, variables) {
+    const syntaxPattern = SYNTAX_PATTERNS[pattern];
+    if (!syntaxPattern) {
+        throw new Error(`Unknown syntax pattern: ${pattern}`);
+    }
+    const template = syntaxPattern[framework];
+    if (!template) {
+        throw new Error(`Framework ${framework} not supported for pattern ${pattern}`);
+    }
+    return replaceTemplateVariables(template, variables);
+}
+/**
+ * Gets all framework implementations of a pattern
+ *
+ * Useful for documentation or comparison
+ *
+ * @param pattern - The syntax pattern key
+ * @param variables - Variables to replace in templates
+ * @returns Object mapping frameworks to generated code
+ */
+export function getAllFrameworkSyntax(pattern, variables) {
+    const frameworks = ['react', 'vue', 'svelte', 'angular', 'runtime'];
+    const result = {};
+    for (const framework of frameworks) {
+        result[framework] = getSyntaxPattern(pattern, framework, variables);
+    }
+    return result;
+}
+/**
+ * Checks if a pattern is available for a framework
+ *
+ * @param pattern - The syntax pattern key
+ * @param framework - Target framework
+ * @returns True if pattern exists for framework
+ */
+export function hasPattern(pattern, framework) {
+    const syntaxPattern = SYNTAX_PATTERNS[pattern];
+    return Boolean(syntaxPattern && syntaxPattern[framework] !== undefined);
+}
+/**
+ * Gets all available pattern keys
+ *
+ * @returns Array of all syntax pattern keys
+ */
+export function getAllPatternKeys() {
+    return Object.keys(SYNTAX_PATTERNS);
+}
+/**
+ * Gets pattern keys by category
+ *
+ * @param category - Pattern category
+ * @returns Array of pattern keys in that category
+ */
+export function getPatternsByCategory(category) {
+    const categoryMap = {
+        state: ['stateDeclaration', 'stateUpdate', 'stateGetter'],
+        render: ['loopRender', 'conditionalRender', 'componentRender'],
+        event: ['eventHandler', 'eventBinding'],
+        lifecycle: ['onMount', 'onUnmount', 'onUpdate'],
+        prop: ['propDeclaration', 'propAccess', 'propBinding'],
+        import: ['componentImport', 'hookImport', 'libraryImport']
+    };
+    return categoryMap[category] || [];
+}
+// ============================================================================
+// Framework-Specific Helpers
+// ============================================================================
+/**
+ * Generate state management code for a framework
+ * Convenience function that combines declaration and update patterns
+ *
+ * @param framework - Target framework
+ * @param stateName - Name of state variable
+ * @param stateType - TypeScript type
+ * @param initialValue - Initial value
+ * @returns Object with declaration and updater syntax
+ */
+export function generateStateCode(framework, stateName, stateType, initialValue) {
+    const declaration = getSyntaxPattern('stateDeclaration', framework, {
+        name: stateName,
+        Name: stateName.charAt(0).toUpperCase() + stateName.slice(1),
+        type: stateType,
+        initial: initialValue
+    });
+    const update = (value) => getSyntaxPattern('stateUpdate', framework, {
+        name: stateName,
+        Name: stateName.charAt(0).toUpperCase() + stateName.slice(1),
+        value
+    });
+    const get = getSyntaxPattern('stateGetter', framework, { name: stateName });
+    return { declaration, update, get };
+}
+/**
+ * Generate event handler code for a framework
+ *
+ * @param framework - Target framework
+ * @param eventName - Name of event (e.g., 'click', 'submit')
+ * @param handlerName - Name of handler function
+ * @param params - Handler parameters
+ * @param body - Handler body code
+ * @returns Object with handler function and binding syntax
+ */
+export function generateEventCode(framework, eventName, handlerName, params, body) {
+    const handler = getSyntaxPattern('eventHandler', framework, {
+        name: handlerName,
+        Name: handlerName.charAt(0).toUpperCase() + handlerName.slice(1),
+        params,
+        body
+    });
+    const binding = getSyntaxPattern('eventBinding', framework, {
+        event: eventName,
+        handler: `handle${handlerName.charAt(0).toUpperCase() + handlerName.slice(1)}`
+    });
+    return { handler, binding };
+}
+//# sourceMappingURL=syntax-mapper.js.map

package/libs/instance-factories/views/templates/shared/syntax-mapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntax-mapper.js","sourceRoot":"","sources":["syntax-mapper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAmDH,+EAA+E;AAC/E,6BAA6B;AAC7B,+EAA+E;AAE/E;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D;;;OAGG;IACH,gBAAgB,EAAE;QAChB,KAAK,EAAE,8DAA8D;QACrE,GAAG,EAAE,2CAA2C;QAChD,MAAM,EAAE,oCAAoC;QAC5C,OAAO,EAAE,gCAAgC;QACzC,OAAO,EAAE,8DAA8D;KACxE;IAED;;;OAGG;IACH,WAAW,EAAE;QACX,KAAK,EAAE,uBAAuB;QAC9B,GAAG,EAAE,2BAA2B;QAChC,MAAM,EAAE,qBAAqB;QAC7B,OAAO,EAAE,0BAA0B;QACnC,OAAO,EAAE,uBAAuB;KACjC;IAED;;;OAGG;IACH,WAAW,EAAE;QACX,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAkC;IAC5D;;;OAGG;IACH,UAAU,EAAE;QACV,KAAK,EAAE,sFAAsF;QAC7F,GAAG,EAAE,uFAAuF;QAC5F,MAAM,EAAE,uFAAuF;QAC/F,OAAO,EAAE,2GAA2G;QACpH,OAAO,EAAE,4FAA4F;KACtG;IAED;;;OAGG;IACH,iBAAiB,EAAE;QACjB,KAAK,EAAE,6CAA6C;QACpD,GAAG,EAAE,+CAA+C;QACpD,MAAM,EAAE,kDAAkD;QAC1D,OAAO,EAAE,6DAA6D;QACtE,OAAO,EAAE,yDAAyD;KACnE;IAED;;;OAGG;IACH,eAAe,EAAE;QACf,KAAK,EAAE,2BAA2B;QAClC,GAAG,EAAE,2BAA2B;QAChC,MAAM,EAAE,2BAA2B;QACnC,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,uCAAuC;KACjD;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAkC;IAC3D;;;OAGG;IACH,YAAY,EAAE;QACZ,KAAK,EAAE,uDAAuD;QAC9D,GAAG,EAAE,uDAAuD;QAC5D,MAAM,EAAE,mDAAmD;QAC3D,OAAO,EAAE,gDAAgD;QACzD,OAAO,EAAE,uDAAuD;KACjE;IAED;;;OAGG;IACH,YAAY,EAAE;QACZ,KAAK,EAAE,uBAAuB;QAC9B,GAAG,EAAE,wBAAwB;QAC7B,MAAM,EAAE,0BAA0B;QAClC,OAAO,EAAE,iCAAiC;QAC1C,OAAO,EAAE,sBAAsB;KAChC;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAkC;IAC/D;;;OAGG;IACH,OAAO,EAAE;QACP,KAAK,EAAE,uCAAuC;QAC9C,GAAG,EAAE,mCAAmC;QACxC,MAAM,EAAE,iCAAiC;QACzC,OAAO,EAAE,kCAAkC;QAC3C,OAAO,EAAE,uCAAuC;KACjD;IAED;;;OAGG;IACH,SAAS,EAAE;QACT,KAAK,EAAE,iEAAiE;QACxE,GAAG,EAAE,qCAAqC;QAC1C,MAAM,EAAE,mCAAmC;QAC3C,OAAO,EAAE,qCAAqC;QAC9C,OAAO,EAAE,iEAAiE;KAC3E;IAED;;;OAGG;IACH,QAAQ,EAAE;QACR,KAAK,EAAE,sDAAsD;QAC7D,GAAG,EAAE,kDAAkD;QACvD,MAAM,EAAE,yCAAyC;QACjD,OAAO,EAAE,2DAA2D;QACpE,OAAO,EAAE,sDAAsD;KAChE;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAkC;IAC1D;;;OAGG;IACH,eAAe,EAAE;QACf,KAAK,EAAE,wCAAwC;QAC/C,GAAG,EAAE,mDAAmD;QACxD,MAAM,EAAE,+DAA+D;QACvE,OAAO,EAAE,mDAAmD;QAC5D,OAAO,EAAE,wCAAwC;KAClD;IAED;;;OAGG;IACH,UAAU,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,SAAS;KACnB;IAED;;;OAGG;IACH,WAAW,EAAE;QACX,KAAK,EAAE,oBAAoB;QAC3B,GAAG,EAAE,qBAAqB;QAC1B,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,sBAAsB;QAC/B,OAAO,EAAE,mBAAmB;KAC7B;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAkC;IAC5D;;;OAGG;IACH,eAAe,EAAE;QACf,KAAK,EAAE,qCAAqC;QAC5C,GAAG,EAAE,qCAAqC;QAC1C,MAAM,EAAE,qCAAqC;QAC7C,OAAO,EAAE,yCAAyC;QAClD,OAAO,EAAE,qCAAqC;KAC/C;IAED;;;OAGG;IACH,UAAU,EAAE;QACV,KAAK,EAAE,uCAAuC;QAC9C,GAAG,EAAE,uCAAuC;QAC5C,MAAM,EAAE,uCAAuC;QAC/C,OAAO,EAAE,uCAAuC;QAChD,OAAO,EAAE,uCAAuC;KACjD;IAED;;;OAGG;IACH,aAAa,EAAE;QACb,KAAK,EAAE,0CAA0C;QACjD,GAAG,EAAE,0CAA0C;QAC/C,MAAM,EAAE,0CAA0C;QAClD,OAAO,EAAE,0CAA0C;QACnD,OAAO,EAAE,0CAA0C;KACpD;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAA4C;IACtE,QAAQ;IACR,gBAAgB,EAAE,cAAc,CAAC,gBAAgB;IACjD,WAAW,EAAE,cAAc,CAAC,WAAW;IACvC,WAAW,EAAE,cAAc,CAAC,WAAW;IACvC,YAAY;IACZ,UAAU,EAAE,eAAe,CAAC,UAAU;IACtC,iBAAiB,EAAE,eAAe,CAAC,iBAAiB;IACpD,eAAe,EAAE,eAAe,CAAC,eAAe;IAChD,SAAS;IACT,YAAY,EAAE,cAAc,CAAC,YAAY;IACzC,YAAY,EAAE,cAAc,CAAC,YAAY;IACzC,YAAY;IACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO;IACnC,SAAS,EAAE,kBAAkB,CAAC,SAAS;IACvC,QAAQ,EAAE,kBAAkB,CAAC,QAAQ;IACrC,QAAQ;IACR,eAAe,EAAE,aAAa,CAAC,eAAe;IAC9C,UAAU,EAAE,aAAa,CAAC,UAAU;IACpC,WAAW,EAAE,aAAa,CAAC,WAAW;IACtC,UAAU;IACV,eAAe,EAAE,eAAe,CAAC,eAAe;IAChD,UAAU,EAAE,eAAe,CAAC,UAAU;IACtC,aAAa,EAAE,eAAe,CAAC,aAAa;CAC7C,CAAC;AAEF,+EAA+E;AAC/E,iCAAiC;AACjC,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,UAAU,wBAAwB,CACtC,QAAgB,EAChB,SAA8B;IAE9B,IAAI,MAAM,GAAG,QAAQ,CAAC;IAEtB,mCAAmC;IACnC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QACrD,0DAA0D;QAC1D,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClE,MAAM,kBAAkB,GAAG,IAAI,MAAM,CAAC,SAAS,cAAc,KAAK,EAAE,GAAG,CAAC,CAAC;QACzE,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAE5G,wCAAwC;QACxC,MAAM,aAAa,GAAG,IAAI,MAAM,CAAC,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC;QACzD,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,4EAA4E;IAC5E,iDAAiD;IACjD,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,+CAA+C,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;QAC7G,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACpC,OAAO,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAC9B,OAAyB,EACzB,SAA0B,EAC1B,SAA8B;IAE9B,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE/C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,2BAA2B,OAAO,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,aAAa,SAAS,8BAA8B,OAAO,EAAE,CAAC,CAAC;IACjF,CAAC;IAED,OAAO,wBAAwB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAyB,EACzB,SAA8B;IAE9B,MAAM,UAAU,GAAsB,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IACvF,MAAM,MAAM,GAA6C,EAAE,CAAC;IAE5D,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,CAAC,SAAS,CAAC,GAAG,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,MAAyC,CAAC;AACnD,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CACxB,OAAyB,EACzB,SAA0B;IAE1B,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC/C,OAAO,OAAO,CAAC,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,KAAK,SAAS,CAAC,CAAC;AAC1E,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB;IAC/B,OAAO,MAAM,CAAC,IAAI,CAAC,eAAe,CAAuB,CAAC;AAC5D,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAAwE;IAExE,MAAM,WAAW,GAAuC;QACtD,KAAK,EAAE,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,CAAC;QACzD,MAAM,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,CAAC;QAC9D,KAAK,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;QACvC,SAAS,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC;QAC/C,IAAI,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,aAAa,CAAC;QACtD,MAAM,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,eAAe,CAAC;KAC3D,CAAC;IAEF,OAAO,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACrC,CAAC;AAED,+EAA+E;AAC/E,6BAA6B;AAC7B,+EAA+E;AAE/E;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAC/B,SAA0B,EAC1B,SAAiB,EACjB,SAAiB,EACjB,YAAoB;IAEpB,MAAM,WAAW,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,SAAS,EAAE;QAClE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5D,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,YAAY;KACtB,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,SAAS,EAAE;QAC3E,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5D,KAAK;KACN,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,gBAAgB,CAAC,aAAa,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;IAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AACtC,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAC/B,SAA0B,EAC1B,SAAiB,EACjB,WAAmB,EACnB,MAAc,EACd,IAAY;IAEZ,MAAM,OAAO,GAAG,gBAAgB,CAAC,cAAc,EAAE,SAAS,EAAE;QAC1D,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;QAChE,MAAM;QACN,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,gBAAgB,CAAC,cAAc,EAAE,SAAS,EAAE;QAC1D,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;KAC/E,CAAC,CAAC;IAEH,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAC9B,CAAC"}