import { Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class PropertyComponentComponent {
    ngOnInit() {
        this.content = this.data?.content;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PropertyComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PropertyComponentComponent, isStandalone: true, selector: "simpo-property-component", inputs: { data: "data", index: "index" }, ngImport: i0, template: "<div class=\"main-container content-side\">\n    <div class=\"header-section text-center mb-3\">\n        <div *ngFor=\"let text of data?.content?.inputText\" [ngClass]=\"{'head-text':text.label == 'Heading' , 'sub-text-1':text.label == 'Subtext'}\">{{text.value}}</div>\n    </div>\n    <div class=\"cards-section d-flex justify-content-center align-items-center g-3\">\n        <ng-container *ngFor=\"let ele of data?.content?.listItem?.data\">\n            <div class=\"card\">\n                <div class=\"w-100 card-container\"\n                    [ngStyle]=\"{ 'background-image': 'url(' + ele.backgroundImageUrl + ')' }\">\n                    <div class=\"data p-3 w-100\">\n                        <div class=\"top-data d-flex justify-content-between align-items-center\">\n                            <div class=\"top-left d-flex g-10\">\n                                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/155859c1737715323470Logo.png\"\n                                    alt=\"logo-text\" class=\"\">\n                                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\n                                    <div class=\"text-heading clr-white\">{{ele.heading}}</div>\n                                    <div class=\"d-flex sub-text\"><img\n                                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{ele.location.city\n                                        + \", \" + ele.location.state}}</div>\n                                </div>\n                            </div>\n                            <div class=\"top-right text-right\">\n                                <div class=\"xl-text mb-10\">{{ele.minInvestment}}</div>\n                                <div class=\"nrml-text\">Min.Investment</div>\n                            </div>\n                        </div>\n                        <div class=\"bottom-data d-flex justify-content-around align-items-center\">\n                            <div class=\"key-value d-flex flex-column\" *ngFor=\"let item of ele.features\">\n                                <div class=\"text-heading clr-grey text-center\">{{item.value}}</div>\n                                <div class=\"text-heading clr-grey text-center\">{{item.key}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</div>", styles: [".main-container{padding:4rem}.head-text{font-family:Open Sans;font-size:32px;font-weight:600;line-height:44px;color:#000}.sub-text-1{font-family:Open Sans;font-size:18px;font-weight:400;line-height:44px;color:#000000b3}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px;margin-bottom:5px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:16px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}.card{width:45%;border-radius:10px}.card-container{height:60vh;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:10px}.data{position:absolute;bottom:0}.g-3{gap:3rem}.logo-img{width:60px;height:60px}@media only screen and (max-width: 475px){.main-container{padding:1rem}.cards-section{flex-direction:column;gap:1rem!important}.card{width:100%!important}.head-text{font-size:25px;line-height:38px;text-align:start!important;margin-bottom:10px}.sub-text-1{font-size:16px;line-height:20px;text-align:start!important}.xl-text{font-size:22px}.nrml-text{font-size:12px}.text-heading{font-size:13px}.sub-text{font-size:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PropertyComponentComponent, decorators: [{
            type: Component,
            args: [{ selector: 'simpo-property-component', standalone: true, imports: [
                        CommonModule,
                    ], template: "<div class=\"main-container content-side\">\n    <div class=\"header-section text-center mb-3\">\n        <div *ngFor=\"let text of data?.content?.inputText\" [ngClass]=\"{'head-text':text.label == 'Heading' , 'sub-text-1':text.label == 'Subtext'}\">{{text.value}}</div>\n    </div>\n    <div class=\"cards-section d-flex justify-content-center align-items-center g-3\">\n        <ng-container *ngFor=\"let ele of data?.content?.listItem?.data\">\n            <div class=\"card\">\n                <div class=\"w-100 card-container\"\n                    [ngStyle]=\"{ 'background-image': 'url(' + ele.backgroundImageUrl + ')' }\">\n                    <div class=\"data p-3 w-100\">\n                        <div class=\"top-data d-flex justify-content-between align-items-center\">\n                            <div class=\"top-left d-flex g-10\">\n                                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/155859c1737715323470Logo.png\"\n                                    alt=\"logo-text\" class=\"\">\n                                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\n                                    <div class=\"text-heading clr-white\">{{ele.heading}}</div>\n                                    <div class=\"d-flex sub-text\"><img\n                                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{ele.location.city\n                                        + \", \" + ele.location.state}}</div>\n                                </div>\n                            </div>\n                            <div class=\"top-right text-right\">\n                                <div class=\"xl-text mb-10\">{{ele.minInvestment}}</div>\n                                <div class=\"nrml-text\">Min.Investment</div>\n                            </div>\n                        </div>\n                        <div class=\"bottom-data d-flex justify-content-around align-items-center\">\n                            <div class=\"key-value d-flex flex-column\" *ngFor=\"let item of ele.features\">\n                                <div class=\"text-heading clr-grey text-center\">{{item.value}}</div>\n                                <div class=\"text-heading clr-grey text-center\">{{item.key}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</div>", styles: [".main-container{padding:4rem}.head-text{font-family:Open Sans;font-size:32px;font-weight:600;line-height:44px;color:#000}.sub-text-1{font-family:Open Sans;font-size:18px;font-weight:400;line-height:44px;color:#000000b3}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px;margin-bottom:5px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:16px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}.card{width:45%;border-radius:10px}.card-container{height:60vh;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:10px}.data{position:absolute;bottom:0}.g-3{gap:3rem}.logo-img{width:60px;height:60px}@media only screen and (max-width: 475px){.main-container{padding:1rem}.cards-section{flex-direction:column;gap:1rem!important}.card{width:100%!important}.head-text{font-size:25px;line-height:38px;text-align:start!important;margin-bottom:10px}.sub-text-1{font-size:16px;line-height:20px;text-align:start!important}.xl-text{font-size:22px}.nrml-text{font-size:12px}.text-heading{font-size:13px}.sub-text{font-size:12px}}\n"] }]
        }], propDecorators: { data: [{
                type: Input
            }], index: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 