import { ChangeDetectionStrategy, Component } from '@angular/core';
import { PropertiesControlBase } from '../propertiesControlBase';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@anglr/common";
import * as i3 from "../../../propertyTypeControls/components/inputString/inputString.component";
import * as i4 from "../marginControl/marginControl.component";
import * as i5 from "../paddingControl/paddingControl.component";
/**
 * Component used for displaying editation of component styling
 */
export class ComponentStylingPropertiesControlComponent extends PropertiesControlBase {
}
ComponentStylingPropertiesControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ComponentStylingPropertiesControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
ComponentStylingPropertiesControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: ComponentStylingPropertiesControlComponent, selector: "component-styling", usesInheritance: true, ngImport: i0, template: "<div class=\"properties-form-group\">\n    <label class=\"properties-control-label\">{{propertiesMetadata?.cssClass?.name ?? 'cssClass'|firstUppercaseLocalize}} <span *ngIf=\"propertiesMetadata?.cssClass?.description\" class=\"fas fa-info-circle\" [tooltip]=\"propertiesMetadata?.cssClass?.description|firstUppercaseLocalize\"></span></label>\n    <input-string [control]=\"form?.controls?.cssClass | asRequired\"></input-string>\n</div>\n\n<margin-control class=\"properties-form-group\" [form]=\"form\" [propertiesMetadata]=\"propertiesMetadata\"></margin-control>\n<padding-control class=\"properties-form-group\" [form]=\"form\" [propertiesMetadata]=\"propertiesMetadata\"></padding-control>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }, { kind: "component", type: i3.InputStringComponent, selector: "input-string" }, { kind: "component", type: i4.MarginControlComponent, selector: "margin-control" }, { kind: "component", type: i5.PaddingControlComponent, selector: "padding-control" }, { kind: "pipe", type: i2.AsRequiredTypePipe, name: "asRequired" }, { kind: "pipe", type: i2.FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: ComponentStylingPropertiesControlComponent, decorators: [{
            type: Component,
            args: [{ selector: 'component-styling', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"properties-form-group\">\n    <label class=\"properties-control-label\">{{propertiesMetadata?.cssClass?.name ?? 'cssClass'|firstUppercaseLocalize}} <span *ngIf=\"propertiesMetadata?.cssClass?.description\" class=\"fas fa-info-circle\" [tooltip]=\"propertiesMetadata?.cssClass?.description|firstUppercaseLocalize\"></span></label>\n    <input-string [control]=\"form?.controls?.cssClass | asRequired\"></input-string>\n</div>\n\n<margin-control class=\"properties-form-group\" [form]=\"form\" [propertiesMetadata]=\"propertiesMetadata\"></margin-control>\n<padding-control class=\"properties-form-group\" [form]=\"form\" [propertiesMetadata]=\"propertiesMetadata\"></padding-control>" }]
        }] });
//# sourceMappingURL=componentStylingPropertiesControl.component.js.map