import { ChangeDetectionStrategy, Component } from '@angular/core';
import { PropertiesControlBase } from '../propertiesControlBase';
import * as i0 from "@angular/core";
import * as i1 from "../../../propertyTypeControls/components/inputSize/inputSize.component";
import * as i2 from "@anglr/common/forms";
import * as i3 from "@anglr/common";
/**
 * Component used for displaying editation of padding
 */
export class PaddingControlComponent extends PropertiesControlBase {
    //######################### protected properties - template bindings #########################
    /**
     * Padding form group
     */
    get _padding() {
        return this.form?.controls.padding;
    }
}
PaddingControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PaddingControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
PaddingControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: PaddingControlComponent, selector: "padding-control", usesInheritance: true, ngImport: i0, template: "<label class=\"properties-control-label\">{{'padding'|firstUppercaseLocalize}}</label>\n\n<div>\n    <div class=\"dynamic-flex-row dynamic-align-items-center dynamic-margin-bottom-extra-small\">\n        <span class=\"fas fa-arrow-left\"></span>\n        <input-size [control]=\"_padding?.controls?.left | asFormControl\"></input-size>\n        <span class=\"fas fa-arrow-right dynamic-margin-left-big\"></span>\n        <input-size [control]=\"_padding?.controls?.right | asFormControl\"></input-size>\n    </div>\n\n    <div class=\"dynamic-flex-row dynamic-align-items-center\">\n        <span class=\"fas fa-arrow-up\"></span>\n        <input-size class=\"dynamic-align-self-center\" [control]=\"_padding?.controls?.top | asFormControl\"></input-size>\n        <span class=\"fas fa-arrow-down dynamic-margin-left-big\"></span>\n        <input-size class=\"dynamic-align-self-center\" [control]=\"_padding?.controls?.bottom | asFormControl\"></input-size>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: i1.InputSizeComponent, selector: "input-size" }, { kind: "pipe", type: i2.AsFormControlPipe, name: "asFormControl" }, { kind: "pipe", type: i3.FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PaddingControlComponent, decorators: [{
            type: Component,
            args: [{ selector: 'padding-control', changeDetection: ChangeDetectionStrategy.OnPush, template: "<label class=\"properties-control-label\">{{'padding'|firstUppercaseLocalize}}</label>\n\n<div>\n    <div class=\"dynamic-flex-row dynamic-align-items-center dynamic-margin-bottom-extra-small\">\n        <span class=\"fas fa-arrow-left\"></span>\n        <input-size [control]=\"_padding?.controls?.left | asFormControl\"></input-size>\n        <span class=\"fas fa-arrow-right dynamic-margin-left-big\"></span>\n        <input-size [control]=\"_padding?.controls?.right | asFormControl\"></input-size>\n    </div>\n\n    <div class=\"dynamic-flex-row dynamic-align-items-center\">\n        <span class=\"fas fa-arrow-up\"></span>\n        <input-size class=\"dynamic-align-self-center\" [control]=\"_padding?.controls?.top | asFormControl\"></input-size>\n        <span class=\"fas fa-arrow-down dynamic-margin-left-big\"></span>\n        <input-size class=\"dynamic-align-self-center\" [control]=\"_padding?.controls?.bottom | asFormControl\"></input-size>\n    </div>\n</div>\n" }]
        }] });
//# sourceMappingURL=paddingControl.component.js.map