import { Component, Injector, Optional, ViewEncapsulation } from '@angular/core';
import { UserDefinedExecutionContext } from '@wm/core';
import { initScript } from './{{name}}.component.script';
import { getVariables } from './{{name}}.component.variables';
import { expressionData } from './{{name}}.component.expressions';
import { AppRef, BasePartialComponent } from '@wm/runtime/base';
import { CommonModule } from '@angular/common';
{{WMComponentsImportStmts requiredWMComponents}}
{{PartialModuleImportStmts requiredPartials}}

const requiredComponentModules = [
    {{WMComponentModuleStmts requiredWMComponents}}
];

const requiredPartialModules: any[] = [
    {{PartialModuleStmts requiredPartials}}
];


@Component({
    selector: 'app-partial-{{name}}',
    templateUrl: './{{name}}.component.html',
    styleUrls: ['./{{name}}.component.css'],
    encapsulation: ViewEncapsulation.None,
    providers: [
        {
            provide: UserDefinedExecutionContext,
            useExisting: {{componentName}}
        }
    ],
    standalone: true,
    imports: [
        ...requiredComponentModules,
        ...requiredPartialModules, 
        CommonModule
    ],
})
export class {{componentName}} extends BasePartialComponent {

    override partialName = '{{name}}';
    [key: string]: any;
    {{#if enableSpa}}spa = true;{{/if}}

    constructor() {
        super();
        super.init();
    }

    getVariables() {
        return getVariables();
    }

    evalUserScript(Partial: BasePartialComponent, App: AppRef, Utils: any) {
        initScript(Partial, App, Utils);
    }

    getExpressions() {
        return expressionData;
    }

}