// AP-29JAN25 
import { CommonModule } from '@angular/common';
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { PropertiesComponent } from '../properties/properties.component';
import { ElementComponent } from '../element/element.component';
import * as i0 from "@angular/core";
export class FormComponent {
    // Input data for app-element
    // bookletJson: any = {}; // Replace with your actual JSON object
    // bookletId: string = '123'; // Replace with your actual booklet ID
    bookletJSON;
    bookletId;
    formButtonHandler = new EventEmitter();
    templateSaveHandler = new EventEmitter();
    // Input data for app-properties
    // api: string = 'https://example.com/api'; // Replace with your actual API endpoint
    // apiMethod: string = 'GET'; // Replace with your actual API method
    selectedElementType = 'button'; // Replace with the default selected element type
    isTemplateSelected = false;
    onTemplateModeChange(status) {
        this.isTemplateSelected = status;
    }
    // Event handler for app-element
    formButtonHandlerClick(event) {
        this.formButtonHandler.emit(event);
    }
    saveTemplate(event) {
        this.templateSaveHandler.emit(event);
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FormComponent, isStandalone: true, selector: "app-form-builder", inputs: { bookletJSON: "bookletJSON", bookletId: "bookletId" }, outputs: { formButtonHandler: "formButtonHandler", templateSaveHandler: "templateSaveHandler" }, ngImport: i0, template: "<!-- AP-29JAN25 -->\n<div class=\"form-container \">\n    <!-- app-element Component -->\n     <!--AP-08APR25 Passes a boolean to indicate if a template is selected -->\n    <app-element \n    [bookletJSON]=\"bookletJSON\" \n    [bookletId]=\"bookletId\"\n    (templateMode)=\"onTemplateModeChange($event)\">\n  </app-element>\n   <!-- app-properties Component -->\n  <!-- AP-08APR25 Emits an event when the template mode -->\n  <app-properties \n  (formButtonHandler)=\"formButtonHandlerClick($event)\"\n  (templateSaveHandler)=\"saveTemplate($event)\"\n  [templateSelected]=\"isTemplateSelected\">\n </app-properties>\n  \n  ", styles: [".form-container{display:flex;flex-wrap:wrap;border:10px solid #86A8CD}app-element{width:75%}app-properties{border-left:10px solid #86A8CD;width:25%}:host ::ng-deep .questiondiv1{padding-left:0!important;padding-right:0!important}:host ::ng-deep .form-group.content-box{padding-bottom:0!important}\n"], dependencies: [{ kind: "component", type: PropertiesComponent, selector: "app-properties", inputs: ["selectedElementType", "templateSelected"], outputs: ["formButtonHandler", "templateSaveHandler"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: ElementComponent, selector: "app-element", inputs: ["bookletJSON", "bookletId"], outputs: ["templateMode"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-form-builder', standalone: true, imports: [PropertiesComponent, CommonModule, ElementComponent], template: "<!-- AP-29JAN25 -->\n<div class=\"form-container \">\n    <!-- app-element Component -->\n     <!--AP-08APR25 Passes a boolean to indicate if a template is selected -->\n    <app-element \n    [bookletJSON]=\"bookletJSON\" \n    [bookletId]=\"bookletId\"\n    (templateMode)=\"onTemplateModeChange($event)\">\n  </app-element>\n   <!-- app-properties Component -->\n  <!-- AP-08APR25 Emits an event when the template mode -->\n  <app-properties \n  (formButtonHandler)=\"formButtonHandlerClick($event)\"\n  (templateSaveHandler)=\"saveTemplate($event)\"\n  [templateSelected]=\"isTemplateSelected\">\n </app-properties>\n  \n  ", styles: [".form-container{display:flex;flex-wrap:wrap;border:10px solid #86A8CD}app-element{width:75%}app-properties{border-left:10px solid #86A8CD;width:25%}:host ::ng-deep .questiondiv1{padding-left:0!important;padding-right:0!important}:host ::ng-deep .form-group.content-box{padding-bottom:0!important}\n"] }]
        }], propDecorators: { bookletJSON: [{
                type: Input
            }], bookletId: [{
                type: Input
            }], formButtonHandler: [{
                type: Output
            }], templateSaveHandler: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 