simpo-component-library 3.0.1 → 3.0.2

package/esm2022/lib/elements/portfolio/portfolio.component.mjs

@@ -2,53 +2,35 @@ 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";
+import * as i1 from "./../../services/rest.service";
+import * as i2 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" }
-        ];
+    constructor(restService) {
+        this.restService = restService;
+        this.growthAmount = 0;
+        this.growthPercentage = 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", 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"] }] }); }
+    ngOnInit() {
+        this.getPortfolioDetails();
+        this.getPropertyDetails();
+    }
+    getPortfolioDetails() {
+        this.restService.getPortfolioDetails().subscribe((res) => {
+            this.portFolioData = res;
+            this.growthAmount = this.portFolioData?.currentPortFolioValue - this.portFolioData?.totalInvestedValue;
+            this.growthPercentage = Number(Number((100 * this.growthAmount) / this.portFolioData?.totalInvestedValue).toFixed(2));
+        });
+    }
+    getPropertyDetails() {
+        this.restService.getMyPropertyDetails().subscribe((res) => {
+            this.propertyDetails = res;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", 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\">{{portFolioData?.currentPortFolioValue ?? 0}}</div>\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n                {{growthAmount ?? 0}}</span>&nbsp;&nbsp;<span class=\"percent-text\">{{growthPercentage ?? 0}} %</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 propertyDetails\">{{ele.name}}</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"inside-content\">\n            <div class=\"row content1\" >\n                <div class=\"col-md-4 col-12\">\n                    <div class=\"content-d1\" >\n                        <div class=\"d1_name\">Total Investment Value</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/681867c1739529671422Group%201707483072%20%282%29.png\" alt=\"img1\">\n                                </div>\n                            </div>\n                            <div class=\"no_of\">{{portFolioData?.totalInvestedValue ?? 0}}</div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-4 col-6 property-owned\">\n                    <div class=\"content-d2\">\n                        <div class=\"d1_name\">Properties Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/990718c1739529606489Group%201707483072%20%281%29.png\" alt=\"img1\">\n                                </div>\n                            </div>\n                            <div class=\"no_of\">{{portFolioData?.totalInvestedProperties ?? 0}}</div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-4 col-6 property-totalSqft\">\n                    <div class=\"content-d3\">\n                        <div class=\"d1_name\">Total Sq.ft Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/776806c1739529625699Group%201707483072.png\" alt=\"img1\">\n                                </div>\n                            </div>\n                            <div class=\"no_of\">{{portFolioData?.totalSqFeetOwned ?? 0}}</div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n            <div class=\"row content2\">\n                <div class=\"col-md-8 col-12\">\n                    <div class=\"d2 d-flex\">\n                        <div class=\"left_d2\">\n                            <div class=\"d2_value\" *ngFor=\"let ele of propertyDetails\">\n                                <div class=\"value_left\">\n                                    <div class=\"value_color\"></div>\n                                    <div class=\"property_name\">{{ele?.name ?? \"N/A\"}}</div>\n                                </div>\n                                <div class=\"value_right\">\n                                    <div>{{ele?.totalSqFeetOwned ?? 0}}</div>\n                                    <div class=\"constant_line\">|</div>\n                                    <div>{{ele?.investedAmount ?? 0}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-4 col-12 \">\n                    <div class=\"row d3\">\n                        <div class=\"col-6 \">\n                            <div class=\"d3_card1 common-style-1\">\n                                <div class=\"d3_card1_name text-start common-style-name\">Internal Rate of Return</div>\n                                <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\n                            </div>\n                        </div>\n                        <div class=\"col-6 \">\n                            <div class=\"d3_card2 common-style-1\">\n                                <div class=\"d3_card2_name text-start common-style-name\">Annual Return</div>\n                                <div class=\"value_d3_card1_name\"> {{portFolioData?.avgAnnualReturn ?? 0}}%</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!-- <div class=\"content1 \">\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 text-start\">Internal Rate of Return</div>\n                        <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\n                    </div>\n                    <div class=\"d3_card2 common-style-1\">\n                        <div class=\"d3_card2_name text-start\">Annual Return</div>\n                        <div class=\"value_d3_card1_name\">{{portFolioData?.avgAnnualReturn ?? 0}}</div>\n                    </div>\n                </div>\n            </div> -->\n\n        </div>\n    </div>\n</section>\n", 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{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}.content-d1,.content-d2,.content-d3{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px}.d1_name{font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px}.left_d2{width:auto;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;display:flex;flex-direction:column}.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:8px;margin-bottom:15px;width:20vw}.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:9px 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}.content-d2-01,.content-d3-01{width:20vw}@media only screen and (max-width: 475px){.filter-container{width:96vw;gap:6px}.filter-item{width:46vw}.left-section{align-content:center;font-weight:600;font-size:18px;padding-left:3px;color:#000}.inside-header{height:12vh;display:flex;flex-direction:column;justify-content:space-between;gap:9px}.content1{padding:15px 0}.content2{width:auto}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px;justify-content:center}.d2_value{width:82vw;padding:15px 2px}.d3{display:flex;flex-direction:row;justify-content:space-between;width:auto;padding:10px}.property-owned{padding:8px 4px 0 11px}.property-totalSqft{padding:8px 11px 0 4px}.common-style-name{width:37vw;height:6vh}.common-style-1{width:auto}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVNFLGtCQUFhLEdBQUU7WUFDYjtnQkFDRSxJQUFJLEVBQUUsWUFBWTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7Z0JBQ2hCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLGNBQWM7Z0JBQ3BCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBRSxPQUFPO2dCQUNkLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsU0FBUzthQUNoQjtZQUNEO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixLQUFLLEVBQUUsU0FBUztnQkFDaEIsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsS0FBSyxFQUFDLEtBQUs7YUFDWjtZQUNEO2dCQUNFLElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsUUFBUTthQUNmO1NBQ0YsQ0FBQTtRQUVELG1CQUFjLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBQyxZQUFZLEVBQUMsWUFBWSxDQUFDLENBQUE7UUFFN0QsYUFBUSxHQUFHO1lBQ1QsRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLGtCQUFrQixFQUFDLEtBQUssRUFBQyxHQUFHLEVBQUM7WUFDNUosRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLHdCQUF3QixFQUFDLEtBQUssRUFBQyxRQUFRLEVBQUM7WUFDdkssRUFBQyxJQUFJLEVBQUcsdUdBQXVHLEVBQUMsSUFBSSxFQUFDLG1CQUFtQixFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUM7U0FDckosQ0FBQTtLQUVGOzhHQTNDWSxrQkFBa0I7a0dBQWxCLGtCQUFrQiwyRUNYL0IsbWdIQXFFVSxneUdEOURFLE9BQU8sMElBQUMsWUFBWTs7MkZBSW5CLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wb3J0Zm9saW8nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0SWNvbixDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcG9ydGZvbGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQb3J0Zm9saW9Db21wb25lbnQge1xuXG4gIHByb3BlcnR5X2xpc3QgPVtcbiAgICB7XG4gICAgICBuYW1lIDonQW5hbnRhIG9uZScsXG4gICAgICBzcV9mdCA6JzEzIFNxZnQnLFxuICAgICAgcHJpY2U6ICcxMi4xIEwnLFxuICAgICAgY29sb3I6JyNmYWE1NDgnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonQW5hbnRhIEhpbGxzJyxcbiAgICAgIHNxX2Z0IDonOCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnOS43IEwnLFxuICAgICAgY29sb3I6JyM2YmE5ZDknXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTGVvIFRvd2VycycsXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxuICAgICAgcHJpY2U6ICcxMC4xIEwnLFxuICAgICAgY29sb3I6JyM2YmQ5OTAnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTkNEIFZpdmFudGEnLFxuICAgICAgc3FfZnQgOicxMCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnMjAuMSBMJyxcbiAgICAgIGNvbG9yOidyZWQnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTVkgSG9tZSBBYm9vamEnLFxuICAgICAgc3FfZnQgOicxMCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnNDAuMSBMJyxcbiAgICAgIGNvbG9yOid5ZWxsb3cnXG4gICAgfVxuICBdXG5cbiAgZHJvcERvd25WYWx1ZXMgPSBbXCJBbGwgUHJvcGVydGllc1wiLFwiUHJvcGVydHkgMVwiLFwiUHJvcGVydHkgMlwiXVxuXG4gIHRvcENhcmRzID0gW1xuICAgIHtpY29uIDogXCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzk5MDcxOGMxNzM5NTI5NjA2NDg5R3JvdXAlMjAxNzA3NDgzMDcyJTIwJTI4MSUyOS5wbmdcIix0ZXh0OlwiUHJvcGVydGllcyBPd25lZFwiLGNvdW50OlwiMlwifSxcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy82ODE4NjdjMTczOTUyOTY3MTQyMkdyb3VwJTIwMTcwNzQ4MzA3MiUyMCUyODIlMjkucG5nXCIsdGV4dDpcIlRvdGFsIEludmVzdG1lbnQgVmFsdWVcIixjb3VudDpcIjUuNzMgTFwifSxcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy83NzY4MDZjMTczOTUyOTYyNTY5OUdyb3VwJTIwMTcwNzQ4MzA3Mi5wbmdcIix0ZXh0OlwiVG90YWwgU3EuZnQgT3duZWRcIixjb3VudDpcIjQzXCJ9XG4gIF1cblxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYWluLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1kaXYgdGV4dC1lbmRcIj48bWF0LWljb24gY2xhc3M9XCJjbHItd2hpdGVcIj5yZW1vdmVfcmVkX2V5ZTwvbWF0LWljb24+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtdGV4dFwiPkN1cnJlbnQgUG9ydGZvbGlvIFZhbHVlPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLXRleHRcIj7igrk2LjIyIExhYzwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLXRleHRcIj5JbnZlc3RtZW50IGluY3JlYXNlIGJ5IDogJm5ic3A7PHNwYW4gY2xhc3M9XCJhbW50IGNsci13aGl0ZVwiPlxuICAgICAgICAgICAgICAgIOKCuTU0LDI5MDwvc3Bhbj4mbmJzcDsmbmJzcDs8c3BhbiBjbGFzcz1cInBlcmNlbnQtdGV4dFwiPisyLjElPC9zcGFuPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWFyZWFcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluc2lkZS1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNlY3Rpb25cIj5JbnZlc3RvciBPdmVydmlldzwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb24gZC1mbGV4XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWJveFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNvbnRhaW5lciBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImRhdGVcIiBjbGFzcz1cImN1c3RvbS1kYXRlLXBpY2tlclwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzZWxlY3QgY2xhc3M9XCJjdXN0b20tZHJvcGRvd25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgZWxlIG9mIGRyb3BEb3duVmFsdWVzXCI+e3tlbGV9fTwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50MSBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIHRvcENhcmRzXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+e3tlbGUudGV4dH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGctMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX2ltZ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiZWxlLmljb25cIiBhbHQ9XCJpbWcxXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub19vZlwiPnt7ZWxlLmNvdW50fX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50MiBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyIGQtZmxleFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdF9kMlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyX3ZhbHVlXCIgKm5nRm9yPVwibGV0IHZhbHVlIG9mIHByb3BlcnR5X2xpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfbGVmdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfY29sb3JcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiB2YWx1ZS5jb2xvcn1cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5X25hbWVcIj57e3ZhbHVlLm5hbWV9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9yaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7dmFsdWUuc3FfZnR9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uc3RhbnRfbGluZVwiPnw8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj57e3ZhbHVlLnByaWNlfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQxIGNvbW1vbi1zdHlsZS0xXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDFfbmFtZVwiPkludGVybmFsIFJhdGUgb2YgUmV0dXJuPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPiAxMiU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMiBjb21tb24tc3R5bGUtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQyX25hbWVcIj5Bbm51YWwgUmV0dXJuPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPiAxMCU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+Il19
+            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\">{{portFolioData?.currentPortFolioValue ?? 0}}</div>\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n                {{growthAmount ?? 0}}</span>&nbsp;&nbsp;<span class=\"percent-text\">{{growthPercentage ?? 0}} %</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 propertyDetails\">{{ele.name}}</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"inside-content\">\n            <div class=\"row content1\" >\n                <div class=\"col-md-4 col-12\">\n                    <div class=\"content-d1\" >\n                        <div class=\"d1_name\">Total Investment Value</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/681867c1739529671422Group%201707483072%20%282%29.png\" alt=\"img1\">\n                                </div>\n                            </div>\n                            <div class=\"no_of\">{{portFolioData?.totalInvestedValue ?? 0}}</div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-4 col-6 property-owned\">\n                    <div class=\"content-d2\">\n                        <div class=\"d1_name\">Properties Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/990718c1739529606489Group%201707483072%20%281%29.png\" alt=\"img1\">\n                                </div>\n                            </div>\n                            <div class=\"no_of\">{{portFolioData?.totalInvestedProperties ?? 0}}</div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-4 col-6 property-totalSqft\">\n                    <div class=\"content-d3\">\n                        <div class=\"d1_name\">Total Sq.ft Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/776806c1739529625699Group%201707483072.png\" alt=\"img1\">\n                                </div>\n                            </div>\n                            <div class=\"no_of\">{{portFolioData?.totalSqFeetOwned ?? 0}}</div>\n                        </div>\n                    </div>\n                </div>\n\n\n            </div>\n            <div class=\"row content2\">\n                <div class=\"col-md-8 col-12\">\n                    <div class=\"d2 d-flex\">\n                        <div class=\"left_d2\">\n                            <div class=\"d2_value\" *ngFor=\"let ele of propertyDetails\">\n                                <div class=\"value_left\">\n                                    <div class=\"value_color\"></div>\n                                    <div class=\"property_name\">{{ele?.name ?? \"N/A\"}}</div>\n                                </div>\n                                <div class=\"value_right\">\n                                    <div>{{ele?.totalSqFeetOwned ?? 0}}</div>\n                                    <div class=\"constant_line\">|</div>\n                                    <div>{{ele?.investedAmount ?? 0}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-4 col-12 \">\n                    <div class=\"row d3\">\n                        <div class=\"col-6 \">\n                            <div class=\"d3_card1 common-style-1\">\n                                <div class=\"d3_card1_name text-start common-style-name\">Internal Rate of Return</div>\n                                <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\n                            </div>\n                        </div>\n                        <div class=\"col-6 \">\n                            <div class=\"d3_card2 common-style-1\">\n                                <div class=\"d3_card2_name text-start common-style-name\">Annual Return</div>\n                                <div class=\"value_d3_card1_name\"> {{portFolioData?.avgAnnualReturn ?? 0}}%</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!-- <div class=\"content1 \">\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 text-start\">Internal Rate of Return</div>\n                        <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\n                    </div>\n                    <div class=\"d3_card2 common-style-1\">\n                        <div class=\"d3_card2_name text-start\">Annual Return</div>\n                        <div class=\"value_d3_card1_name\">{{portFolioData?.avgAnnualReturn ?? 0}}</div>\n                    </div>\n                </div>\n            </div> -->\n\n        </div>\n    </div>\n</section>\n", 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{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}.content-d1,.content-d2,.content-d3{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px}.d1_name{font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px}.left_d2{width:auto;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;display:flex;flex-direction:column}.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:8px;margin-bottom:15px;width:20vw}.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:9px 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}.content-d2-01,.content-d3-01{width:20vw}@media only screen and (max-width: 475px){.filter-container{width:96vw;gap:6px}.filter-item{width:46vw}.left-section{align-content:center;font-weight:600;font-size:18px;padding-left:3px;color:#000}.inside-header{height:12vh;display:flex;flex-direction:column;justify-content:space-between;gap:9px}.content1{padding:15px 0}.content2{width:auto}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px;justify-content:center}.d2_value{width:82vw;padding:15px 2px}.d3{display:flex;flex-direction:row;justify-content:space-between;width:auto;padding:10px}.property-owned{padding:8px 4px 0 11px}.property-totalSqft{padding:8px 11px 0 4px}.common-style-name{width:37vw;height:6vh}.common-style-1{width:auto}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.RestService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7O0FBVWpELE1BQU0sT0FBTyxrQkFBa0I7SUFFN0IsWUFBb0IsV0FBeUI7UUFBekIsZ0JBQVcsR0FBWCxXQUFXLENBQWM7UUFJN0MsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFDekIscUJBQWdCLEdBQVcsQ0FBQyxDQUFDO0lBSDdCLENBQUM7SUFNRCxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUE7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUE7SUFDM0IsQ0FBQztJQUdELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLG1CQUFtQixFQUFFLENBQUMsU0FBUyxDQUM5QyxDQUFDLEdBQUcsRUFBQyxFQUFFO1lBQ0wsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUE7WUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLHFCQUFxQixHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsa0JBQWtCLENBQUM7WUFFdkcsSUFBSSxDQUFDLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsa0JBQWtCLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN6SCxDQUFDLENBQ0YsQ0FBQTtJQUNILENBQUM7SUFHRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLFNBQVMsQ0FDL0MsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUNYLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRyxDQUFBO1FBQzVCLENBQUMsQ0FDRixDQUFBO0lBQ0gsQ0FBQzs4R0FsQ1Usa0JBQWtCO2tHQUFsQixrQkFBa0IsMkVDWi9CLG9wUUFxSkEsMmlJRDdJWSxPQUFPLDBJQUFDLFlBQVk7OzJGQUluQixrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IFJlc3RTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi9zZXJ2aWNlcy9yZXN0LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wb3J0Zm9saW8nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0SWNvbixDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcG9ydGZvbGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQb3J0Zm9saW9Db21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVzdFNlcnZpY2UgOiBSZXN0U2VydmljZSl7XG5cbiAgfVxuXG4gIGdyb3d0aEFtb3VudDogbnVtYmVyID0gMDtcbiAgZ3Jvd3RoUGVyY2VudGFnZTogbnVtYmVyID0gMDtcbiAgcG9ydEZvbGlvRGF0YSA6IGFueVxuXG4gIG5nT25Jbml0KCl7XG4gICAgdGhpcy5nZXRQb3J0Zm9saW9EZXRhaWxzKClcbiAgICB0aGlzLmdldFByb3BlcnR5RGV0YWlscygpXG4gIH1cblxuXG4gIGdldFBvcnRmb2xpb0RldGFpbHMoKXtcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmdldFBvcnRmb2xpb0RldGFpbHMoKS5zdWJzY3JpYmUoXG4gICAgICAocmVzKT0+e1xuICAgICAgICB0aGlzLnBvcnRGb2xpb0RhdGEgPSByZXNcbiAgICAgICAgdGhpcy5ncm93dGhBbW91bnQgPSB0aGlzLnBvcnRGb2xpb0RhdGE/LmN1cnJlbnRQb3J0Rm9saW9WYWx1ZSAtIHRoaXMucG9ydEZvbGlvRGF0YT8udG90YWxJbnZlc3RlZFZhbHVlO1xuXG4gICAgICAgIHRoaXMuZ3Jvd3RoUGVyY2VudGFnZSA9IE51bWJlcihOdW1iZXIoKDEwMCAqIHRoaXMuZ3Jvd3RoQW1vdW50KSAvICB0aGlzLnBvcnRGb2xpb0RhdGE/LnRvdGFsSW52ZXN0ZWRWYWx1ZSkudG9GaXhlZCgyKSk7XG4gICAgICB9XG4gICAgKVxuICB9XG5cbiAgcHJvcGVydHlEZXRhaWxzIDogYW55XG4gIGdldFByb3BlcnR5RGV0YWlscygpIHtcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmdldE15UHJvcGVydHlEZXRhaWxzKCkuc3Vic2NyaWJlKFxuICAgICAgKHJlczogYW55KSA9PiB7XG4gICAgICAgIHRoaXMucHJvcGVydHlEZXRhaWxzID0gcmVzXG4gICAgICB9XG4gICAgKVxuICB9XG5cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZC1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImljb24tZGl2IHRleHQtZW5kXCI+PG1hdC1pY29uIGNsYXNzPVwiY2xyLXdoaXRlXCI+cmVtb3ZlX3JlZF9leWU8L21hdC1pY29uPjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLXRleHRcIj5DdXJyZW50IFBvcnRmb2xpbyBWYWx1ZTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi10ZXh0XCI+e3twb3J0Rm9saW9EYXRhPy5jdXJyZW50UG9ydEZvbGlvVmFsdWUgPz8gMH19PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tdGV4dFwiPkludmVzdG1lbnQgaW5jcmVhc2UgYnkgOiAmbmJzcDs8c3BhbiBjbGFzcz1cImFtbnQgY2xyLXdoaXRlXCI+XG4gICAgICAgICAgICAgICAge3tncm93dGhBbW91bnQgPz8gMH19PC9zcGFuPiZuYnNwOyZuYnNwOzxzcGFuIGNsYXNzPVwicGVyY2VudC10ZXh0XCI+e3tncm93dGhQZXJjZW50YWdlID8/IDB9fSAlPC9zcGFuPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWFyZWFcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluc2lkZS1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNlY3Rpb25cIj5JbnZlc3RvciBPdmVydmlldzwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb24gZC1mbGV4XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWJveFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNvbnRhaW5lciBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImRhdGVcIiBjbGFzcz1cImN1c3RvbS1kYXRlLXBpY2tlclwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzZWxlY3QgY2xhc3M9XCJjdXN0b20tZHJvcGRvd25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgZWxlIG9mIHByb3BlcnR5RGV0YWlsc1wiPnt7ZWxlLm5hbWV9fTwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgY29udGVudDFcIiA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC00IGNvbC0xMlwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1kMVwiID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+VG90YWwgSW52ZXN0bWVudCBWYWx1ZTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQxIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZy0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9pbWdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy82ODE4NjdjMTczOTUyOTY3MTQyMkdyb3VwJTIwMTcwNzQ4MzA3MiUyMCUyODIlMjkucG5nXCIgYWx0PVwiaW1nMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm9fb2ZcIj57e3BvcnRGb2xpb0RhdGE/LnRvdGFsSW52ZXN0ZWRWYWx1ZSA/PyAwfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTQgY29sLTYgcHJvcGVydHktb3duZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtZDJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+UHJvcGVydGllcyBPd25lZDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQxIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZy0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9pbWdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy85OTA3MThjMTczOTUyOTYwNjQ4OUdyb3VwJTIwMTcwNzQ4MzA3MiUyMCUyODElMjkucG5nXCIgYWx0PVwiaW1nMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm9fb2ZcIj57e3BvcnRGb2xpb0RhdGE/LnRvdGFsSW52ZXN0ZWRQcm9wZXJ0aWVzID8/IDB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCBjb2wtNiBwcm9wZXJ0eS10b3RhbFNxZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtZDNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+VG90YWwgU3EuZnQgT3duZWQ8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGctMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDFfaW1nIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFfaW1nXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvNzc2ODA2YzE3Mzk1Mjk2MjU2OTlHcm91cCUyMDE3MDc0ODMwNzIucG5nXCIgYWx0PVwiaW1nMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm9fb2ZcIj57e3BvcnRGb2xpb0RhdGE/LnRvdGFsU3FGZWV0T3duZWQgPz8gMH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cblxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93IGNvbnRlbnQyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC04IGNvbC0xMlwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDIgZC1mbGV4XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdF9kMlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMl92YWx1ZVwiICpuZ0Zvcj1cImxldCBlbGUgb2YgcHJvcGVydHlEZXRhaWxzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfY29sb3JcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eV9uYW1lXCI+e3tlbGU/Lm5hbWUgPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+e3tlbGU/LnRvdGFsU3FGZWV0T3duZWQgPz8gMH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uc3RhbnRfbGluZVwiPnw8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+e3tlbGU/LmludmVzdGVkQW1vdW50ID8/IDB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTQgY29sLTEyIFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93IGQzXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTYgXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQxIGNvbW1vbi1zdHlsZS0xXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMV9uYW1lIHRleHQtc3RhcnQgY29tbW9uLXN0eWxlLW5hbWVcIj5JbnRlcm5hbCBSYXRlIG9mIFJldHVybjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPnt7cG9ydEZvbGlvRGF0YT8uYXZnSVJSID8/IDB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTYgXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQyIGNvbW1vbi1zdHlsZS0xXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMl9uYW1lIHRleHQtc3RhcnQgY29tbW9uLXN0eWxlLW5hbWVcIj5Bbm51YWwgUmV0dXJuPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9kM19jYXJkMV9uYW1lXCI+IHt7cG9ydEZvbGlvRGF0YT8uYXZnQW5udWFsUmV0dXJuID8/IDB9fSU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiY29udGVudDEgXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxXCIgKm5nRm9yPVwibGV0IGVsZSBvZiB0b3BDYXJkc1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFfbmFtZVwiPnt7ZWxlLnRleHR9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDEgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnLTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDFfaW1nIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9pbWdcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImVsZS5pY29uXCIgYWx0PVwiaW1nMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm9fb2ZcIj57e2VsZS5jb3VudH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+IC0tPlxuICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiY29udGVudDIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMiBkLWZsZXhcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRfZDJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMl92YWx1ZVwiICpuZ0Zvcj1cImxldCB2YWx1ZSBvZiBwcm9wZXJ0eV9saXN0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX2xlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX2NvbG9yXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogdmFsdWUuY29sb3J9XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eV9uYW1lXCI+e3t2YWx1ZS5uYW1lfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj57e3ZhbHVlLnNxX2Z0fX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnN0YW50X2xpbmVcIj58PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+e3t2YWx1ZS5wcmljZX19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMSBjb21tb24tc3R5bGUtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQxX25hbWUgdGV4dC1zdGFydFwiPkludGVybmFsIFJhdGUgb2YgUmV0dXJuPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPnt7cG9ydEZvbGlvRGF0YT8uYXZnSVJSID8/IDB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQyIGNvbW1vbi1zdHlsZS0xXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDJfbmFtZSB0ZXh0LXN0YXJ0XCI+QW5udWFsIFJldHVybjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX2QzX2NhcmQxX25hbWVcIj57e3BvcnRGb2xpb0RhdGE/LmF2Z0FubnVhbFJldHVybiA/PyAwfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj4gLS0+XG5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2022/lib/elements/properties/properties.component.mjs

@@ -0,0 +1,35 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostListener } from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
+import { PropertyViewComponent } from '../property-view/property-view.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./../../services/rest.service";
+import * as i2 from "@angular/common";
+export class PropertiesComponent {
+    constructor(restService) {
+        this.restService = restService;
+        this.viewTab = false;
+    }
+    ngOnInit() {
+        this.getPropertyDetails();
+        this.getScreenSize();
+    }
+    getPropertyDetails() {
+        this.restService.getMyPropertyDetails().subscribe((res) => {
+            this.propertyDetails = res;
+        });
+    }
+    getScreenSize() {
+        this.screenWidth = window.innerWidth;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PropertiesComponent, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PropertiesComponent, isStandalone: true, selector: "simpo-properties", host: { listeners: { "window: resize": "getScreenSize($event)" } }, ngImport: i0, template: "<section class=\"main-container\" *ngIf=\"!viewTab\">\n    <!-- <div class=\"card-section d-flex gap-2\">\n        <div class=\"cards\" *ngFor=\"let ele of investments\">\n            <div class=\"head\">{{ele.name}}</div>\n            <div class=\"mini-cards\">\n                <div class=\"mini-card\" *ngFor=\"let ele of ele.details\">\n                    <div class=\"text\">{{ele.name}}</div>\n                    <div class=\"number d-flex\">{{ele.value}}&nbsp;&nbsp;<span *ngIf=\"ele?.spanValue\"\n                            class=\"span-text d-flex\"><mat-icon>arrow_drop_up</mat-icon>\n                            {{ele.spanValue}}</span></div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"property-tabs d-flex gap-10 mt-3\">\n        <div class=\"tab\" *ngFor=\"let ele of tabs\" (click)=\"activeTab = ele.value\"\n            [class.tabActive]=\"activeTab == ele.value\">{{ele.viewValue}}</div>\n    </div> -->\n    <div class=\"property-cards\">\n        <ng-container *ngFor=\"let ele of propertyDetails\">\n            <div class=\"property-card w-100 d-flex gap-10\" (click)=\"viewTab = true;selectedId = ele.propertyId\">\n                <div id=\"carouselExampleInterval\" class=\"carousel slide p-relative w-35 h-34\" data-bs-ride=\"carousel\" *ngIf=\"ele?.propertyImage\">\n                    <div class=\"carousel-inner\">\n                        <ng-container *ngFor=\"let ele of ele?.propertyImage;let i = index\">\n                            <div class=\"carousel-item active\" [class.active]=\"i\" data-bs-interval=\"3000\">\n                                <img [src]=\"ele\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"propertyName d-flex justify-content-center p-15\">\n                        <div class=\"carousel d-flex justify-content-end align-items-end\">\n                            <div class=\"carousel-indicators additional-properties-1\">\n                                <ng-container *ngFor=\"let ele of ele.propertyImage;let i = index\">\n                                    <button type=\"button\" data-bs-target=\"#carouselExampleInterval\"\n                                        [attr.data-bs-slide-to]=\"i\" class=\"active additional-properties\"\n                                        aria-current=\"true\" aria-label=\"Slide 1\"></button>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"property-card w-35 d-flex gap-10\" *ngIf=\"!ele?.propertyImage\">\n                    <img src=\"https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\n                </div>\n                <div class=\"right-section\">\n                    <div class=\"right-top d-flex justify-content-between\">\n                        <div class=\"head-left\">\n                            <div class=\"propertyname\">{{ele?.name ?? \"N/A\"}}</div>\n                            <div class=\"property-location\"><img\n                                    src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\"\n                                    alt=\"location image\" class=\"grey-icon\">{{ele?.propertyLocation ?? \"N/A\"}}</div>\n                        </div>\n                    </div>\n                    <!-- <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/637983c1739855715188Vector%2012%20%281%29.png\" class=\"curve-img\"> -->\n                    <div class=\"right-bottom d-flex gap-10 width\">\n                        <div class=\"row w-100\">\n                            <div class=\"col-md-3 col-6 details\">\n                                <div class=\"top-detail text-center\">{{ele?.investedAmount ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Invested Amount</div>\n                            </div>\n                            <div class=\"col-md-3 col-6 details\" [class.lst-div]=\"screenWidth < 475\">\n                                <div class=\"top-detail text-center\">{{ele?.totalSqFeetOwned ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Sq.ft</div>\n                            </div>\n                            <div class=\"col-md-3 col-6 details\">\n                                <div class=\"top-detail text-center\">{{ele?.indicativeMarketValue ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Current Value</div>\n                            </div>\n                            <div class=\"col-md-3 col-6 details lst-div\">\n                                <div class=\"top-detail text-center\">{{ele?.currentAmount ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Profit/Loss</div>\n                            </div>\n                            <!-- lst-div -->\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</section>\n<section class=\"view-container\" *ngIf=\"viewTab\">\n    <div class=\"back\">\n        <div class=\"back-text d-flex align-items-center\">\n            <p class=\"my-text mb-0 common-style\" (click)=\"viewTab = false\">My Properties</p><mat-icon\n                class=\"my-text\">keyboard_arrow_right</mat-icon>\n            <p class=\"prty-text mb-0 common-style\">Property Details</p>\n        </div>\n    </div>\n    <simpo-property-view [id]=\"selectedId\"></simpo-property-view>\n</section>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.gap-2{gap:2%!important}.cards{background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);width:49%;padding:10px}.head{font-size:18px;font-weight:600;line-height:24px;color:#000;margin-bottom:10px}.mini-cards{display:grid;grid-template-columns:48% 48%;gap:3%}.mini-card{background:#fafafa;border-radius:7px;padding:10px 15px;margin-bottom:10px}.text{font-size:14px;line-height:24px;font-weight:500;color:#01161ecc;margin-bottom:10px}.number{font-size:24px;line-height:24px;font-weight:700;color:#01161e}.span-text{font-size:13px;line-height:24px;font-weight:700;color:#36b37e}.property-tab{display:flex;gap:10px;margin-top:15px}.gap-10{gap:10px}.tab{padding:10px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;font-size:16px;line-height:24px;font-weight:500;color:#01161e;cursor:pointer}.tabActive{color:#f8a938!important;border:1px solid rgba(248,169,56,1)!important}.additional-properties{border-radius:50%;height:1vh;width:8px!important}.additional-properties-1{position:unset!important;padding:unset!important;margin:unset!important;width:100%}.p-relative{position:relative}.propertyName{position:absolute;bottom:0;width:100%}.height-30{height:35vh}.w-35{width:35%!important}.property-cards{overflow-y:scroll;height:81vh}.property-card{border-radius:10px!important;background:#fff;border:1px solid rgba(0,0,0,.04);margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer}.br-10{border-radius:10px 0 0 10px}.right-section{width:65%}.property-name{font-size:16px;font-weight:600;line-height:21px;color:#000}.property-location{font-size:14px;font-weight:500;line-height:44px;color:#0000004d}.type{font-size:14px;font-weight:600;line-height:24px;color:#f8a938;background:#ffebcb;border-radius:8px 0 0 9px;padding:6px}.right-bottom{background:#219ebc}.details{border-right:1px solid rgba(255,255,255,.2);padding:8px;margin:8px 0}.top-detail{font-size:20px;font-weight:700;line-height:24px;color:#fff}.bottom-detail{font-size:13px;font-weight:500;line-height:24px;color:#ffffffb3}.head-left{padding:10px}.head-right{padding:10px 0}.lst-div{border:unset!important}.width{width:90%!important}.curve-img{position:absolute;width:33px;top:33%;left:31%}.p-15{padding:15px}.my-text{color:#00000080;cursor:pointer}.prty-text{color:#000}.common-style{font-size:14px;line-height:24px;font-weight:500}.grey-icon{filter:grayscale(100%) brightness(50%)}@media only screen and (max-width: 475px){.property-card{width:100%;display:flex;flex-direction:column;gap:10px}.carousel{position:unset;width:100%!important;padding:10px}.right-section{width:100%}.head-right{display:none}.propertyName{position:relative;bottom:50px}.h-34{height:32vh}.right-bottom{border-radius:10px}.propertyname{font-size:19px;font-weight:600}.property-location{font-size:20px}.property-cards{height:100%}.width{width:95%!important}.br-10{border-radius:10px}.height-30{height:32vh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PropertyViewComponent, selector: "simpo-property-view", inputs: ["id"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PropertiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simpo-properties', standalone: true, imports: [CommonModule, MatIcon, PropertyViewComponent], template: "<section class=\"main-container\" *ngIf=\"!viewTab\">\n    <!-- <div class=\"card-section d-flex gap-2\">\n        <div class=\"cards\" *ngFor=\"let ele of investments\">\n            <div class=\"head\">{{ele.name}}</div>\n            <div class=\"mini-cards\">\n                <div class=\"mini-card\" *ngFor=\"let ele of ele.details\">\n                    <div class=\"text\">{{ele.name}}</div>\n                    <div class=\"number d-flex\">{{ele.value}}&nbsp;&nbsp;<span *ngIf=\"ele?.spanValue\"\n                            class=\"span-text d-flex\"><mat-icon>arrow_drop_up</mat-icon>\n                            {{ele.spanValue}}</span></div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"property-tabs d-flex gap-10 mt-3\">\n        <div class=\"tab\" *ngFor=\"let ele of tabs\" (click)=\"activeTab = ele.value\"\n            [class.tabActive]=\"activeTab == ele.value\">{{ele.viewValue}}</div>\n    </div> -->\n    <div class=\"property-cards\">\n        <ng-container *ngFor=\"let ele of propertyDetails\">\n            <div class=\"property-card w-100 d-flex gap-10\" (click)=\"viewTab = true;selectedId = ele.propertyId\">\n                <div id=\"carouselExampleInterval\" class=\"carousel slide p-relative w-35 h-34\" data-bs-ride=\"carousel\" *ngIf=\"ele?.propertyImage\">\n                    <div class=\"carousel-inner\">\n                        <ng-container *ngFor=\"let ele of ele?.propertyImage;let i = index\">\n                            <div class=\"carousel-item active\" [class.active]=\"i\" data-bs-interval=\"3000\">\n                                <img [src]=\"ele\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"propertyName d-flex justify-content-center p-15\">\n                        <div class=\"carousel d-flex justify-content-end align-items-end\">\n                            <div class=\"carousel-indicators additional-properties-1\">\n                                <ng-container *ngFor=\"let ele of ele.propertyImage;let i = index\">\n                                    <button type=\"button\" data-bs-target=\"#carouselExampleInterval\"\n                                        [attr.data-bs-slide-to]=\"i\" class=\"active additional-properties\"\n                                        aria-current=\"true\" aria-label=\"Slide 1\"></button>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"property-card w-35 d-flex gap-10\" *ngIf=\"!ele?.propertyImage\">\n                    <img src=\"https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\n                </div>\n                <div class=\"right-section\">\n                    <div class=\"right-top d-flex justify-content-between\">\n                        <div class=\"head-left\">\n                            <div class=\"propertyname\">{{ele?.name ?? \"N/A\"}}</div>\n                            <div class=\"property-location\"><img\n                                    src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\"\n                                    alt=\"location image\" class=\"grey-icon\">{{ele?.propertyLocation ?? \"N/A\"}}</div>\n                        </div>\n                    </div>\n                    <!-- <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/637983c1739855715188Vector%2012%20%281%29.png\" class=\"curve-img\"> -->\n                    <div class=\"right-bottom d-flex gap-10 width\">\n                        <div class=\"row w-100\">\n                            <div class=\"col-md-3 col-6 details\">\n                                <div class=\"top-detail text-center\">{{ele?.investedAmount ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Invested Amount</div>\n                            </div>\n                            <div class=\"col-md-3 col-6 details\" [class.lst-div]=\"screenWidth < 475\">\n                                <div class=\"top-detail text-center\">{{ele?.totalSqFeetOwned ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Sq.ft</div>\n                            </div>\n                            <div class=\"col-md-3 col-6 details\">\n                                <div class=\"top-detail text-center\">{{ele?.indicativeMarketValue ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Current Value</div>\n                            </div>\n                            <div class=\"col-md-3 col-6 details lst-div\">\n                                <div class=\"top-detail text-center\">{{ele?.currentAmount ?? 0}}</div>\n                                <div class=\"bottom-detail text-center\">Profit/Loss</div>\n                            </div>\n                            <!-- lst-div -->\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n    </div>\n</section>\n<section class=\"view-container\" *ngIf=\"viewTab\">\n    <div class=\"back\">\n        <div class=\"back-text d-flex align-items-center\">\n            <p class=\"my-text mb-0 common-style\" (click)=\"viewTab = false\">My Properties</p><mat-icon\n                class=\"my-text\">keyboard_arrow_right</mat-icon>\n            <p class=\"prty-text mb-0 common-style\">Property Details</p>\n        </div>\n    </div>\n    <simpo-property-view [id]=\"selectedId\"></simpo-property-view>\n</section>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.gap-2{gap:2%!important}.cards{background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);width:49%;padding:10px}.head{font-size:18px;font-weight:600;line-height:24px;color:#000;margin-bottom:10px}.mini-cards{display:grid;grid-template-columns:48% 48%;gap:3%}.mini-card{background:#fafafa;border-radius:7px;padding:10px 15px;margin-bottom:10px}.text{font-size:14px;line-height:24px;font-weight:500;color:#01161ecc;margin-bottom:10px}.number{font-size:24px;line-height:24px;font-weight:700;color:#01161e}.span-text{font-size:13px;line-height:24px;font-weight:700;color:#36b37e}.property-tab{display:flex;gap:10px;margin-top:15px}.gap-10{gap:10px}.tab{padding:10px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;font-size:16px;line-height:24px;font-weight:500;color:#01161e;cursor:pointer}.tabActive{color:#f8a938!important;border:1px solid rgba(248,169,56,1)!important}.additional-properties{border-radius:50%;height:1vh;width:8px!important}.additional-properties-1{position:unset!important;padding:unset!important;margin:unset!important;width:100%}.p-relative{position:relative}.propertyName{position:absolute;bottom:0;width:100%}.height-30{height:35vh}.w-35{width:35%!important}.property-cards{overflow-y:scroll;height:81vh}.property-card{border-radius:10px!important;background:#fff;border:1px solid rgba(0,0,0,.04);margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer}.br-10{border-radius:10px 0 0 10px}.right-section{width:65%}.property-name{font-size:16px;font-weight:600;line-height:21px;color:#000}.property-location{font-size:14px;font-weight:500;line-height:44px;color:#0000004d}.type{font-size:14px;font-weight:600;line-height:24px;color:#f8a938;background:#ffebcb;border-radius:8px 0 0 9px;padding:6px}.right-bottom{background:#219ebc}.details{border-right:1px solid rgba(255,255,255,.2);padding:8px;margin:8px 0}.top-detail{font-size:20px;font-weight:700;line-height:24px;color:#fff}.bottom-detail{font-size:13px;font-weight:500;line-height:24px;color:#ffffffb3}.head-left{padding:10px}.head-right{padding:10px 0}.lst-div{border:unset!important}.width{width:90%!important}.curve-img{position:absolute;width:33px;top:33%;left:31%}.p-15{padding:15px}.my-text{color:#00000080;cursor:pointer}.prty-text{color:#000}.common-style{font-size:14px;line-height:24px;font-weight:500}.grey-icon{filter:grayscale(100%) brightness(50%)}@media only screen and (max-width: 475px){.property-card{width:100%;display:flex;flex-direction:column;gap:10px}.carousel{position:unset;width:100%!important;padding:10px}.right-section{width:100%}.head-right{display:none}.propertyName{position:relative;bottom:50px}.h-34{height:32vh}.right-bottom{border-radius:10px}.propertyname{font-size:19px;font-weight:600}.property-location{font-size:20px}.property-cards{height:100%}.width{width:95%!important}.br-10{border-radius:10px}.height-30{height:32vh}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.RestService }], propDecorators: { getScreenSize: [{
+                type: HostListener,
+                args: ["window: resize", ["$event"]]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydGllcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnRpZXMvcHJvcGVydGllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnRpZXMvcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7O0FBV2pGLE1BQU0sT0FBTyxtQkFBbUI7SUFFOUIsWUFBb0IsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUF1RDVDLFlBQU8sR0FBWSxLQUFLLENBQUE7SUFyRHhCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUE7UUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQ3RCLENBQUM7SUFrQ0Qsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxTQUFTLENBQy9DLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDWCxJQUFJLENBQUMsZUFBZSxHQUFHLEdBQUcsQ0FBQTtRQUM1QixDQUFDLENBQ0YsQ0FBQTtJQUNILENBQUM7SUFHRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3ZDLENBQUM7OEdBdERVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGdKQ2RoQyw2dUxBeUZVLHc4RkQvRUUsWUFBWSxnUUFBRSxPQUFPLDJJQUFFLHFCQUFxQjs7MkZBSTNDLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsQ0FBQztnRkF3RHZELGFBQWE7c0JBRFosWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgUHJvcGVydHlWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi4vcHJvcGVydHktdmlldy9wcm9wZXJ0eS12aWV3LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBSZXN0U2VydmljZSB9IGZyb20gJy4vLi4vLi4vc2VydmljZXMvcmVzdC5zZXJ2aWNlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wcm9wZXJ0aWVzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbiwgUHJvcGVydHlWaWV3Q29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb3BlcnRpZXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcHJvcGVydGllcy5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQcm9wZXJ0aWVzQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlc3RTZXJ2aWNlOiBSZXN0U2VydmljZSkge1xuXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmdldFByb3BlcnR5RGV0YWlscygpXG4gICAgdGhpcy5nZXRTY3JlZW5TaXplKClcbiAgfVxuXG4gIC8vIGludmVzdG1lbnRzOiBhbnkgPSBbXG4gIC8vICAge1xuICAvLyAgICAgbmFtZTogXCJTUUZUIEludmVzdG1lbnRcIixcbiAgLy8gICAgIGRldGFpbHM6IFtcbiAgLy8gICAgICAgeyBuYW1lOiBcIlRvdGFsIFNxLmZ0IE93bmVkXCIsIHZhbHVlOiBcIjQzXCIgfSxcbiAgLy8gICAgICAgeyBuYW1lOiBcIkFtb3VudCBJbnZlc3RlZFwiLCB2YWx1ZTogXCLigrk1LjczIExcIiB9LFxuICAvLyAgICAgICB7IG5hbWU6IFwiSW5kaWNhdGl2ZSBNYXJrZXQgVmFsdWVcIiwgdmFsdWU6IFwi4oK5Ni4yMSBMXCIsIHNwYW5WYWx1ZTogXCIrMi4xJVwiIH0sXG4gIC8vICAgICAgIHsgbmFtZTogXCJJUlJcIiwgdmFsdWU6IFwiMTQlXCIgfSxcbiAgLy8gICAgIF1cbiAgLy8gICB9LFxuICAvLyAgIHtcbiAgLy8gICAgIG5hbWU6IFwiUHJpdmF0ZSBJbnZlc3RtZW50IFwiLFxuICAvLyAgICAgZGV0YWlsczogW1xuICAvLyAgICAgICB7IG5hbWU6IFwiUHJvcGVydGllcyBPd25lZFwiLCB2YWx1ZTogXCIyXCIgfSxcbiAgLy8gICAgICAgeyBuYW1lOiBcIlByb3BlcnRpZXMgU3EuZnRcIiwgdmFsdWU6IFwiMzA5MlwiIH0sXG4gIC8vICAgICAgIHsgbmFtZTogXCJJbnZlc3RlZCBWYWx1ZVwiLCB2YWx1ZTogXCLigrkzMi40MSBMXCIsIHNwYW5WYWx1ZTogXCIrMi4xJVwiIH0sXG4gIC8vICAgICAgIHsgbmFtZTogXCJJbmRpY2F0aXZlIE1hcmtldCBWYWx1ZVwiLCB2YWx1ZTogXCLigrkzOC41OSBMXCIgfSxcbiAgLy8gICAgIF1cbiAgLy8gICB9XG4gIC8vIF1cblxuICAvLyBhY3RpdmVUYWI6IGFueSA9IFwiQUxMX1BST1BFUlRJRVNcIlxuXG4gIC8vIHRhYnM6IGFueSA9IFtcbiAgLy8gICB7IHZpZXdWYWx1ZTogXCJBbGwgUHJvcGVydGllc1wiLCB2YWx1ZTogXCJBTExfUFJPUEVSVElFU1wiIH0sXG4gIC8vICAgeyB2aWV3VmFsdWU6IFwiTXkgU1FGVFwiLCB2YWx1ZTogXCJTUUZUXCIgfSxcbiAgLy8gICB7IHZpZXdWYWx1ZTogXCJQcml2YXRlIEludmVzdG1lbnRzXCIsIHZhbHVlOiBcIlBSSVZBVEVcIiB9LFxuICAvLyBdXG5cbiAgcHJvcGVydHlEZXRhaWxzOiBhbnk7XG4gIHNlbGVjdGVkSWQgOiBhbnk7XG5cbiAgZ2V0UHJvcGVydHlEZXRhaWxzKCkge1xuICAgIHRoaXMucmVzdFNlcnZpY2UuZ2V0TXlQcm9wZXJ0eURldGFpbHMoKS5zdWJzY3JpYmUoXG4gICAgICAocmVzOiBhbnkpID0+IHtcbiAgICAgICAgdGhpcy5wcm9wZXJ0eURldGFpbHMgPSByZXNcbiAgICAgIH1cbiAgICApXG4gIH1cbiAgc2NyZWVuV2lkdGggOiBhbnlcbiAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzogcmVzaXplXCIsIFtcIiRldmVudFwiXSlcbiAgZ2V0U2NyZWVuU2l6ZSgpIHtcbiAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gIH1cbiAgXG5cbiAgdmlld1RhYjogYm9vbGVhbiA9IGZhbHNlXG5cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwibWFpbi1jb250YWluZXJcIiAqbmdJZj1cIiF2aWV3VGFiXCI+XG4gICAgPCEtLSA8ZGl2IGNsYXNzPVwiY2FyZC1zZWN0aW9uIGQtZmxleCBnYXAtMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIGludmVzdG1lbnRzXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZFwiPnt7ZWxlLm5hbWV9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1pbmktY2FyZHNcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWluaS1jYXJkXCIgKm5nRm9yPVwibGV0IGVsZSBvZiBlbGUuZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dFwiPnt7ZWxlLm5hbWV9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibnVtYmVyIGQtZmxleFwiPnt7ZWxlLnZhbHVlfX0mbmJzcDsmbmJzcDs8c3BhbiAqbmdJZj1cImVsZT8uc3BhblZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNwYW4tdGV4dCBkLWZsZXhcIj48bWF0LWljb24+YXJyb3dfZHJvcF91cDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3tlbGUuc3BhblZhbHVlfX08L3NwYW4+PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LXRhYnMgZC1mbGV4IGdhcC0xMCBtdC0zXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIHRhYnNcIiAoY2xpY2spPVwiYWN0aXZlVGFiID0gZWxlLnZhbHVlXCJcbiAgICAgICAgICAgIFtjbGFzcy50YWJBY3RpdmVdPVwiYWN0aXZlVGFiID09IGVsZS52YWx1ZVwiPnt7ZWxlLnZpZXdWYWx1ZX19PC9kaXY+XG4gICAgPC9kaXY+IC0tPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS1jYXJkc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbGUgb2YgcHJvcGVydHlEZXRhaWxzXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktY2FyZCB3LTEwMCBkLWZsZXggZ2FwLTEwXCIgKGNsaWNrKT1cInZpZXdUYWIgPSB0cnVlO3NlbGVjdGVkSWQgPSBlbGUucHJvcGVydHlJZFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgaWQ9XCJjYXJvdXNlbEV4YW1wbGVJbnRlcnZhbFwiIGNsYXNzPVwiY2Fyb3VzZWwgc2xpZGUgcC1yZWxhdGl2ZSB3LTM1IGgtMzRcIiBkYXRhLWJzLXJpZGU9XCJjYXJvdXNlbFwiICpuZ0lmPVwiZWxlPy5wcm9wZXJ0eUltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1pbm5lclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZWxlIG9mIGVsZT8ucHJvcGVydHlJbWFnZTtsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWl0ZW0gYWN0aXZlXCIgW2NsYXNzLmFjdGl2ZV09XCJpXCIgZGF0YS1icy1pbnRlcnZhbD1cIjMwMDBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImVsZVwiIGNsYXNzPVwiZC1ibG9jayB3LTEwMCBoZWlnaHQtMzAgYnItMTBcIiBhbHQ9XCJwcm9wZXJ0eS1pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHlOYW1lIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIHAtMTVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbCBkLWZsZXgganVzdGlmeS1jb250ZW50LWVuZCBhbGlnbi1pdGVtcy1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaW5kaWNhdG9ycyBhZGRpdGlvbmFsLXByb3BlcnRpZXMtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbGUgb2YgZWxlLnByb3BlcnR5SW1hZ2U7bGV0IGkgPSBpbmRleFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgZGF0YS1icy10YXJnZXQ9XCIjY2Fyb3VzZWxFeGFtcGxlSW50ZXJ2YWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthdHRyLmRhdGEtYnMtc2xpZGUtdG9dPVwiaVwiIGNsYXNzPVwiYWN0aXZlIGFkZGl0aW9uYWwtcHJvcGVydGllc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PVwidHJ1ZVwiIGFyaWEtbGFiZWw9XCJTbGlkZSAxXCI+PC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS1jYXJkIHctMzUgZC1mbGV4IGdhcC0xMFwiICpuZ0lmPVwiIWVsZT8ucHJvcGVydHlJbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vdXBsb2FkLndpa2ltZWRpYS5vcmcvd2lraXBlZGlhL2NvbW1vbnMvMS8xNC9Ob19JbWFnZV9BdmFpbGFibGUuanBnXCIgY2xhc3M9XCJkLWJsb2NrIHctMTAwIGhlaWdodC0zMCBici0xMFwiIGFsdD1cInByb3BlcnR5LWltYWdlXCI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXRvcCBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHluYW1lXCI+e3tlbGU/Lm5hbWUgPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LWxvY2F0aW9uXCI+PGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3JjPVwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy8zODQyNzVjMTczNzYyOTcyOTU0NWxvY2F0aW9uX29uLnBuZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJsb2NhdGlvbiBpbWFnZVwiIGNsYXNzPVwiZ3JleS1pY29uXCI+e3tlbGU/LnByb3BlcnR5TG9jYXRpb24gPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGltZyBzcmM9XCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzYzNzk4M2MxNzM5ODU1NzE1MTg4VmVjdG9yJTIwMTIlMjAlMjgxJTI5LnBuZ1wiIGNsYXNzPVwiY3VydmUtaW1nXCI+IC0tPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtYm90dG9tIGQtZmxleCBnYXAtMTAgd2lkdGhcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgdy0xMDBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTMgY29sLTYgZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWRldGFpbCB0ZXh0LWNlbnRlclwiPnt7ZWxlPy5pbnZlc3RlZEFtb3VudCA/PyAwfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1kZXRhaWwgdGV4dC1jZW50ZXJcIj5JbnZlc3RlZCBBbW91bnQ8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTMgY29sLTYgZGV0YWlsc1wiIFtjbGFzcy5sc3QtZGl2XT1cInNjcmVlbldpZHRoIDwgNDc1XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtZGV0YWlsIHRleHQtY2VudGVyXCI+e3tlbGU/LnRvdGFsU3FGZWV0T3duZWQgPz8gMH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tZGV0YWlsIHRleHQtY2VudGVyXCI+U3EuZnQ8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTMgY29sLTYgZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWRldGFpbCB0ZXh0LWNlbnRlclwiPnt7ZWxlPy5pbmRpY2F0aXZlTWFya2V0VmFsdWUgPz8gMH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tZGV0YWlsIHRleHQtY2VudGVyXCI+Q3VycmVudCBWYWx1ZTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMyBjb2wtNiBkZXRhaWxzIGxzdC1kaXZcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRvcC1kZXRhaWwgdGV4dC1jZW50ZXJcIj57e2VsZT8uY3VycmVudEFtb3VudCA/PyAwfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1kZXRhaWwgdGV4dC1jZW50ZXJcIj5Qcm9maXQvTG9zczwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwhLS0gbHN0LWRpdiAtLT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwidmlldy1jb250YWluZXJcIiAqbmdJZj1cInZpZXdUYWJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFja1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFjay10ZXh0IGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwibXktdGV4dCBtYi0wIGNvbW1vbi1zdHlsZVwiIChjbGljayk9XCJ2aWV3VGFiID0gZmFsc2VcIj5NeSBQcm9wZXJ0aWVzPC9wPjxtYXQtaWNvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwibXktdGV4dFwiPmtleWJvYXJkX2Fycm93X3JpZ2h0PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwicHJ0eS10ZXh0IG1iLTAgY29tbW9uLXN0eWxlXCI+UHJvcGVydHkgRGV0YWlsczwvcD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHNpbXBvLXByb3BlcnR5LXZpZXcgW2lkXT1cInNlbGVjdGVkSWRcIj48L3NpbXBvLXByb3BlcnR5LXZpZXc+XG48L3NlY3Rpb24+Il19

package/esm2022/lib/elements/property-view/property-view.component.mjs

@@ -0,0 +1,79 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
+import { HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./../../services/rest.service";
+import * as i2 from "@angular/common";
+export class PropertyViewComponent {
+    constructor(restService) {
+        this.restService = restService;
+        this.propertyDetails = {
+            propertyImage: ["https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png", "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png", "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png"],
+            propertyName: "Ananta One - Blue Moon",
+            propertyLocation: "RRR Hyderabad, Telangana",
+            investedDate: "12 Jun 2024",
+            type: "Rental",
+            share: "1.40%",
+            documents: ["Title deed", "Property Registration Certificate"],
+            description: "Ananta one Apartments is a premium residential development located in the bustling heart of hyderabad. It offers modern amenities and a luxurious lifestyle designed to meet the needs of urban families and professionals.",
+            managedBy: [{ img: "https://media.istockphoto.com/id/1410538853/photo/young-man-in-the-public-park.jpg?s=612x612&w=0&k=20&c=EtRJGnNOFPJ2HniBSLWKzsL9Xf7GHinHd5y2Tx3da0E=", name: "Vijay Shankar", role: "Property Manager" }, { img: "https://t3.ftcdn.net/jpg/01/86/40/16/360_F_186401650_6tXxwc5x3pwuA9bYjJG65l9pCFRIAu06.jpg", name: "Sanjana", role: "Operational Manager" }],
+            invested: "₹4.1 L",
+            totalSqft: "32",
+            irr: "12%",
+            imv: "₹4.1 L",
+            income: "+₹52 k",
+            projectedValue: "₹5.21 L",
+            potentialApperciation: "8%",
+            guaranteedGrowth: "5%",
+            marketMovement: "High"
+        };
+    }
+    ngOnInit() {
+        console.log(this.id);
+        this.getPropertyDetails(this.id);
+        this.getScreenSize();
+    }
+    getScreenSize(event) {
+        this.srcHeight = window.innerHeight;
+        this.srcWidth = window.innerWidth;
+    }
+    // propertyDetails : any = {
+    //   propertyImage  :  ["https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png","https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png","https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png"],
+    //   propertyName : "Ananta One - Blue Moon",
+    //   propertyLocation : "RRR Hyderabad, Telangana",
+    //   investedDate : "12 Jun 2024",
+    //   type : "Rental",
+    //   share : "1.40%",
+    //   documents : ["Title deed","Property Registration Certificate"],
+    //   description : "Ananta one Apartments is a premium residential development located in the bustling heart of hyderabad. It offers modern amenities and a luxurious lifestyle designed to meet the needs of urban families and professionals.",
+    //   managedBy : [{img : "https://media.istockphoto.com/id/1410538853/photo/young-man-in-the-public-park.jpg?s=612x612&w=0&k=20&c=EtRJGnNOFPJ2HniBSLWKzsL9Xf7GHinHd5y2Tx3da0E=",name : "Vijay Shankar",role : "Property Manager"},{img : "https://t3.ftcdn.net/jpg/01/86/40/16/360_F_186401650_6tXxwc5x3pwuA9bYjJG65l9pCFRIAu06.jpg",name : "Sanjana",role : "Operational Manager"}],
+    //   invested : "₹4.1 L",
+    //   totalSqft : "32",
+    //   irr : "12%",
+    //   imv : "₹4.1 L",
+    //   income : "+₹52 k",
+    //   projectedValue : "₹5.21 L",
+    //   potentialApperciation : "8%",
+    //   guaranteedGrowth : "5%",
+    //   marketMovement : "High"
+    // }
+    getPropertyDetails(id) {
+        this.restService.getPropertyById(id).subscribe((res) => {
+            this.propertyDetails = res;
+            console.log(res);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PropertyViewComponent, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PropertyViewComponent, isStandalone: true, selector: "simpo-property-view", inputs: { id: "id" }, host: { listeners: { "window:resize": "getScreenSize($event)" } }, ngImport: i0, template: "<div class=\" row main-container gap-10 \">\n    <div class=\" col-md-6 left-container w-60 \">\n        <div class=\"property-detail common-style1\">\n            <div class=\" row carousel-01\">\n                <div id=\"carouselExampleInterval\" class=\" col-12 col-6 carousel slide p-relative \" data-bs-ride=\"carousel\">\n                    <div class=\"carousel-inner\">\n                        <ng-container *ngFor=\"let ele of propertyDetails?.property?.imgUrl;let i = index\">\n                            <div class=\"carousel-item active\" [class.active]=\"i\" data-bs-interval=\"3000\">\n                                <img [src]=\"ele\" class=\"d-block w-100 br-10\" alt=\"property-image\">\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"propertyName d-flex justify-content-center\">\n                        <div class=\"carousel d-flex justify-content-end align-items-end\">\n                            <div class=\"carousel-indicators additional-properties-1\">\n                                <ng-container *ngFor=\"let ele of propertyDetails.property.imgUrl;let i = index\">\n                                    <button type=\"button\" data-bs-target=\"#carouselExampleInterval\"\n                                        [attr.data-bs-slide-to]=\"i\" class=\"active additional-properties\" aria-current=\"true\"\n                                        aria-label=\"Slide 1\"></button>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div  *ngIf=\"srcWidth < 475\" class=\" col-6 bottom-details d-flex gap-10 mt-10\">\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Invested Date</div>\n                        <div class=\"right\">{{(propertyDetails?.earliestPurchaseDate | date) ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Property Type</div>\n                        <div class=\"right\">{{propertyDetails?.property?.propertyType ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Ownership Share</div>\n                        <div class=\"right\">{{propertyDetails?.share ?? \"N/A\"}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"details mt-10\">\n                <div class=\"row top-details\">\n                    <div class=\"col-md-6 col-12 top-left\">\n                        <div class=\"main-text\">{{propertyDetails?.property?.name ?? \"N/A\"}}</div>\n                        <div class=\"span-text\"><img\n                                src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\"\n                                alt=\"location image\" class=\"grey-icon\" width=\"15px\">{{propertyDetails?.property?.location ?? \"N/A\"}}</div>\n                    </div>\n                    <div *ngIf=\"srcWidth > 475\" class=\"col-md-6 top-right d-flex gap-10\">\n                        <div class=\"buy-more common-style2\">\n                            Buy More SQFT\n                        </div>\n                        <div class=\"sell common-style2\">\n                            Sell SQFT\n                        </div>\n                    </div>\n                </div>\n                <div  *ngIf=\"srcWidth > 475\" class=\"bottom-details d-flex gap-10 mt-10 justify-content-center\">\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Invested Date</div>\n                        <div class=\"right\">{{(propertyDetails?.earliestPurchaseDate | date) ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Property Type</div>\n                        <div class=\"right\">{{propertyDetails?.property?.propertyType ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Ownership Share</div>\n                        <div class=\"right\">{{propertyDetails?.share ?? \"N/A\"}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"doc-rep common-style1\" *ngIf=\"propertyDetails?.property?.documents.length > 0\">\n            <div class=\"head-about-property\">Documents & Reports</div>\n            <div class=\"file-container d-flex flex-column gap-10\">\n                <div class=\"file d-flex justify-content-between\" *ngFor=\"let ele of propertyDetails?.property?.documents\">\n                    <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/678394c1739183726107image%209.png\"\n                        alt=\"pdf\" class=\"w-10\">\n                    <div class=\"doc-text w-75 d-flex align-items-center\"> {{ele.length > 15 ?\n                        ele.substring(0,15)+'...' : ele }}</div>\n                    <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/195414c1739183779845fi_3502477.png\"\n                        alt=\"download\" class=\"download-img w-10\">\n                </div>\n            </div>\n        </div>\n        <div class=\"common-style1\">\n            <div class=\"head-about-property\">About Property</div>\n            <div class=\"about-property-text\">{{propertyDetails?.property?.description ?? \"N/A\"}}</div>\n            <!-- <div class=\"head-about-property\">Property Managed by</div>\n            <div class=\"managed-cards d-flex gap-10 w-100\">\n                <div class=\"card-container br-10\" *ngFor=\"let ele of propertyDetails.managedBy\">\n                    <div class=\"img-container d-flex justify-content-center\">\n                        <img [src]=\"ele.img\" alt=\"Manager Image\" class=\"manage-img\">\n                    </div>\n                    <div class=\"card-details\">\n                        <p class=\"name-text text-center mt-10\">{{ele.name}}</p>\n                        <p class=\"role-text text-center\">{{ele.role}}</p>\n                    </div>\n                </div>\n            </div> -->\n        </div>\n    </div>\n    <div class=\" col-md-6 right-container w-40 \">\n        <div class=\"right-content\">\n            <div class=\"right-head\">Holdings Details</div>\n            <div class=\"holding-details common-style3\">\n                <div class=\"top-bottom\">\n                    <div class=\"top\">\u20B9{{propertyDetails?.totalInvestedAmount ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Invested</div>\n                </div>\n                <div class=\"top-bottom\">\n                    <div class=\"top\">{{propertyDetails?.totalSqFeetOwned ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Sq.ft</div>\n                </div>\n                <div class=\"top-bottom\">\n                    <div class=\"top\">{{propertyDetails?.financeDetails?.indicativeMarketValue ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Indicative Market Value</div>\n                </div>\n                <div class=\"top-bottom\">\n                    <div class=\"top\">{{propertyDetails?.financeDetails?.irr ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Internal Returns Rate</div>\n                </div>\n            </div>\n            <div class=\"income br-0-10\">\n                <div class=\"left-right-1\">\n                    <div class=\"left-1\">Profit/Loss</div><div class=\"right-1\">\u20B9{{propertyDetails?.financeDetails?.annualReturn ?? \"N/A\"}}</div>\n                </div>\n            </div>\n        </div>\n        <!-- <div class=\"right-content\">\n            <div class=\"right-head\">Financial Projections</div>\n            <div class=\"financial-details common-style3 br-0-10\">\n                <div class=\"right-left-1 d-flex justify-content-between mb-3\">\n                    <div class=\"left-2\">Projected Value (Next Year)</div><div class=\"right-2\">{{propertyDetails.projectedValue}}</div>\n                </div>\n                <div class=\"right-left-1 d-flex justify-content-between mb-3\">\n                    <div class=\"left-2\">Potential Appreciation</div><div class=\"right-2\">{{propertyDetails.potentialApperciation}}</div>\n                </div>\n                <div class=\"right-left-1 d-flex justify-content-between mb-3\">\n                    <div class=\"left-2\">Guaranteed Growth</div><div class=\"right-2\">{{propertyDetails.guaranteedGrowth}}</div>\n                </div>\n                <div class=\"note-section\">\n                    Note: Above projection are based on past performance\n                </div>\n            </div>\n        </div> -->\n    </div>\n    <div *ngIf=\"srcWidth < 475\" class=\"top-right d-flex gap-10\">\n        <div class=\"buy-more common-style2\">\n            Buy More SQFT\n        </div>\n        <div class=\"sell common-style2\">\n            Sell SQFT\n        </div>\n    </div>\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.main-container{padding:10px;width:100%}.left-container,.right-container{height:75vh;overflow-y:scroll}.carousel-item{display:unset!important}.w-60{width:63%}.w-40{width:35%}.additional-properties{border-radius:50%;height:1vh;width:8px!important}.additional-properties-1{position:unset!important;padding:unset!important;margin:unset!important;width:100%}.p-relative{position:relative}.propertyName{position:absolute;bottom:0;width:100%}.br-10{border-radius:10px}.common-style1{padding:10px;border-radius:10px;background:#fff;margin-bottom:10px}.mt-10{margin-top:10px!important}.main-text{font-weight:600;font-size:18px;line-height:24px;color:#000}.span-text{font-size:14px;font-weight:500;line-height:44px;color:#00000080}.gap-10{gap:10px}.common-style2{padding:5px 7px;border-radius:10px;font-size:12px;line-height:24px;font-weight:600;height:6vh;align-content:center}.buy-more{background:#36b37e;color:#fff}.sell{background:#ffcfc6;color:#f36f56}.left{font-size:14px;line-height:18px;font-weight:500;color:#01161ecc}.right{font-size:14px;line-height:20px;font-weight:600;color:#01161e}.head-about-property{font-weight:600;font-size:16px;line-height:26px;margin-bottom:10px}.file{background:#f7f7f7;border-radius:5px;padding:12px}.doc-text{font-size:16px;font-weight:500;line-height:26px;color:#000}.about-property-text{font-weight:400;font-size:16px;line-height:29px;color:#01161eb3}.manage-img{width:70px;height:10vh;border-radius:50%}.card-container{background:#f7f7f7;padding:10px;width:48%}.name-text{font-size:14px;line-height:24px;font-weight:500;color:#000}.role-text{font-size:14px;font-weight:400;line-height:24px;color:#000000b3}.managed-cards{overflow-x:scroll}.right-content{border:1px solid rgba(0,0,0,.03);border-radius:10px;margin-bottom:15px}.right-head{font-weight:600;font-size:16px;line-height:21px;color:#000;padding:10px;background:#f1f6ff}.holding-details{display:grid;grid-template-columns:50% 50%;gap:10px}.top-bottom{padding:10px}.top{font-size:20px;font-weight:700;line-height:24px;color:#000}.bottom{font-size:14px;font-weight:500;line-height:24px;color:#000000b3}.income{background:#fff;padding:10px}.left-right-1{background:linear-gradient(180deg,#0d1b2a,#172b40);display:flex;justify-content:space-between;padding:15px;border-radius:10px}.left-1{font-size:16px;font-weight:700;line-height:24px;color:#fff}.right-1{font-weight:800;font-size:20px;line-height:24px;color:#32f4a2}.left-2{font-size:14px;line-height:20px;font-weight:500;color:#000000b3}.right-2{font-size:20px;line-height:24px;font-weight:700;color:#000}.note-section{font-size:14px;line-height:20px;font-weight:500;color:#01161e66}.common-style3{padding:10px;background:#fff}.br-0-10{border-radius:0 0 10px 10px!important}.grey-icon{filter:grayscale(100%) brightness(50%)}.doc-rep{overflow-y:scroll;height:17vh}@media only screen and (max-width: 475px){.main-container{flex-direction:column;width:auto}.left-container,.right-container{height:auto}.carousel{height:16vh;width:40%}.w-60,.w-40{width:auto}.w-4 .carousel{width:40%}.d-block{height:16vh}.bottom-details{flex-direction:column;width:60%}.left-right{justify-content:space-between}.propertyName{width:88%}.top-right{position:sticky;bottom:0%;background:#fff;justify-content:center;padding:8px 2px}.common-style2{padding:11px 8px;width:40vw;text-align:center;font-size:14px}.right-head{border-radius:10px}.w-10{width:14%}.file{padding:5px 10px;height:8vh}.doc-text{font-size:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PropertyViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simpo-property-view', standalone: true, imports: [CommonModule, MatIcon], template: "<div class=\" row main-container gap-10 \">\n    <div class=\" col-md-6 left-container w-60 \">\n        <div class=\"property-detail common-style1\">\n            <div class=\" row carousel-01\">\n                <div id=\"carouselExampleInterval\" class=\" col-12 col-6 carousel slide p-relative \" data-bs-ride=\"carousel\">\n                    <div class=\"carousel-inner\">\n                        <ng-container *ngFor=\"let ele of propertyDetails?.property?.imgUrl;let i = index\">\n                            <div class=\"carousel-item active\" [class.active]=\"i\" data-bs-interval=\"3000\">\n                                <img [src]=\"ele\" class=\"d-block w-100 br-10\" alt=\"property-image\">\n                            </div>\n                        </ng-container>\n                    </div>\n                    <div class=\"propertyName d-flex justify-content-center\">\n                        <div class=\"carousel d-flex justify-content-end align-items-end\">\n                            <div class=\"carousel-indicators additional-properties-1\">\n                                <ng-container *ngFor=\"let ele of propertyDetails.property.imgUrl;let i = index\">\n                                    <button type=\"button\" data-bs-target=\"#carouselExampleInterval\"\n                                        [attr.data-bs-slide-to]=\"i\" class=\"active additional-properties\" aria-current=\"true\"\n                                        aria-label=\"Slide 1\"></button>\n                                </ng-container>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div  *ngIf=\"srcWidth < 475\" class=\" col-6 bottom-details d-flex gap-10 mt-10\">\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Invested Date</div>\n                        <div class=\"right\">{{(propertyDetails?.earliestPurchaseDate | date) ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Property Type</div>\n                        <div class=\"right\">{{propertyDetails?.property?.propertyType ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Ownership Share</div>\n                        <div class=\"right\">{{propertyDetails?.share ?? \"N/A\"}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"details mt-10\">\n                <div class=\"row top-details\">\n                    <div class=\"col-md-6 col-12 top-left\">\n                        <div class=\"main-text\">{{propertyDetails?.property?.name ?? \"N/A\"}}</div>\n                        <div class=\"span-text\"><img\n                                src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\"\n                                alt=\"location image\" class=\"grey-icon\" width=\"15px\">{{propertyDetails?.property?.location ?? \"N/A\"}}</div>\n                    </div>\n                    <div *ngIf=\"srcWidth > 475\" class=\"col-md-6 top-right d-flex gap-10\">\n                        <div class=\"buy-more common-style2\">\n                            Buy More SQFT\n                        </div>\n                        <div class=\"sell common-style2\">\n                            Sell SQFT\n                        </div>\n                    </div>\n                </div>\n                <div  *ngIf=\"srcWidth > 475\" class=\"bottom-details d-flex gap-10 mt-10 justify-content-center\">\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Invested Date</div>\n                        <div class=\"right\">{{(propertyDetails?.earliestPurchaseDate | date) ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Property Type</div>\n                        <div class=\"right\">{{propertyDetails?.property?.propertyType ?? \"N/A\"}}</div>\n                    </div>\n                    <div class=\"left-right d-flex gap-10\">\n                        <div class=\"left\">Ownership Share</div>\n                        <div class=\"right\">{{propertyDetails?.share ?? \"N/A\"}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"doc-rep common-style1\" *ngIf=\"propertyDetails?.property?.documents.length > 0\">\n            <div class=\"head-about-property\">Documents & Reports</div>\n            <div class=\"file-container d-flex flex-column gap-10\">\n                <div class=\"file d-flex justify-content-between\" *ngFor=\"let ele of propertyDetails?.property?.documents\">\n                    <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/678394c1739183726107image%209.png\"\n                        alt=\"pdf\" class=\"w-10\">\n                    <div class=\"doc-text w-75 d-flex align-items-center\"> {{ele.length > 15 ?\n                        ele.substring(0,15)+'...' : ele }}</div>\n                    <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/195414c1739183779845fi_3502477.png\"\n                        alt=\"download\" class=\"download-img w-10\">\n                </div>\n            </div>\n        </div>\n        <div class=\"common-style1\">\n            <div class=\"head-about-property\">About Property</div>\n            <div class=\"about-property-text\">{{propertyDetails?.property?.description ?? \"N/A\"}}</div>\n            <!-- <div class=\"head-about-property\">Property Managed by</div>\n            <div class=\"managed-cards d-flex gap-10 w-100\">\n                <div class=\"card-container br-10\" *ngFor=\"let ele of propertyDetails.managedBy\">\n                    <div class=\"img-container d-flex justify-content-center\">\n                        <img [src]=\"ele.img\" alt=\"Manager Image\" class=\"manage-img\">\n                    </div>\n                    <div class=\"card-details\">\n                        <p class=\"name-text text-center mt-10\">{{ele.name}}</p>\n                        <p class=\"role-text text-center\">{{ele.role}}</p>\n                    </div>\n                </div>\n            </div> -->\n        </div>\n    </div>\n    <div class=\" col-md-6 right-container w-40 \">\n        <div class=\"right-content\">\n            <div class=\"right-head\">Holdings Details</div>\n            <div class=\"holding-details common-style3\">\n                <div class=\"top-bottom\">\n                    <div class=\"top\">\u20B9{{propertyDetails?.totalInvestedAmount ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Invested</div>\n                </div>\n                <div class=\"top-bottom\">\n                    <div class=\"top\">{{propertyDetails?.totalSqFeetOwned ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Sq.ft</div>\n                </div>\n                <div class=\"top-bottom\">\n                    <div class=\"top\">{{propertyDetails?.financeDetails?.indicativeMarketValue ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Indicative Market Value</div>\n                </div>\n                <div class=\"top-bottom\">\n                    <div class=\"top\">{{propertyDetails?.financeDetails?.irr ?? \"N/A\"}}</div>\n                    <div class=\"bottom\">Internal Returns Rate</div>\n                </div>\n            </div>\n            <div class=\"income br-0-10\">\n                <div class=\"left-right-1\">\n                    <div class=\"left-1\">Profit/Loss</div><div class=\"right-1\">\u20B9{{propertyDetails?.financeDetails?.annualReturn ?? \"N/A\"}}</div>\n                </div>\n            </div>\n        </div>\n        <!-- <div class=\"right-content\">\n            <div class=\"right-head\">Financial Projections</div>\n            <div class=\"financial-details common-style3 br-0-10\">\n                <div class=\"right-left-1 d-flex justify-content-between mb-3\">\n                    <div class=\"left-2\">Projected Value (Next Year)</div><div class=\"right-2\">{{propertyDetails.projectedValue}}</div>\n                </div>\n                <div class=\"right-left-1 d-flex justify-content-between mb-3\">\n                    <div class=\"left-2\">Potential Appreciation</div><div class=\"right-2\">{{propertyDetails.potentialApperciation}}</div>\n                </div>\n                <div class=\"right-left-1 d-flex justify-content-between mb-3\">\n                    <div class=\"left-2\">Guaranteed Growth</div><div class=\"right-2\">{{propertyDetails.guaranteedGrowth}}</div>\n                </div>\n                <div class=\"note-section\">\n                    Note: Above projection are based on past performance\n                </div>\n            </div>\n        </div> -->\n    </div>\n    <div *ngIf=\"srcWidth < 475\" class=\"top-right d-flex gap-10\">\n        <div class=\"buy-more common-style2\">\n            Buy More SQFT\n        </div>\n        <div class=\"sell common-style2\">\n            Sell SQFT\n        </div>\n    </div>\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.main-container{padding:10px;width:100%}.left-container,.right-container{height:75vh;overflow-y:scroll}.carousel-item{display:unset!important}.w-60{width:63%}.w-40{width:35%}.additional-properties{border-radius:50%;height:1vh;width:8px!important}.additional-properties-1{position:unset!important;padding:unset!important;margin:unset!important;width:100%}.p-relative{position:relative}.propertyName{position:absolute;bottom:0;width:100%}.br-10{border-radius:10px}.common-style1{padding:10px;border-radius:10px;background:#fff;margin-bottom:10px}.mt-10{margin-top:10px!important}.main-text{font-weight:600;font-size:18px;line-height:24px;color:#000}.span-text{font-size:14px;font-weight:500;line-height:44px;color:#00000080}.gap-10{gap:10px}.common-style2{padding:5px 7px;border-radius:10px;font-size:12px;line-height:24px;font-weight:600;height:6vh;align-content:center}.buy-more{background:#36b37e;color:#fff}.sell{background:#ffcfc6;color:#f36f56}.left{font-size:14px;line-height:18px;font-weight:500;color:#01161ecc}.right{font-size:14px;line-height:20px;font-weight:600;color:#01161e}.head-about-property{font-weight:600;font-size:16px;line-height:26px;margin-bottom:10px}.file{background:#f7f7f7;border-radius:5px;padding:12px}.doc-text{font-size:16px;font-weight:500;line-height:26px;color:#000}.about-property-text{font-weight:400;font-size:16px;line-height:29px;color:#01161eb3}.manage-img{width:70px;height:10vh;border-radius:50%}.card-container{background:#f7f7f7;padding:10px;width:48%}.name-text{font-size:14px;line-height:24px;font-weight:500;color:#000}.role-text{font-size:14px;font-weight:400;line-height:24px;color:#000000b3}.managed-cards{overflow-x:scroll}.right-content{border:1px solid rgba(0,0,0,.03);border-radius:10px;margin-bottom:15px}.right-head{font-weight:600;font-size:16px;line-height:21px;color:#000;padding:10px;background:#f1f6ff}.holding-details{display:grid;grid-template-columns:50% 50%;gap:10px}.top-bottom{padding:10px}.top{font-size:20px;font-weight:700;line-height:24px;color:#000}.bottom{font-size:14px;font-weight:500;line-height:24px;color:#000000b3}.income{background:#fff;padding:10px}.left-right-1{background:linear-gradient(180deg,#0d1b2a,#172b40);display:flex;justify-content:space-between;padding:15px;border-radius:10px}.left-1{font-size:16px;font-weight:700;line-height:24px;color:#fff}.right-1{font-weight:800;font-size:20px;line-height:24px;color:#32f4a2}.left-2{font-size:14px;line-height:20px;font-weight:500;color:#000000b3}.right-2{font-size:20px;line-height:24px;font-weight:700;color:#000}.note-section{font-size:14px;line-height:20px;font-weight:500;color:#01161e66}.common-style3{padding:10px;background:#fff}.br-0-10{border-radius:0 0 10px 10px!important}.grey-icon{filter:grayscale(100%) brightness(50%)}.doc-rep{overflow-y:scroll;height:17vh}@media only screen and (max-width: 475px){.main-container{flex-direction:column;width:auto}.left-container,.right-container{height:auto}.carousel{height:16vh;width:40%}.w-60,.w-40{width:auto}.w-4 .carousel{width:40%}.d-block{height:16vh}.bottom-details{flex-direction:column;width:60%}.left-right{justify-content:space-between}.propertyName{width:88%}.top-right{position:sticky;bottom:0%;background:#fff;justify-content:center;padding:8px 2px}.common-style2{padding:11px 8px;width:40vw;text-align:center;font-size:14px}.right-head{border-radius:10px}.w-10{width:14%}.file{padding:5px 10px;height:8vh}.doc-text{font-size:12px}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.RestService }], propDecorators: { id: [{
+                type: Input
+            }], getScreenSize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydHktdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnR5LXZpZXcvcHJvcGVydHktdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnR5LXZpZXcvcHJvcGVydHktdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFXN0MsTUFBTSxPQUFPLHFCQUFxQjtJQUloQyxZQUFvQixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQVc1QyxvQkFBZSxHQUFTO1lBQ3RCLGFBQWEsRUFBSyxDQUFDLG9HQUFvRyxFQUFDLG9HQUFvRyxFQUFDLG9HQUFvRyxDQUFDO1lBQ2xVLFlBQVksRUFBRyx3QkFBd0I7WUFDdkMsZ0JBQWdCLEVBQUcsMEJBQTBCO1lBQzdDLFlBQVksRUFBRyxhQUFhO1lBQzVCLElBQUksRUFBRyxRQUFRO1lBQ2YsS0FBSyxFQUFHLE9BQU87WUFDZixTQUFTLEVBQUcsQ0FBQyxZQUFZLEVBQUMsbUNBQW1DLENBQUM7WUFDOUQsV0FBVyxFQUFHLDZOQUE2TjtZQUMzTyxTQUFTLEVBQUcsQ0FBQyxFQUFDLEdBQUcsRUFBRyxzSkFBc0osRUFBQyxJQUFJLEVBQUcsZUFBZSxFQUFDLElBQUksRUFBRyxrQkFBa0IsRUFBQyxFQUFDLEVBQUMsR0FBRyxFQUFHLDJGQUEyRixFQUFDLElBQUksRUFBRyxTQUFTLEVBQUMsSUFBSSxFQUFHLHFCQUFxQixFQUFDLENBQUM7WUFDL1csUUFBUSxFQUFHLFFBQVE7WUFDbkIsU0FBUyxFQUFHLElBQUk7WUFDaEIsR0FBRyxFQUFHLEtBQUs7WUFDWCxHQUFHLEVBQUcsUUFBUTtZQUNkLE1BQU0sRUFBRyxRQUFRO1lBQ2pCLGNBQWMsRUFBRyxTQUFTO1lBQzFCLHFCQUFxQixFQUFHLElBQUk7WUFDNUIsZ0JBQWdCLEVBQUcsSUFBSTtZQUN2QixjQUFjLEVBQUcsTUFBTTtTQUN4QixDQUFBO0lBM0JELENBQUM7SUFFRCxRQUFRO1FBQ04sT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUE7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQTtRQUNoQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQTRCRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFDcEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3BDLENBQUM7SUFFRCw0QkFBNEI7SUFDNUIsd1VBQXdVO0lBQ3hVLDZDQUE2QztJQUM3QyxtREFBbUQ7SUFDbkQsa0NBQWtDO0lBQ2xDLHFCQUFxQjtJQUNyQixxQkFBcUI7SUFDckIsb0VBQW9FO0lBQ3BFLGlQQUFpUDtJQUNqUCxxWEFBcVg7SUFDclgseUJBQXlCO0lBQ3pCLHNCQUFzQjtJQUN0QixpQkFBaUI7SUFDakIsb0JBQW9CO0lBQ3BCLHVCQUF1QjtJQUN2QixnQ0FBZ0M7SUFDaEMsa0NBQWtDO0lBQ2xDLDZCQUE2QjtJQUM3Qiw0QkFBNEI7SUFDNUIsSUFBSTtJQUVKLGtCQUFrQixDQUFDLEVBQU07UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUM1QyxDQUFDLEdBQUcsRUFBQyxFQUFFO1lBQ0wsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUE7WUFDMUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQTtRQUNsQixDQUFDLENBQ0YsQ0FBQTtJQUNILENBQUM7OEdBMUVVLHFCQUFxQjtrR0FBckIscUJBQXFCLHdLQ2RsQyx1clNBMkpNLGkvR0RqSk0sWUFBWTs7MkZBSVgscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUMsT0FBTyxDQUFDO2dGQU1yQixFQUFFO3NCQUFYLEtBQUs7Z0JBdUNOLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxlQUFlLEVBQUMsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXN0U2VydmljZSB9IGZyb20gJy4vLi4vLi4vc2VydmljZXMvcmVzdC5zZXJ2aWNlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wcm9wZXJ0eS12aWV3JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSxNYXRJY29uXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb3BlcnR5LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcHJvcGVydHktdmlldy5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQcm9wZXJ0eVZpZXdDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpICBpZCA6IGFueVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVzdFNlcnZpY2U6IFJlc3RTZXJ2aWNlKVxuICB7XG5cbiAgfVxuXG4gIG5nT25Jbml0KCl7XG4gICAgY29uc29sZS5sb2codGhpcy5pZClcbiAgICB0aGlzLmdldFByb3BlcnR5RGV0YWlscyh0aGlzLmlkKVxuICAgIHRoaXMuZ2V0U2NyZWVuU2l6ZSgpO1xuICB9XG5cbiAgcHJvcGVydHlEZXRhaWxzIDogYW55ID0ge1xuICAgIHByb3BlcnR5SW1hZ2UgIDogIFtcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvODE1OTIxYzE3MzkyNTQ4NDMxODZpbWFnZSUyMCUyODUlMjkucG5nXCIsXCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzgxNTkyMWMxNzM5MjU0ODQzMTg2aW1hZ2UlMjAlMjg1JTI5LnBuZ1wiLFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy84MTU5MjFjMTczOTI1NDg0MzE4NmltYWdlJTIwJTI4NSUyOS5wbmdcIl0sXG4gICAgcHJvcGVydHlOYW1lIDogXCJBbmFudGEgT25lIC0gQmx1ZSBNb29uXCIsXG4gICAgcHJvcGVydHlMb2NhdGlvbiA6IFwiUlJSIEh5ZGVyYWJhZCwgVGVsYW5nYW5hXCIsXG4gICAgaW52ZXN0ZWREYXRlIDogXCIxMiBKdW4gMjAyNFwiLFxuICAgIHR5cGUgOiBcIlJlbnRhbFwiLFxuICAgIHNoYXJlIDogXCIxLjQwJVwiLFxuICAgIGRvY3VtZW50cyA6IFtcIlRpdGxlIGRlZWRcIixcIlByb3BlcnR5IFJlZ2lzdHJhdGlvbiBDZXJ0aWZpY2F0ZVwiXSxcbiAgICBkZXNjcmlwdGlvbiA6IFwiQW5hbnRhIG9uZSBBcGFydG1lbnRzIGlzIGEgcHJlbWl1bSByZXNpZGVudGlhbCBkZXZlbG9wbWVudCBsb2NhdGVkIGluIHRoZSBidXN0bGluZyBoZWFydCBvZiBoeWRlcmFiYWQuIEl0IG9mZmVycyBtb2Rlcm4gYW1lbml0aWVzIGFuZCBhIGx1eHVyaW91cyBsaWZlc3R5bGUgZGVzaWduZWQgdG8gbWVldCB0aGUgbmVlZHMgb2YgdXJiYW4gZmFtaWxpZXMgYW5kIHByb2Zlc3Npb25hbHMuXCIsXG4gICAgbWFuYWdlZEJ5IDogW3tpbWcgOiBcImh0dHBzOi8vbWVkaWEuaXN0b2NrcGhvdG8uY29tL2lkLzE0MTA1Mzg4NTMvcGhvdG8veW91bmctbWFuLWluLXRoZS1wdWJsaWMtcGFyay5qcGc/cz02MTJ4NjEyJnc9MCZrPTIwJmM9RXRSSkduTk9GUEoySG5pQlNMV0t6c0w5WGY3R0hpbkhkNXkyVHgzZGEwRT1cIixuYW1lIDogXCJWaWpheSBTaGFua2FyXCIscm9sZSA6IFwiUHJvcGVydHkgTWFuYWdlclwifSx7aW1nIDogXCJodHRwczovL3QzLmZ0Y2RuLm5ldC9qcGcvMDEvODYvNDAvMTYvMzYwX0ZfMTg2NDAxNjUwXzZ0WHh3YzV4M3B3dUE5YllqSkc2NWw5cENGUklBdTA2LmpwZ1wiLG5hbWUgOiBcIlNhbmphbmFcIixyb2xlIDogXCJPcGVyYXRpb25hbCBNYW5hZ2VyXCJ9XSxcbiAgICBpbnZlc3RlZCA6IFwi4oK5NC4xIExcIixcbiAgICB0b3RhbFNxZnQgOiBcIjMyXCIsXG4gICAgaXJyIDogXCIxMiVcIixcbiAgICBpbXYgOiBcIuKCuTQuMSBMXCIsXG4gICAgaW5jb21lIDogXCIr4oK5NTIga1wiLFxuICAgIHByb2plY3RlZFZhbHVlIDogXCLigrk1LjIxIExcIixcbiAgICBwb3RlbnRpYWxBcHBlcmNpYXRpb24gOiBcIjglXCIsXG4gICAgZ3VhcmFudGVlZEdyb3d0aCA6IFwiNSVcIixcbiAgICBtYXJrZXRNb3ZlbWVudCA6IFwiSGlnaFwiXG4gIH1cblxuXG5cbiAgc3JjSGVpZ2h0OiBhbnk7XG4gIHNyY1dpZHRoOiBhbnk7XG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLFsnJGV2ZW50J10pXG4gIGdldFNjcmVlblNpemUoZXZlbnQ/OmFueSl7XG4gICAgdGhpcy5zcmNIZWlnaHQgPSB3aW5kb3cuaW5uZXJIZWlnaHQ7XG4gICAgdGhpcy5zcmNXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICB9XG5cbiAgLy8gcHJvcGVydHlEZXRhaWxzIDogYW55ID0ge1xuICAvLyAgIHByb3BlcnR5SW1hZ2UgIDogIFtcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvODE1OTIxYzE3MzkyNTQ4NDMxODZpbWFnZSUyMCUyODUlMjkucG5nXCIsXCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzgxNTkyMWMxNzM5MjU0ODQzMTg2aW1hZ2UlMjAlMjg1JTI5LnBuZ1wiLFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy84MTU5MjFjMTczOTI1NDg0MzE4NmltYWdlJTIwJTI4NSUyOS5wbmdcIl0sXG4gIC8vICAgcHJvcGVydHlOYW1lIDogXCJBbmFudGEgT25lIC0gQmx1ZSBNb29uXCIsXG4gIC8vICAgcHJvcGVydHlMb2NhdGlvbiA6IFwiUlJSIEh5ZGVyYWJhZCwgVGVsYW5nYW5hXCIsXG4gIC8vICAgaW52ZXN0ZWREYXRlIDogXCIxMiBKdW4gMjAyNFwiLFxuICAvLyAgIHR5cGUgOiBcIlJlbnRhbFwiLFxuICAvLyAgIHNoYXJlIDogXCIxLjQwJVwiLFxuICAvLyAgIGRvY3VtZW50cyA6IFtcIlRpdGxlIGRlZWRcIixcIlByb3BlcnR5IFJlZ2lzdHJhdGlvbiBDZXJ0aWZpY2F0ZVwiXSxcbiAgLy8gICBkZXNjcmlwdGlvbiA6IFwiQW5hbnRhIG9uZSBBcGFydG1lbnRzIGlzIGEgcHJlbWl1bSByZXNpZGVudGlhbCBkZXZlbG9wbWVudCBsb2NhdGVkIGluIHRoZSBidXN0bGluZyBoZWFydCBvZiBoeWRlcmFiYWQuIEl0IG9mZmVycyBtb2Rlcm4gYW1lbml0aWVzIGFuZCBhIGx1eHVyaW91cyBsaWZlc3R5bGUgZGVzaWduZWQgdG8gbWVldCB0aGUgbmVlZHMgb2YgdXJiYW4gZmFtaWxpZXMgYW5kIHByb2Zlc3Npb25hbHMuXCIsXG4gIC8vICAgbWFuYWdlZEJ5IDogW3tpbWcgOiBcImh0dHBzOi8vbWVkaWEuaXN0b2NrcGhvdG8uY29tL2lkLzE0MTA1Mzg4NTMvcGhvdG8veW91bmctbWFuLWluLXRoZS1wdWJsaWMtcGFyay5qcGc/cz02MTJ4NjEyJnc9MCZrPTIwJmM9RXRSSkduTk9GUEoySG5pQlNMV0t6c0w5WGY3R0hpbkhkNXkyVHgzZGEwRT1cIixuYW1lIDogXCJWaWpheSBTaGFua2FyXCIscm9sZSA6IFwiUHJvcGVydHkgTWFuYWdlclwifSx7aW1nIDogXCJodHRwczovL3QzLmZ0Y2RuLm5ldC9qcGcvMDEvODYvNDAvMTYvMzYwX0ZfMTg2NDAxNjUwXzZ0WHh3YzV4M3B3dUE5YllqSkc2NWw5cENGUklBdTA2LmpwZ1wiLG5hbWUgOiBcIlNhbmphbmFcIixyb2xlIDogXCJPcGVyYXRpb25hbCBNYW5hZ2VyXCJ9XSxcbiAgLy8gICBpbnZlc3RlZCA6IFwi4oK5NC4xIExcIixcbiAgLy8gICB0b3RhbFNxZnQgOiBcIjMyXCIsXG4gIC8vICAgaXJyIDogXCIxMiVcIixcbiAgLy8gICBpbXYgOiBcIuKCuTQuMSBMXCIsXG4gIC8vICAgaW5jb21lIDogXCIr4oK5NTIga1wiLFxuICAvLyAgIHByb2plY3RlZFZhbHVlIDogXCLigrk1LjIxIExcIixcbiAgLy8gICBwb3RlbnRpYWxBcHBlcmNpYXRpb24gOiBcIjglXCIsXG4gIC8vICAgZ3VhcmFudGVlZEdyb3d0aCA6IFwiNSVcIixcbiAgLy8gICBtYXJrZXRNb3ZlbWVudCA6IFwiSGlnaFwiXG4gIC8vIH1cblxuICBnZXRQcm9wZXJ0eURldGFpbHMoaWQ6YW55KXtcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmdldFByb3BlcnR5QnlJZChpZCkuc3Vic2NyaWJlKFxuICAgICAgKHJlcyk9PntcbiAgICAgICAgdGhpcy5wcm9wZXJ0eURldGFpbHMgPSByZXNcbiAgICAgICAgY29uc29sZS5sb2cocmVzKVxuICAgICAgfVxuICAgIClcbiAgfVxuXG5cblxufVxuIiwiPGRpdiBjbGFzcz1cIiByb3cgbWFpbi1jb250YWluZXIgZ2FwLTEwIFwiPlxuICAgIDxkaXYgY2xhc3M9XCIgY29sLW1kLTYgbGVmdC1jb250YWluZXIgdy02MCBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LWRldGFpbCBjb21tb24tc3R5bGUxXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiIHJvdyBjYXJvdXNlbC0wMVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgaWQ9XCJjYXJvdXNlbEV4YW1wbGVJbnRlcnZhbFwiIGNsYXNzPVwiIGNvbC0xMiBjb2wtNiBjYXJvdXNlbCBzbGlkZSBwLXJlbGF0aXZlIFwiIGRhdGEtYnMtcmlkZT1cImNhcm91c2VsXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbC1pbm5lclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZWxlIG9mIHByb3BlcnR5RGV0YWlscz8ucHJvcGVydHk/LmltZ1VybDtsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWl0ZW0gYWN0aXZlXCIgW2NsYXNzLmFjdGl2ZV09XCJpXCIgZGF0YS1icy1pbnRlcnZhbD1cIjMwMDBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImVsZVwiIGNsYXNzPVwiZC1ibG9jayB3LTEwMCBici0xMFwiIGFsdD1cInByb3BlcnR5LWltYWdlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eU5hbWUgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJvdXNlbCBkLWZsZXgganVzdGlmeS1jb250ZW50LWVuZCBhbGlnbi1pdGVtcy1lbmRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaW5kaWNhdG9ycyBhZGRpdGlvbmFsLXByb3BlcnRpZXMtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbGUgb2YgcHJvcGVydHlEZXRhaWxzLnByb3BlcnR5LmltZ1VybDtsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBkYXRhLWJzLXRhcmdldD1cIiNjYXJvdXNlbEV4YW1wbGVJbnRlcnZhbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2F0dHIuZGF0YS1icy1zbGlkZS10b109XCJpXCIgY2xhc3M9XCJhY3RpdmUgYWRkaXRpb25hbC1wcm9wZXJ0aWVzXCIgYXJpYS1jdXJyZW50PVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIlNsaWRlIDFcIj48L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiAgKm5nSWY9XCJzcmNXaWR0aCA8IDQ3NVwiIGNsYXNzPVwiIGNvbC02IGJvdHRvbS1kZXRhaWxzIGQtZmxleCBnYXAtMTAgbXQtMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtcmlnaHQgZC1mbGV4IGdhcC0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5JbnZlc3RlZCBEYXRlPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHRcIj57eyhwcm9wZXJ0eURldGFpbHM/LmVhcmxpZXN0UHVyY2hhc2VEYXRlIHwgZGF0ZSkgPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1yaWdodCBkLWZsZXggZ2FwLTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlByb3BlcnR5IFR5cGU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPnt7cHJvcGVydHlEZXRhaWxzPy5wcm9wZXJ0eT8ucHJvcGVydHlUeXBlID8/IFwiTi9BXCJ9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtcmlnaHQgZC1mbGV4IGdhcC0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5Pd25lcnNoaXAgU2hhcmU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPnt7cHJvcGVydHlEZXRhaWxzPy5zaGFyZSA/PyBcIk4vQVwifX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkZXRhaWxzIG10LTEwXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdyB0b3AtZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTYgY29sLTEyIHRvcC1sZWZ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi10ZXh0XCI+e3twcm9wZXJ0eURldGFpbHM/LnByb3BlcnR5Py5uYW1lID8/IFwiTi9BXCJ9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNwYW4tdGV4dFwiPjxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3JjPVwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy8zODQyNzVjMTczNzYyOTcyOTU0NWxvY2F0aW9uX29uLnBuZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cImxvY2F0aW9uIGltYWdlXCIgY2xhc3M9XCJncmV5LWljb25cIiB3aWR0aD1cIjE1cHhcIj57e3Byb3BlcnR5RGV0YWlscz8ucHJvcGVydHk/LmxvY2F0aW9uID8/IFwiTi9BXCJ9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cInNyY1dpZHRoID4gNDc1XCIgY2xhc3M9XCJjb2wtbWQtNiB0b3AtcmlnaHQgZC1mbGV4IGdhcC0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1eS1tb3JlIGNvbW1vbi1zdHlsZTJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBCdXkgTW9yZSBTUUZUXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWxsIGNvbW1vbi1zdHlsZTJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBTZWxsIFNRRlRcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2ICAqbmdJZj1cInNyY1dpZHRoID4gNDc1XCIgY2xhc3M9XCJib3R0b20tZGV0YWlscyBkLWZsZXggZ2FwLTEwIG10LTEwIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtcmlnaHQgZC1mbGV4IGdhcC0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5JbnZlc3RlZCBEYXRlPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHRcIj57eyhwcm9wZXJ0eURldGFpbHM/LmVhcmxpZXN0UHVyY2hhc2VEYXRlIHwgZGF0ZSkgPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1yaWdodCBkLWZsZXggZ2FwLTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdFwiPlByb3BlcnR5IFR5cGU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPnt7cHJvcGVydHlEZXRhaWxzPy5wcm9wZXJ0eT8ucHJvcGVydHlUeXBlID8/IFwiTi9BXCJ9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtcmlnaHQgZC1mbGV4IGdhcC0xMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRcIj5Pd25lcnNoaXAgU2hhcmU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodFwiPnt7cHJvcGVydHlEZXRhaWxzPy5zaGFyZSA/PyBcIk4vQVwifX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb2MtcmVwIGNvbW1vbi1zdHlsZTFcIiAqbmdJZj1cInByb3BlcnR5RGV0YWlscz8ucHJvcGVydHk/LmRvY3VtZW50cy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZC1hYm91dC1wcm9wZXJ0eVwiPkRvY3VtZW50cyAmIFJlcG9ydHM8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWxlLWNvbnRhaW5lciBkLWZsZXggZmxleC1jb2x1bW4gZ2FwLTEwXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbGUgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCIgKm5nRm9yPVwibGV0IGVsZSBvZiBwcm9wZXJ0eURldGFpbHM/LnByb3BlcnR5Py5kb2N1bWVudHNcIj5cbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzY3ODM5NGMxNzM5MTgzNzI2MTA3aW1hZ2UlMjA5LnBuZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJwZGZcIiBjbGFzcz1cInctMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvYy10ZXh0IHctNzUgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPiB7e2VsZS5sZW5ndGggPiAxNSA/XG4gICAgICAgICAgICAgICAgICAgICAgICBlbGUuc3Vic3RyaW5nKDAsMTUpKycuLi4nIDogZWxlIH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy8xOTU0MTRjMTczOTE4Mzc3OTg0NWZpXzM1MDI0NzcucG5nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGFsdD1cImRvd25sb2FkXCIgY2xhc3M9XCJkb3dubG9hZC1pbWcgdy0xMFwiPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29tbW9uLXN0eWxlMVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWQtYWJvdXQtcHJvcGVydHlcIj5BYm91dCBQcm9wZXJ0eTwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFib3V0LXByb3BlcnR5LXRleHRcIj57e3Byb3BlcnR5RGV0YWlscz8ucHJvcGVydHk/LmRlc2NyaXB0aW9uID8/IFwiTi9BXCJ9fTwvZGl2PlxuICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiaGVhZC1hYm91dC1wcm9wZXJ0eVwiPlByb3BlcnR5IE1hbmFnZWQgYnk8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtYW5hZ2VkLWNhcmRzIGQtZmxleCBnYXAtMTAgdy0xMDBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1jb250YWluZXIgYnItMTBcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIHByb3BlcnR5RGV0YWlscy5tYW5hZ2VkQnlcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltZy1jb250YWluZXIgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJlbGUuaW1nXCIgYWx0PVwiTWFuYWdlciBJbWFnZVwiIGNsYXNzPVwibWFuYWdlLWltZ1wiPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtZGV0YWlsc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJuYW1lLXRleHQgdGV4dC1jZW50ZXIgbXQtMTBcIj57e2VsZS5uYW1lfX08L3A+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInJvbGUtdGV4dCB0ZXh0LWNlbnRlclwiPnt7ZWxlLnJvbGV9fTwvcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj4gLS0+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCIgY29sLW1kLTYgcmlnaHQtY29udGFpbmVyIHctNDAgXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1jb250ZW50XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtaGVhZFwiPkhvbGRpbmdzIERldGFpbHM8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob2xkaW5nLWRldGFpbHMgY29tbW9uLXN0eWxlM1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3BcIj7igrl7e3Byb3BlcnR5RGV0YWlscz8udG90YWxJbnZlc3RlZEFtb3VudCA/PyBcIk4vQVwifX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbVwiPkludmVzdGVkPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRvcC1ib3R0b21cIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRvcFwiPnt7cHJvcGVydHlEZXRhaWxzPy50b3RhbFNxRmVldE93bmVkID8/IFwiTi9BXCJ9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tXCI+U3EuZnQ8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wXCI+e3twcm9wZXJ0eURldGFpbHM/LmZpbmFuY2VEZXRhaWxzPy5pbmRpY2F0aXZlTWFya2V0VmFsdWUgPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b21cIj5JbmRpY2F0aXZlIE1hcmtldCBWYWx1ZTwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3BcIj57e3Byb3BlcnR5RGV0YWlscz8uZmluYW5jZURldGFpbHM/LmlyciA/PyBcIk4vQVwifX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbVwiPkludGVybmFsIFJldHVybnMgUmF0ZTwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5jb21lIGJyLTAtMTBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1yaWdodC0xXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LTFcIj5Qcm9maXQvTG9zczwvZGl2PjxkaXYgY2xhc3M9XCJyaWdodC0xXCI+4oK5e3twcm9wZXJ0eURldGFpbHM/LmZpbmFuY2VEZXRhaWxzPy5hbm51YWxSZXR1cm4gPz8gXCJOL0FcIn19PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cInJpZ2h0LWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1oZWFkXCI+RmluYW5jaWFsIFByb2plY3Rpb25zPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmluYW5jaWFsLWRldGFpbHMgY29tbW9uLXN0eWxlMyBici0wLTEwXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LWxlZnQtMSBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbWItM1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC0yXCI+UHJvamVjdGVkIFZhbHVlIChOZXh0IFllYXIpPC9kaXY+PGRpdiBjbGFzcz1cInJpZ2h0LTJcIj57e3Byb3BlcnR5RGV0YWlscy5wcm9qZWN0ZWRWYWx1ZX19PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LWxlZnQtMSBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gbWItM1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC0yXCI+UG90ZW50aWFsIEFwcHJlY2lhdGlvbjwvZGl2PjxkaXYgY2xhc3M9XCJyaWdodC0yXCI+e3twcm9wZXJ0eURldGFpbHMucG90ZW50aWFsQXBwZXJjaWF0aW9ufX08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtbGVmdC0xIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBtYi0zXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LTJcIj5HdWFyYW50ZWVkIEdyb3d0aDwvZGl2PjxkaXYgY2xhc3M9XCJyaWdodC0yXCI+e3twcm9wZXJ0eURldGFpbHMuZ3VhcmFudGVlZEdyb3d0aH19PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5vdGUtc2VjdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICBOb3RlOiBBYm92ZSBwcm9qZWN0aW9uIGFyZSBiYXNlZCBvbiBwYXN0IHBlcmZvcm1hbmNlXG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+IC0tPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJzcmNXaWR0aCA8IDQ3NVwiIGNsYXNzPVwidG9wLXJpZ2h0IGQtZmxleCBnYXAtMTBcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1eS1tb3JlIGNvbW1vbi1zdHlsZTJcIj5cbiAgICAgICAgICAgIEJ1eSBNb3JlIFNRRlRcbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWxsIGNvbW1vbi1zdHlsZTJcIj5cbiAgICAgICAgICAgIFNlbGwgU1FGVFxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==