/*
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
https://www.infragistics.com/legal/license/igultimate-la
https://www.infragistics.com/legal/license/igultimate-eula
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
*/
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
var IgxChildContentComponent = /** @class */ /*@__PURE__*/ (function () {
    function IgxChildContentComponent(_changeDetectorRef, renderer, viewContainer) {
        this._changeDetectorRef = _changeDetectorRef;
        this.renderer = renderer;
        this.viewContainer = viewContainer;
        this._display = "inline-block";
        this._flexDirection = "row";
        this._alignItems = "center";
        this._template = null;
    }
    Object.defineProperty(IgxChildContentComponent.prototype, "display", {
        get: function () {
            return this._display;
        },
        set: function (value) {
            this._display = value;
            var ele = this.viewContainer.element.nativeElement;
            this.renderer.setStyle(ele, "display", this._display);
            //this.style.display = value;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgxChildContentComponent.prototype, "flexDirection", {
        get: function () {
            return this._flexDirection;
        },
        set: function (value) {
            this._flexDirection = value;
            var ele = this.viewContainer.element.nativeElement;
            this.renderer.setStyle(ele, "flex-direction", this._flexDirection);
            //this.style.flexDirection = value;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgxChildContentComponent.prototype, "alignItems", {
        get: function () {
            return this._alignItems;
        },
        set: function (value) {
            this._alignItems = value;
            var ele = this.viewContainer.element.nativeElement;
            this.renderer.setStyle(ele, "align-items", this._alignItems);
            //this.style.flexDirection = value;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgxChildContentComponent.prototype, "template", {
        get: function () {
            return this._template;
        },
        set: function (value) {
            this._template = value;
            this._changeDetectorRef.detectChanges();
            // if (this._context != null) {
            //     
            // }
        },
        enumerable: false,
        configurable: true
    });
    IgxChildContentComponent.prototype.markChanged = function () {
        this._changeDetectorRef.detectChanges();
    };
    IgxChildContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: IgxChildContentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
    IgxChildContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: IgxChildContentComponent, selector: "igx-child-content", inputs: { template: "template" }, host: { classAttribute: "ig-child-content igx-child-content" }, ngImport: i0, template: "\n    <ng-template #defaultTemplate>\n        <div></div>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"template ? template : defaultTemplate;\">\n    </ng-container>\n  ", isInline: true, styles: ["\n"], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
    return IgxChildContentComponent;
}());
export { IgxChildContentComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: IgxChildContentComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'igx-child-content',
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    template: "\n    <ng-template #defaultTemplate>\n        <div></div>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"template ? template : defaultTemplate;\">\n    </ng-container>\n  ",
                    host: { class: "ig-child-content igx-child-content" },
                    styles: ["\n"]
                }]
        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
                type: Input
            }] } });
