import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { MatIcon } from '@angular/material/icon';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class PortfolioComponent {
    constructor() {
        this.property_list = [
            {
                name: 'Ananta one',
                sq_ft: '13 Sqft',
                price: '12.1 L',
                color: '#faa548'
            },
            {
                name: 'Ananta Hills',
                sq_ft: '8 Sqft',
                price: '9.7 L',
                color: '#6ba9d9'
            },
            {
                name: 'Leo Towers',
                sq_ft: '10 Sqft',
                price: '10.1 L',
                color: '#6bd990'
            },
            {
                name: 'NCD Vivanta',
                sq_ft: '10 Sqft',
                price: '20.1 L',
                color: 'red'
            },
            {
                name: 'MY Home Abooja',
                sq_ft: '10 Sqft',
                price: '40.1 L',
                color: 'yellow'
            }
        ];
        this.dropDownValues = ["All Properties", "Property 1", "Property 2"];
        this.topCards = [
            { icon: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/990718c1739529606489Group%201707483072%20%281%29.png", text: "Properties Owned", count: "2" },
            { icon: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/681867c1739529671422Group%201707483072%20%282%29.png", text: "Total Investment Value", count: "5.73 L" },
            { icon: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/776806c1739529625699Group%201707483072.png", text: "Total Sq.ft Owned", count: "43" }
        ];
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PortfolioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\">\n    <div class=\"head-container\">\n        <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\n        <div class=\"top-text\">Current Portfolio Value</div>\n        <div class=\"main-text\">\u20B96.22 Lac</div>\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n                \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\n    </div>\n    <div class=\"content-area\">\n        <div class=\"inside-header\">\n            <div class=\"left-section\">Investor Overview</div>\n            <div class=\"right-section d-flex\">\n                <div class=\"input-box\">\n                    <div class=\"filter-container d-flex align-items-center\">\n                        <div class=\"filter-item\">\n                            <input type=\"date\" class=\"custom-date-picker\" />\n                        </div>\n                        <div class=\"filter-item\">\n                            <select class=\"custom-dropdown\">\n                                <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"inside-content\">\n            <div class=\"content1 d-flex justify-content-between\">\n                <div class=\"d1\" *ngFor=\"let ele of topCards\">\n                    <div class=\"d1_name\">{{ele.text}}</div>\n                    <div class=\"card1 d-flex align-items-center g-10\">\n                        <div class=\"card1_img d-flex align-items-center justify-content-center\">\n                            <div class=\"d1_img\">\n                                <img [src]=\"ele.icon\" alt=\"img1\">\n                            </div>\n                        </div>\n                        <div class=\"no_of\">{{ele.count}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"content2 d-flex align-items-center\">\n                <div class=\"d2 d-flex\">\n                    <div class=\"left_d2\">\n                        <div class=\"d2_value\" *ngFor=\"let value of property_list\">\n                            <div class=\"value_left\">\n                                <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\n                                <div class=\"property_name\">{{value.name}}</div>\n                            </div>\n                            <div class=\"value_right\">\n                                <div>{{value.sq_ft}}</div>\n                                <div class=\"constant_line\">|</div>\n                                <div>{{value.price}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"d3\">\n                    <div class=\"d3_card1 common-style-1\">\n                        <div class=\"d3_card1_name\">Internal Rate of Return</div>\n                        <div class=\"value_d3_card1_name\"> 12%</div>\n                    </div>\n                    <div class=\"d3_card2 common-style-1\">\n                        <div class=\"d3_card2_name\">Annual Return</div>\n                        <div class=\"value_d3_card1_name\"> 10%</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{text-align:start;font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { 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: PortfolioComponent, decorators: [{
            type: Component,
            args: [{ selector: 'simpo-portfolio', standalone: true, imports: [MatIcon, CommonModule], template: "<section class=\"main-container\">\n    <div class=\"head-container\">\n        <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\n        <div class=\"top-text\">Current Portfolio Value</div>\n        <div class=\"main-text\">\u20B96.22 Lac</div>\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n                \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\n    </div>\n    <div class=\"content-area\">\n        <div class=\"inside-header\">\n            <div class=\"left-section\">Investor Overview</div>\n            <div class=\"right-section d-flex\">\n                <div class=\"input-box\">\n                    <div class=\"filter-container d-flex align-items-center\">\n                        <div class=\"filter-item\">\n                            <input type=\"date\" class=\"custom-date-picker\" />\n                        </div>\n                        <div class=\"filter-item\">\n                            <select class=\"custom-dropdown\">\n                                <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"inside-content\">\n            <div class=\"content1 d-flex justify-content-between\">\n                <div class=\"d1\" *ngFor=\"let ele of topCards\">\n                    <div class=\"d1_name\">{{ele.text}}</div>\n                    <div class=\"card1 d-flex align-items-center g-10\">\n                        <div class=\"card1_img d-flex align-items-center justify-content-center\">\n                            <div class=\"d1_img\">\n                                <img [src]=\"ele.icon\" alt=\"img1\">\n                            </div>\n                        </div>\n                        <div class=\"no_of\">{{ele.count}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"content2 d-flex align-items-center\">\n                <div class=\"d2 d-flex\">\n                    <div class=\"left_d2\">\n                        <div class=\"d2_value\" *ngFor=\"let value of property_list\">\n                            <div class=\"value_left\">\n                                <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\n                                <div class=\"property_name\">{{value.name}}</div>\n                            </div>\n                            <div class=\"value_right\">\n                                <div>{{value.sq_ft}}</div>\n                                <div class=\"constant_line\">|</div>\n                                <div>{{value.price}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"d3\">\n                    <div class=\"d3_card1 common-style-1\">\n                        <div class=\"d3_card1_name\">Internal Rate of Return</div>\n                        <div class=\"value_d3_card1_name\"> 12%</div>\n                    </div>\n                    <div class=\"d3_card2 common-style-1\">\n                        <div class=\"d3_card2_name\">Annual Return</div>\n                        <div class=\"value_d3_card1_name\"> 10%</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{text-align:start;font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64, 