import { Component, Injector, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule as NgCommonModule } from '@angular/common';
import { UserDefinedExecutionContext } from '@wm/core';
import { initScript } from './{{name}}.component.script';
import { getVariables } from './{{name}}.component.variables';
import { expressionData } from './{{name}}.component.expressions';
import { BasePrefabComponent } from '@wm/runtime/base';
{{WMComponentsImportStmts requiredWMComponents}}
{{PrefabPartialModuleImportStmts requiredPartials}}

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

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

@Component({
    selector: 'app-prefab-{{prefabName}}',
    templateUrl: './{{name}}.component.html',
    styleUrls: ['./{{name}}.component.css'],
    encapsulation: ViewEncapsulation.None,
    providers: [
        {
            provide: UserDefinedExecutionContext,
            useExisting: {{componentName}}
        }
    ],
    standalone: true,
    imports: [
        ...requiredComponentModules,
        ...requiredPartialModules,
        NgCommonModule
    ],
    {{#if hasCustomElement}}
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
    {{/if}}
})
export class {{componentName}} extends BasePrefabComponent {

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

    constructor(public injector: Injector) {
        super();
        super.init();
    }

    getVariables() {
        return getVariables();
    }

    evalUserScript(Prefab, App, Utils) {
        initScript(Prefab, App, Utils);
    }

    getExpressions() {
        return expressionData;
    }

}