/**
 * @module step-fields.component
 * @description Step 2 wrapper — hosts EntityFieldsGridComponent in create mode.
 */
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../shared/entity-fields-grid.component";
export class StepFieldsComponent {
    InitialColumns = [];
    ColumnsChanged = new EventEmitter();
    static ɵfac = function StepFieldsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepFieldsComponent)(); };
    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StepFieldsComponent, selectors: [["mj-entity-step-fields"]], inputs: { InitialColumns: "InitialColumns" }, outputs: { ColumnsChanged: "ColumnsChanged" }, standalone: false, decls: 2, vars: 1, consts: [[1, "step-fields-wrap"], ["Mode", "create", 3, "ColumnsChanged", "Columns"]], template: function StepFieldsComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0)(1, "mj-database-fields-grid", 1);
            i0.ɵɵlistener("ColumnsChanged", function StepFieldsComponent_Template_mj_database_fields_grid_ColumnsChanged_1_listener($event) { return ctx.ColumnsChanged.emit($event); });
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵproperty("Columns", ctx.InitialColumns);
        } }, dependencies: [i1.EntityFieldsGridComponent], styles: [".step-fields-wrap[_ngcontent-%COMP%] { height: 100%; display: flex; flex-direction: column; }"], changeDetection: 0 });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepFieldsComponent, [{
        type: Component,
        args: [{ standalone: false, selector: 'mj-entity-step-fields', template: `
        <div class="step-fields-wrap">
            <mj-database-fields-grid
                [Columns]="InitialColumns"
                Mode="create"
                (ColumnsChanged)="ColumnsChanged.emit($event)">
            </mj-database-fields-grid>
        </div>
    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".step-fields-wrap { height: 100%; display: flex; flex-direction: column; }"] }]
    }], null, { InitialColumns: [{
            type: Input
        }], ColumnsChanged: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StepFieldsComponent, { className: "StepFieldsComponent", filePath: "src/DatabaseDesigner/components/create-wizard/steps/step-fields.component.ts", lineNumber: 24 }); })();
//# sourceMappingURL=step-fields.component.js.map