import { Component, ChangeDetectionStrategy, Inject } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { MatDialogModule } from '@angular/material/dialog';
import { TITLED_DIALOG_DATA } from '@anglr/common/material';
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/material/dialog";
/**
 * Component used for displaying configuration of sync property
 */
export class ConfigureSyncPropertySAComponent {
    //######################### constructor #########################
    constructor(data) {
        //######################### protected properties - template bindings #########################
        /**
         * Instance of form control that is bound sync property name
         */
        this.control = new FormControl();
        this.control.setValue(data);
    }
}
ConfigureSyncPropertySAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ConfigureSyncPropertySAComponent, deps: [{ token: TITLED_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
ConfigureSyncPropertySAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: ConfigureSyncPropertySAComponent, isStandalone: true, selector: "configure-sync-property", ngImport: i0, template: "<div class=\"dynamic-form-group dynamic-margin-bottom-extra-small\">\n    <label class=\"dynamic-control-label dynamic-text-uppercase\">name</label>\n    <input type=\"text\" class=\"dynamic-form-control\" [formControl]=\"control\">\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end dynamic-action-buttons\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-info dynamic-margin-right-extra-small\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary\" [mat-dialog-close]=\"control.value\">\n        <span>ok</span>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ConfigureSyncPropertySAComponent, decorators: [{
            type: Component,
            args: [{ selector: 'configure-sync-property', standalone: true, imports: [
                        ReactiveFormsModule,
                        MatDialogModule,
                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dynamic-form-group dynamic-margin-bottom-extra-small\">\n    <label class=\"dynamic-control-label dynamic-text-uppercase\">name</label>\n    <input type=\"text\" class=\"dynamic-form-control\" [formControl]=\"control\">\n</div>\n\n<div class=\"dynamic-flex-row dynamic-flex-end dynamic-action-buttons\">\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-info dynamic-margin-right-extra-small\" [mat-dialog-close]=\"null\">\n        <span>cancel</span>\n    </button>\n\n    <button type=\"button\" class=\"dynamic-btn dynamic-btn-primary\" [mat-dialog-close]=\"control.value\">\n        <span>ok</span>\n    </button>\n</div>" }]
        }], ctorParameters: () => [{ type: undefined, decorators: [{
                    type: Inject,
                    args: [TITLED_DIALOG_DATA]
                }] }] });
//# sourceMappingURL=configureSyncProperty.component.js.map