simpo-component-library 3.5.52 → 3.6.2

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

@@ -45,10 +45,10 @@ export class PortfolioComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PortfolioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\">\n    <div class=\"head-container\">\n        <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\n        <div class=\"top-text\">Current Portfolio Value</div>\n        <div class=\"main-text\">\u20B96.22 Lac</div>\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n                \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\n    </div>\n    <div class=\"content-area\">\n        <div class=\"inside-header\">\n            <div class=\"left-section\">Investor Overview</div>\n            <div class=\"right-section d-flex\">\n                <div class=\"input-box\">\n                    <div class=\"filter-container d-flex align-items-center\">\n                        <div class=\"filter-item\">\n                            <input type=\"date\" class=\"custom-date-picker\" />\n                        </div>\n                        <div class=\"filter-item\">\n                            <select class=\"custom-dropdown\">\n                                <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"inside-content\">\n            <div class=\"content1 d-flex justify-content-between\">\n                <div class=\"d1\" *ngFor=\"let ele of topCards\">\n                    <div class=\"d1_name\">{{ele.text}}</div>\n                    <div class=\"card1 d-flex align-items-center g-10\">\n                        <div class=\"card1_img d-flex align-items-center justify-content-center\">\n                            <div class=\"d1_img\">\n                                <img [src]=\"ele.icon\" alt=\"img1\">\n                            </div>\n                        </div>\n                        <div class=\"no_of\">{{ele.count}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"content2 d-flex align-items-center\">\n                <div class=\"d2 d-flex\">\n                    <div class=\"left_d2\">\n                        <div class=\"d2_value\" *ngFor=\"let value of property_list\">\n                            <div class=\"value_left\">\n                                <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\n                                <div class=\"property_name\">{{value.name}}</div>\n                            </div>\n                            <div class=\"value_right\">\n                                <div>{{value.sq_ft}}</div>\n                                <div class=\"constant_line\">|</div>\n                                <div>{{value.price}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"d3\">\n                    <div class=\"d3_card1 common-style-1\">\n                        <div class=\"d3_card1_name\">Internal Rate of Return</div>\n                        <div class=\"value_d3_card1_name\"> 12%</div>\n                    </div>\n                    <div class=\"d3_card2 common-style-1\">\n                        <div class=\"d3_card2_name\">Annual Return</div>\n                        <div class=\"value_d3_card1_name\"> 10%</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{text-align:start;font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\">\r\n    <div class=\"head-container\">\r\n        <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\r\n        <div class=\"top-text\">Current Portfolio Value</div>\r\n        <div class=\"main-text\">\u20B96.22 Lac</div>\r\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\r\n                \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\r\n    </div>\r\n    <div class=\"content-area\">\r\n        <div class=\"inside-header\">\r\n            <div class=\"left-section\">Investor Overview</div>\r\n            <div class=\"right-section d-flex\">\r\n                <div class=\"input-box\">\r\n                    <div class=\"filter-container d-flex align-items-center\">\r\n                        <div class=\"filter-item\">\r\n                            <input type=\"date\" class=\"custom-date-picker\" />\r\n                        </div>\r\n                        <div class=\"filter-item\">\r\n                            <select class=\"custom-dropdown\">\r\n                                <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\r\n                            </select>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"inside-content\">\r\n            <div class=\"content1 d-flex justify-content-between\">\r\n                <div class=\"d1\" *ngFor=\"let ele of topCards\">\r\n                    <div class=\"d1_name\">{{ele.text}}</div>\r\n                    <div class=\"card1 d-flex align-items-center g-10\">\r\n                        <div class=\"card1_img d-flex align-items-center justify-content-center\">\r\n                            <div class=\"d1_img\">\r\n                                <img [src]=\"ele.icon\" alt=\"img1\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"no_of\">{{ele.count}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"content2 d-flex align-items-center\">\r\n                <div class=\"d2 d-flex\">\r\n                    <div class=\"left_d2\">\r\n                        <div class=\"d2_value\" *ngFor=\"let value of property_list\">\r\n                            <div class=\"value_left\">\r\n                                <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\r\n                                <div class=\"property_name\">{{value.name}}</div>\r\n                            </div>\r\n                            <div class=\"value_right\">\r\n                                <div>{{value.sq_ft}}</div>\r\n                                <div class=\"constant_line\">|</div>\r\n                                <div>{{value.price}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"d3\">\r\n                    <div class=\"d3_card1 common-style-1\">\r\n                        <div class=\"d3_card1_name\">Internal Rate of Return</div>\r\n                        <div class=\"value_d3_card1_name\"> 12%</div>\r\n                    </div>\r\n                    <div class=\"d3_card2 common-style-1\">\r\n                        <div class=\"d3_card2_name\">Annual Return</div>\r\n                        <div class=\"value_d3_card1_name\"> 10%</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{text-align:start;font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PortfolioComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'simpo-portfolio', standalone: true, imports: [MatIcon, CommonModule], template: "<section class=\"main-container\">\n    <div class=\"head-container\">\n        <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\n        <div class=\"top-text\">Current Portfolio Value</div>\n        <div class=\"main-text\">\u20B96.22 Lac</div>\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n                \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\n    </div>\n    <div class=\"content-area\">\n        <div class=\"inside-header\">\n            <div class=\"left-section\">Investor Overview</div>\n            <div class=\"right-section d-flex\">\n                <div class=\"input-box\">\n                    <div class=\"filter-container d-flex align-items-center\">\n                        <div class=\"filter-item\">\n                            <input type=\"date\" class=\"custom-date-picker\" />\n                        </div>\n                        <div class=\"filter-item\">\n                            <select class=\"custom-dropdown\">\n                                <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\n                            </select>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"inside-content\">\n            <div class=\"content1 d-flex justify-content-between\">\n                <div class=\"d1\" *ngFor=\"let ele of topCards\">\n                    <div class=\"d1_name\">{{ele.text}}</div>\n                    <div class=\"card1 d-flex align-items-center g-10\">\n                        <div class=\"card1_img d-flex align-items-center justify-content-center\">\n                            <div class=\"d1_img\">\n                                <img [src]=\"ele.icon\" alt=\"img1\">\n                            </div>\n                        </div>\n                        <div class=\"no_of\">{{ele.count}}</div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"content2 d-flex align-items-center\">\n                <div class=\"d2 d-flex\">\n                    <div class=\"left_d2\">\n                        <div class=\"d2_value\" *ngFor=\"let value of property_list\">\n                            <div class=\"value_left\">\n                                <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\n                                <div class=\"property_name\">{{value.name}}</div>\n                            </div>\n                            <div class=\"value_right\">\n                                <div>{{value.sq_ft}}</div>\n                                <div class=\"constant_line\">|</div>\n                                <div>{{value.price}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"d3\">\n                    <div class=\"d3_card1 common-style-1\">\n                        <div class=\"d3_card1_name\">Internal Rate of Return</div>\n                        <div class=\"value_d3_card1_name\"> 12%</div>\n                    </div>\n                    <div class=\"d3_card2 common-style-1\">\n                        <div class=\"d3_card2_name\">Annual Return</div>\n                        <div class=\"value_d3_card1_name\"> 10%</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{text-align:start;font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"] }]
+            args: [{ selector: 'simpo-portfolio', standalone: true, imports: [MatIcon, CommonModule], template: "<section class=\"main-container\">\r\n    <div class=\"head-container\">\r\n        <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\r\n        <div class=\"top-text\">Current Portfolio Value</div>\r\n        <div class=\"main-text\">\u20B96.22 Lac</div>\r\n        <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\r\n                \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\r\n    </div>\r\n    <div class=\"content-area\">\r\n        <div class=\"inside-header\">\r\n            <div class=\"left-section\">Investor Overview</div>\r\n            <div class=\"right-section d-flex\">\r\n                <div class=\"input-box\">\r\n                    <div class=\"filter-container d-flex align-items-center\">\r\n                        <div class=\"filter-item\">\r\n                            <input type=\"date\" class=\"custom-date-picker\" />\r\n                        </div>\r\n                        <div class=\"filter-item\">\r\n                            <select class=\"custom-dropdown\">\r\n                                <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\r\n                            </select>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"inside-content\">\r\n            <div class=\"content1 d-flex justify-content-between\">\r\n                <div class=\"d1\" *ngFor=\"let ele of topCards\">\r\n                    <div class=\"d1_name\">{{ele.text}}</div>\r\n                    <div class=\"card1 d-flex align-items-center g-10\">\r\n                        <div class=\"card1_img d-flex align-items-center justify-content-center\">\r\n                            <div class=\"d1_img\">\r\n                                <img [src]=\"ele.icon\" alt=\"img1\">\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"no_of\">{{ele.count}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"content2 d-flex align-items-center\">\r\n                <div class=\"d2 d-flex\">\r\n                    <div class=\"left_d2\">\r\n                        <div class=\"d2_value\" *ngFor=\"let value of property_list\">\r\n                            <div class=\"value_left\">\r\n                                <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\r\n                                <div class=\"property_name\">{{value.name}}</div>\r\n                            </div>\r\n                            <div class=\"value_right\">\r\n                                <div>{{value.sq_ft}}</div>\r\n                                <div class=\"constant_line\">|</div>\r\n                                <div>{{value.price}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"d3\">\r\n                    <div class=\"d3_card1 common-style-1\">\r\n                        <div class=\"d3_card1_name\">Internal Rate of Return</div>\r\n                        <div class=\"value_d3_card1_name\"> 12%</div>\r\n                    </div>\r\n                    <div class=\"d3_card2 common-style-1\">\r\n                        <div class=\"d3_card2_name\">Annual Return</div>\r\n                        <div class=\"value_d3_card1_name\"> 10%</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVNFLGtCQUFhLEdBQUU7WUFDYjtnQkFDRSxJQUFJLEVBQUUsWUFBWTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7Z0JBQ2hCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLGNBQWM7Z0JBQ3BCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBRSxPQUFPO2dCQUNkLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsU0FBUzthQUNoQjtZQUNEO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixLQUFLLEVBQUUsU0FBUztnQkFDaEIsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsS0FBSyxFQUFDLEtBQUs7YUFDWjtZQUNEO2dCQUNFLElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsUUFBUTthQUNmO1NBQ0YsQ0FBQTtRQUVELG1CQUFjLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBQyxZQUFZLEVBQUMsWUFBWSxDQUFDLENBQUE7UUFFN0QsYUFBUSxHQUFHO1lBQ1QsRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLGtCQUFrQixFQUFDLEtBQUssRUFBQyxHQUFHLEVBQUM7WUFDNUosRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLHdCQUF3QixFQUFDLEtBQUssRUFBQyxRQUFRLEVBQUM7WUFDdkssRUFBQyxJQUFJLEVBQUcsdUdBQXVHLEVBQUMsSUFBSSxFQUFDLG1CQUFtQixFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUM7U0FDckosQ0FBQTtLQUVGOytHQTNDWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwyRUNYL0IsbWdIQXFFVSxneUdEOURFLE9BQU8sMElBQUMsWUFBWTs7NEZBSW5CLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wb3J0Zm9saW8nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0SWNvbixDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcG9ydGZvbGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQb3J0Zm9saW9Db21wb25lbnQge1xuXG4gIHByb3BlcnR5X2xpc3QgPVtcbiAgICB7XG4gICAgICBuYW1lIDonQW5hbnRhIG9uZScsXG4gICAgICBzcV9mdCA6JzEzIFNxZnQnLFxuICAgICAgcHJpY2U6ICcxMi4xIEwnLFxuICAgICAgY29sb3I6JyNmYWE1NDgnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonQW5hbnRhIEhpbGxzJyxcbiAgICAgIHNxX2Z0IDonOCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnOS43IEwnLFxuICAgICAgY29sb3I6JyM2YmE5ZDknXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTGVvIFRvd2VycycsXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxuICAgICAgcHJpY2U6ICcxMC4xIEwnLFxuICAgICAgY29sb3I6JyM2YmQ5OTAnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTkNEIFZpdmFudGEnLFxuICAgICAgc3FfZnQgOicxMCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnMjAuMSBMJyxcbiAgICAgIGNvbG9yOidyZWQnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTVkgSG9tZSBBYm9vamEnLFxuICAgICAgc3FfZnQgOicxMCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnNDAuMSBMJyxcbiAgICAgIGNvbG9yOid5ZWxsb3cnXG4gICAgfVxuICBdXG5cbiAgZHJvcERvd25WYWx1ZXMgPSBbXCJBbGwgUHJvcGVydGllc1wiLFwiUHJvcGVydHkgMVwiLFwiUHJvcGVydHkgMlwiXVxuXG4gIHRvcENhcmRzID0gW1xuICAgIHtpY29uIDogXCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzk5MDcxOGMxNzM5NTI5NjA2NDg5R3JvdXAlMjAxNzA3NDgzMDcyJTIwJTI4MSUyOS5wbmdcIix0ZXh0OlwiUHJvcGVydGllcyBPd25lZFwiLGNvdW50OlwiMlwifSxcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy82ODE4NjdjMTczOTUyOTY3MTQyMkdyb3VwJTIwMTcwNzQ4MzA3MiUyMCUyODIlMjkucG5nXCIsdGV4dDpcIlRvdGFsIEludmVzdG1lbnQgVmFsdWVcIixjb3VudDpcIjUuNzMgTFwifSxcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy83NzY4MDZjMTczOTUyOTYyNTY5OUdyb3VwJTIwMTcwNzQ4MzA3Mi5wbmdcIix0ZXh0OlwiVG90YWwgU3EuZnQgT3duZWRcIixjb3VudDpcIjQzXCJ9XG4gIF1cblxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYWluLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1kaXYgdGV4dC1lbmRcIj48bWF0LWljb24gY2xhc3M9XCJjbHItd2hpdGVcIj5yZW1vdmVfcmVkX2V5ZTwvbWF0LWljb24+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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVNFLGtCQUFhLEdBQUU7WUFDYjtnQkFDRSxJQUFJLEVBQUUsWUFBWTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7Z0JBQ2hCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLGNBQWM7Z0JBQ3BCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBRSxPQUFPO2dCQUNkLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsU0FBUzthQUNoQjtZQUNEO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixLQUFLLEVBQUUsU0FBUztnQkFDaEIsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsS0FBSyxFQUFDLEtBQUs7YUFDWjtZQUNEO2dCQUNFLElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsUUFBUTthQUNmO1NBQ0YsQ0FBQTtRQUVELG1CQUFjLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBQyxZQUFZLEVBQUMsWUFBWSxDQUFDLENBQUE7UUFFN0QsYUFBUSxHQUFHO1lBQ1QsRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLGtCQUFrQixFQUFDLEtBQUssRUFBQyxHQUFHLEVBQUM7WUFDNUosRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLHdCQUF3QixFQUFDLEtBQUssRUFBQyxRQUFRLEVBQUM7WUFDdkssRUFBQyxJQUFJLEVBQUcsdUdBQXVHLEVBQUMsSUFBSSxFQUFDLG1CQUFtQixFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUM7U0FDckosQ0FBQTtLQUVGOytHQTNDWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwyRUNYL0IsNm9IQXFFVSxneUdEOURFLE9BQU8sMElBQUMsWUFBWTs7NEZBSW5CLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tcG9ydGZvbGlvJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtNYXRJY29uLENvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgUG9ydGZvbGlvQ29tcG9uZW50IHtcclxuXHJcbiAgcHJvcGVydHlfbGlzdCA9W1xyXG4gICAge1xyXG4gICAgICBuYW1lIDonQW5hbnRhIG9uZScsXHJcbiAgICAgIHNxX2Z0IDonMTMgU3FmdCcsXHJcbiAgICAgIHByaWNlOiAnMTIuMSBMJyxcclxuICAgICAgY29sb3I6JyNmYWE1NDgnXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonQW5hbnRhIEhpbGxzJyxcclxuICAgICAgc3FfZnQgOic4IFNxZnQnLFxyXG4gICAgICBwcmljZTogJzkuNyBMJyxcclxuICAgICAgY29sb3I6JyM2YmE5ZDknXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonTGVvIFRvd2VycycsXHJcbiAgICAgIHNxX2Z0IDonMTAgU3FmdCcsXHJcbiAgICAgIHByaWNlOiAnMTAuMSBMJyxcclxuICAgICAgY29sb3I6JyM2YmQ5OTAnXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonTkNEIFZpdmFudGEnLFxyXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxyXG4gICAgICBwcmljZTogJzIwLjEgTCcsXHJcbiAgICAgIGNvbG9yOidyZWQnXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBuYW1lIDonTVkgSG9tZSBBYm9vamEnLFxyXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxyXG4gICAgICBwcmljZTogJzQwLjEgTCcsXHJcbiAgICAgIGNvbG9yOid5ZWxsb3cnXHJcbiAgICB9XHJcbiAgXVxyXG5cclxuICBkcm9wRG93blZhbHVlcyA9IFtcIkFsbCBQcm9wZXJ0aWVzXCIsXCJQcm9wZXJ0eSAxXCIsXCJQcm9wZXJ0eSAyXCJdXHJcblxyXG4gIHRvcENhcmRzID0gW1xyXG4gICAge2ljb24gOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvOTkwNzE4YzE3Mzk1Mjk2MDY0ODlHcm91cCUyMDE3MDc0ODMwNzIlMjAlMjgxJTI5LnBuZ1wiLHRleHQ6XCJQcm9wZXJ0aWVzIE93bmVkXCIsY291bnQ6XCIyXCJ9LFxyXG4gICAge2ljb24gOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvNjgxODY3YzE3Mzk1Mjk2NzE0MjJHcm91cCUyMDE3MDc0ODMwNzIlMjAlMjgyJTI5LnBuZ1wiLHRleHQ6XCJUb3RhbCBJbnZlc3RtZW50IFZhbHVlXCIsY291bnQ6XCI1LjczIExcIn0sXHJcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy83NzY4MDZjMTczOTUyOTYyNTY5OUdyb3VwJTIwMTcwNzQ4MzA3Mi5wbmdcIix0ZXh0OlwiVG90YWwgU3EuZnQgT3duZWRcIixjb3VudDpcIjQzXCJ9XHJcbiAgXVxyXG5cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cIm1haW4tY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaGVhZC1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1kaXYgdGV4dC1lbmRcIj48bWF0LWljb24gY2xhc3M9XCJjbHItd2hpdGVcIj5yZW1vdmVfcmVkX2V5ZTwvbWF0LWljb24+PC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRvcC10ZXh0XCI+Q3VycmVudCBQb3J0Zm9saW8gVmFsdWU8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi10ZXh0XCI+4oK5Ni4yMiBMYWM8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLXRleHRcIj5JbnZlc3RtZW50IGluY3JlYXNlIGJ5IDogJm5ic3A7PHNwYW4gY2xhc3M9XCJhbW50IGNsci13aGl0ZVwiPlxyXG4gICAgICAgICAgICAgICAg4oK5NTQsMjkwPC9zcGFuPiZuYnNwOyZuYnNwOzxzcGFuIGNsYXNzPVwicGVyY2VudC10ZXh0XCI+KzIuMSU8L3NwYW4+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWFyZWFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdC1zZWN0aW9uXCI+SW52ZXN0b3IgT3ZlcnZpZXc8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb24gZC1mbGV4XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtYm94XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1jb250YWluZXIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwiZGF0ZVwiIGNsYXNzPVwiY3VzdG9tLWRhdGUtcGlja2VyXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNlbGVjdCBjbGFzcz1cImN1c3RvbS1kcm9wZG93blwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGVsZSBvZiBkcm9wRG93blZhbHVlc1wiPnt7ZWxlfX08L29wdGlvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQxIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxXCIgKm5nRm9yPVwibGV0IGVsZSBvZiB0b3BDYXJkc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+e3tlbGUudGV4dH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQxIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZy0xMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDFfaW1nIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX2ltZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJlbGUuaWNvblwiIGFsdD1cImltZzFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5vX29mXCI+e3tlbGUuY291bnR9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudDIgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyIGQtZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0X2QyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMl92YWx1ZVwiICpuZ0Zvcj1cImxldCB2YWx1ZSBvZiBwcm9wZXJ0eV9saXN0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9jb2xvclwiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1jb2xvcic6IHZhbHVlLmNvbG9yfVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eV9uYW1lXCI+e3t2YWx1ZS5uYW1lfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX3JpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj57e3ZhbHVlLnNxX2Z0fX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uc3RhbnRfbGluZVwiPnw8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7dmFsdWUucHJpY2V9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDEgY29tbW9uLXN0eWxlLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQxX25hbWVcIj5JbnRlcm5hbCBSYXRlIG9mIFJldHVybjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPiAxMiU8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDIgY29tbW9uLXN0eWxlLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQyX25hbWVcIj5Bbm51YWwgUmV0dXJuPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9kM19jYXJkMV9uYW1lXCI+IDEwJTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj4iXX0=

package/esm2022/lib/elements/pricing-s1/pricing-s1.component.mjs

@@ -0,0 +1,80 @@
+import { Component, Input } from '@angular/core';
+import BaseSection from '../../sections/BaseSection';
+import { TextEditorComponent } from '../text-editor/text-editor.component';
+import { ButtonDirectiveDirective } from '../../directive/button-directive.directive';
+import { ColorDirective } from '../../directive/color.directive';
+import { CornerDirective } from '../../directive/corner-directive';
+import { CommonModule } from '@angular/common';
+import { ImageDirectiveDirective } from '../../directive/image-directive.directive';
+import { ObjectPositionDirective } from '../../directive/image-position.directive';
+import { ImageEditorDirective } from '../../directive/image-editor.directive';
+import { SimpoButtonComponent } from '../simpo-button/simpo-button.component';
+import { ButtonEditorDirective } from '../../directive/button-editor.directive';
+import { TranslateOnhoverDirective } from '../../directive/translate-onhover.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/events.service";
+import * as i2 from "@angular/common";
+export class PricingS1Component extends BaseSection {
+    constructor(_eventService) {
+        super();
+        this._eventService = _eventService;
+    }
+    ngOnInit() {
+        this.content = this.data?.content;
+        this.style = this.data?.styles;
+        this.button = this.data?.action.buttons[0];
+    }
+    editSection() {
+        if (window.innerWidth <= 475)
+            return;
+        this._eventService.toggleEditorEvent.emit(false);
+        setTimeout(() => {
+            this._eventService.editSection.emit({ data: this.data });
+        }, 100);
+    }
+    getButtonId() {
+        return this.button?.id ?? "";
+    }
+    redirectTo() {
+    }
+    getClass() {
+        if (this.content?.listItem?.data?.length === 1) {
+            return 'col-12';
+        }
+        else if (this.content?.listItem?.data?.length === 2) {
+            return 'col-5';
+        }
+        else if (this.content?.listItem?.data?.length === 3) {
+            return 'col-4';
+        }
+        else if (this.content?.listItem?.data?.length === 4) {
+            return 'col-3';
+        }
+        else {
+            return 'col-3';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PricingS1Component, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PricingS1Component, isStandalone: true, selector: "simpo-pricing-s1", inputs: { data: "data", edit: "edit" }, usesInheritance: true, ngImport: i0, template: "<section>\r\n  <div class=\"pricing-options row w-100\">\r\n    <div class=\"individual-options d-flex flex-column justify-content-between mt-4 mb-2 align-items-center\" [attr.class]=\"getClass()\"\r\n      [id]=\"data?.id\" [simpoCorner]=\"style?.corners\" [simpoTranslateOnhover]=\"content?.display?.showHoverEffect\"\r\n      *ngFor=\"let options of content?.listItem?.data\" [ngClass]=\"{'highlighted-option': options?.highlight?.highlighted === true,\r\n          'individual-options-3': content?.listItem?.data?.length === 3 || content?.listItem?.data?.length === 2}\"\r\n      [ngStyle]=\"{'border': options?.highlight?.highlighted === true ? '3px solid ' + data?.styles?.background?.accentColor : ''}\">\r\n      <div class=\"popular-tag\" [simpoCorner]=\"style?.corners\"\r\n        [ngStyle]=\"{'background-color': data?.styles?.background?.accentColor}\"\r\n        *ngIf=\"options?.highlight?.highlighted === true\">\r\n        <simpo-text-editor [(value)]=\"options.highlight.label\" [editable]=\"edit || false\"></simpo-text-editor>\r\n      </div>\r\n      <div>\r\n        <img loading=\"lazy\" class=\"logo-img\" *ngIf=\"content?.display?.showImage === true\"\r\n          [simpoImageDirective]=\"style?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"options.image.position\"\r\n          [simpoCorner]=\"style?.corners\" [src]=\"options.image.url \" alt=\"\" loading=\"lazy\"\r\n          [appImageEditor]=\"edit || false\" [imageData]=\"options?.image\" [sectionId]=\"data?.id\"\r\n          [class]=\"data?.id+(options?.image?.id || '')\">\r\n        <div class=\"heading-small\">\r\n          <simpo-text-editor [(value)]=\"options.inputText[0].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n        </div>\r\n        <div class=\"heading-large price\">\r\n          <simpo-text-editor [(value)]=\"options.inputText[2].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n        </div>\r\n        <div class=\"body-desc mb-3\">\r\n          <simpo-text-editor [(value)]=\"options.inputText[3].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n        </div>\r\n        <div class=\"body-desc content-options\" *ngIf=\"content?.display?.showIncludeditems\">\r\n          <div class=\"d-flex gap-15\" *ngFor=\"let content of options.additionalData\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <!-- <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#EEF0FC\" />\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                  d=\"M17.0965 7.39004L9.9365 14.3L8.0365 12.27C7.6865 11.94 7.1365 11.92 6.7365 12.2C6.3465 12.49 6.2365 13 6.4765 13.41L8.7265 17.07C8.9465 17.41 9.3265 17.62 9.7565 17.62C10.1665 17.62 10.5565 17.41 10.7765 17.07C11.1365 16.6 18.0065 8.41004 18.0065 8.41004C18.9065 7.49004 17.8165 6.68004 17.0965 7.38004V7.39004Z\"\r\n                  fill=\"#4C63D9\" />\r\n              </svg> -->\r\n            </div>\r\n            <simpo-text-editor [(value)]=\"content.content\" [editable]=\"edit || false\"></simpo-text-editor>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"btn w-75 mt-4 p-0 border-0\" *ngIf=\"content?.display?.showButton === true\">\r\n        <!-- <button class=\"button\" simpoButtonDirective [id]=\"data?.id+(button?.id || '')\" [buttonStyle]=\"button?.styles\" [color]=\"data?.styles?.background?.accentColor\" [backgroundInfo]=\"style?.background\">{{options?.button?.label}}</button> -->\r\n        <button class=\"custom-btn\" [buttonData]=\"options?.button\" [buttonStyle]=\"button?.styles\" simpoButtonDirective\r\n          [id]=\"data?.id+(button?.id || '')\" [sectionId]=\"data?.id\" [color]=\"data?.styles?.background?.accentColor\"\r\n          [backgroundInfo]=\"data?.styles?.background\" [appButtonEditor]=\"edit ?? false\" [buttonId]=\"getButtonId()\"\r\n          (click)=\"redirectTo()\">{{options?.button?.label}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>", styles: [".pricing-options{justify-content:center;gap:20px}.individual-options{border:1px solid #80808057;padding:24px 10px}.individual-options-3{width:32%}.highlighted-option{box-shadow:0 0 10px #0000004d}.logo-img{width:85px;height:85px;margin-top:1rem}.img_icon{width:25px;height:25px}.button{font-size:17px!important;padding:.75rem 0}.custom-btn{padding:6px;font-size:16px!important;font-weight:600}.popular-tag{position:absolute;top:-1px;right:-2px;padding:1px 20px 3px;border-top-left-radius:0!important;border-bottom-right-radius:0!important}@media only screen and (max-width: 475px){.pricing-options{flex-direction:column}.individual-options{width:100%;margin-top:1rem;margin-bottom:1rem;padding:2rem}}\n"], dependencies: [{ kind: "component", type: TextEditorComponent, selector: "simpo-text-editor", inputs: ["value", "editable", "sectionId", "label"], outputs: ["valueChange"] }, { kind: "directive", type: ButtonDirectiveDirective, selector: "[simpoButtonDirective]", inputs: ["buttonStyle", "color", "scrollValue", "backgroundInfo"] }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: ImageEditorDirective, selector: "img[appImageEditor]", inputs: ["appImageEditor", "imageData", "sectionId"] }, { kind: "directive", type: ImageDirectiveDirective, selector: "[simpoImageDirective]", inputs: ["simpoImageDirective"] }, { kind: "directive", type: ObjectPositionDirective, selector: "[simpoObjectPosition]", inputs: ["simpoObjectPosition"] }, { kind: "directive", type: ButtonEditorDirective, selector: "button[appButtonEditor]", inputs: ["appButtonEditor", "buttonData", "buttonStyle", "backgroundInfo", "sectionId", "buttonId"] }, { kind: "directive", type: TranslateOnhoverDirective, selector: "[simpoTranslateOnhover]", inputs: ["simpoTranslateOnhover"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PricingS1Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'simpo-pricing-s1', standalone: true, imports: [
+                        TextEditorComponent,
+                        ButtonDirectiveDirective,
+                        ColorDirective,
+                        CornerDirective,
+                        CommonModule,
+                        ImageEditorDirective,
+                        ImageDirectiveDirective,
+                        ObjectPositionDirective,
+                        SimpoButtonComponent,
+                        ButtonEditorDirective,
+                        TranslateOnhoverDirective
+                    ], template: "<section>\r\n  <div class=\"pricing-options row w-100\">\r\n    <div class=\"individual-options d-flex flex-column justify-content-between mt-4 mb-2 align-items-center\" [attr.class]=\"getClass()\"\r\n      [id]=\"data?.id\" [simpoCorner]=\"style?.corners\" [simpoTranslateOnhover]=\"content?.display?.showHoverEffect\"\r\n      *ngFor=\"let options of content?.listItem?.data\" [ngClass]=\"{'highlighted-option': options?.highlight?.highlighted === true,\r\n          'individual-options-3': content?.listItem?.data?.length === 3 || content?.listItem?.data?.length === 2}\"\r\n      [ngStyle]=\"{'border': options?.highlight?.highlighted === true ? '3px solid ' + data?.styles?.background?.accentColor : ''}\">\r\n      <div class=\"popular-tag\" [simpoCorner]=\"style?.corners\"\r\n        [ngStyle]=\"{'background-color': data?.styles?.background?.accentColor}\"\r\n        *ngIf=\"options?.highlight?.highlighted === true\">\r\n        <simpo-text-editor [(value)]=\"options.highlight.label\" [editable]=\"edit || false\"></simpo-text-editor>\r\n      </div>\r\n      <div>\r\n        <img loading=\"lazy\" class=\"logo-img\" *ngIf=\"content?.display?.showImage === true\"\r\n          [simpoImageDirective]=\"style?.image\" [id]=\"data?.id\" [simpoObjectPosition]=\"options.image.position\"\r\n          [simpoCorner]=\"style?.corners\" [src]=\"options.image.url \" alt=\"\" loading=\"lazy\"\r\n          [appImageEditor]=\"edit || false\" [imageData]=\"options?.image\" [sectionId]=\"data?.id\"\r\n          [class]=\"data?.id+(options?.image?.id || '')\">\r\n        <div class=\"heading-small\">\r\n          <simpo-text-editor [(value)]=\"options.inputText[0].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n        </div>\r\n        <div class=\"heading-large price\">\r\n          <simpo-text-editor [(value)]=\"options.inputText[2].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n        </div>\r\n        <div class=\"body-desc mb-3\">\r\n          <simpo-text-editor [(value)]=\"options.inputText[3].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n        </div>\r\n        <div class=\"body-desc content-options\" *ngIf=\"content?.display?.showIncludeditems\">\r\n          <div class=\"d-flex gap-15\" *ngFor=\"let content of options.additionalData\">\r\n            <div class=\"d-flex align-items-center\">\r\n              <!-- <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"#EEF0FC\" />\r\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\r\n                  d=\"M17.0965 7.39004L9.9365 14.3L8.0365 12.27C7.6865 11.94 7.1365 11.92 6.7365 12.2C6.3465 12.49 6.2365 13 6.4765 13.41L8.7265 17.07C8.9465 17.41 9.3265 17.62 9.7565 17.62C10.1665 17.62 10.5565 17.41 10.7765 17.07C11.1365 16.6 18.0065 8.41004 18.0065 8.41004C18.9065 7.49004 17.8165 6.68004 17.0965 7.38004V7.39004Z\"\r\n                  fill=\"#4C63D9\" />\r\n              </svg> -->\r\n            </div>\r\n            <simpo-text-editor [(value)]=\"content.content\" [editable]=\"edit || false\"></simpo-text-editor>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"btn w-75 mt-4 p-0 border-0\" *ngIf=\"content?.display?.showButton === true\">\r\n        <!-- <button class=\"button\" simpoButtonDirective [id]=\"data?.id+(button?.id || '')\" [buttonStyle]=\"button?.styles\" [color]=\"data?.styles?.background?.accentColor\" [backgroundInfo]=\"style?.background\">{{options?.button?.label}}</button> -->\r\n        <button class=\"custom-btn\" [buttonData]=\"options?.button\" [buttonStyle]=\"button?.styles\" simpoButtonDirective\r\n          [id]=\"data?.id+(button?.id || '')\" [sectionId]=\"data?.id\" [color]=\"data?.styles?.background?.accentColor\"\r\n          [backgroundInfo]=\"data?.styles?.background\" [appButtonEditor]=\"edit ?? false\" [buttonId]=\"getButtonId()\"\r\n          (click)=\"redirectTo()\">{{options?.button?.label}}</button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>", styles: [".pricing-options{justify-content:center;gap:20px}.individual-options{border:1px solid #80808057;padding:24px 10px}.individual-options-3{width:32%}.highlighted-option{box-shadow:0 0 10px #0000004d}.logo-img{width:85px;height:85px;margin-top:1rem}.img_icon{width:25px;height:25px}.button{font-size:17px!important;padding:.75rem 0}.custom-btn{padding:6px;font-size:16px!important;font-weight:600}.popular-tag{position:absolute;top:-1px;right:-2px;padding:1px 20px 3px;border-top-left-radius:0!important;border-bottom-right-radius:0!important}@media only screen and (max-width: 475px){.pricing-options{flex-direction:column}.individual-options{width:100%;margin-top:1rem;margin-bottom:1rem;padding:2rem}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.EventsService }], propDecorators: { data: [{
+                type: Input
+            }], edit: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpY2luZy1zMS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3ByaWNpbmctczEvcHJpY2luZy1zMS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3ByaWNpbmctczEvcHJpY2luZy1zMS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLFdBQVcsTUFBTSw0QkFBNEIsQ0FBQztBQUdyRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDakUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNwRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNuRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNoRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7OztBQXNCeEYsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFdBQVc7SUFPakQsWUFBb0IsYUFBNEI7UUFDOUMsS0FBSyxFQUFFLENBQUM7UUFEVSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtJQUVoRCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMvQixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQsV0FBVztRQUVULElBQUksTUFBTSxDQUFDLFVBQVUsSUFBSSxHQUFHO1lBQzFCLE9BQU07UUFDUixJQUFJLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzNELENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFDRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUE7SUFDOUIsQ0FBQztJQUNELFVBQVU7SUFDVixDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUMvQyxPQUFPLFFBQVEsQ0FBQztRQUNsQixDQUFDO2FBQU0sSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ3RELE9BQU8sT0FBTyxDQUFDO1FBQ2pCLENBQUM7YUFBTSxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDdEQsT0FBTyxPQUFPLENBQUM7UUFDakIsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUN0RCxPQUFPLE9BQU8sQ0FBQztRQUNqQixDQUFDO2FBQU0sQ0FBQztZQUNOLE9BQU8sT0FBTyxDQUFDO1FBQ2pCLENBQUM7SUFFSCxDQUFDOytHQTVDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwySUNyQy9CLDZnSUFrRFUsd3ZCRDdCTixtQkFBbUIsNklBQ25CLHdCQUF3QixzSUFFeEIsZUFBZSxrRkFDZixZQUFZLG1iQUNaLG9CQUFvQixzSEFDcEIsdUJBQXVCLG1HQUN2Qix1QkFBdUIsbUdBRXZCLHFCQUFxQix5S0FDckIseUJBQXlCOzs0RkFNaEIsa0JBQWtCO2tCQXBCOUIsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4QixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLHVCQUF1Qjt3QkFDdkIsdUJBQXVCO3dCQUN2QixvQkFBb0I7d0JBQ3BCLHFCQUFxQjt3QkFDckIseUJBQXlCO3FCQUUxQjtrRkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgQmFzZVNlY3Rpb24gZnJvbSAnLi4vLi4vc2VjdGlvbnMvQmFzZVNlY3Rpb24nO1xyXG5pbXBvcnQgeyBQcmljaW5nU2VjdGlvbkNvbnRlbnRNb2RhbCwgUHJpY2luZ1NlY3Rpb25Nb2RhbCwgUHJpY2luZ1NlY3Rpb25TdHlsZXNNb2RlbCB9IGZyb20gJy4uLy4uL3NlY3Rpb25zL3ByaWNpbmctc2VjdGlvbi9wcmljaW5nLXNlY3Rpb24ubW9kYWwnO1xyXG5pbXBvcnQgeyBCdXR0b25Nb2RlbCB9IGZyb20gJy4uLy4uL3N0eWxlcy9zdHlsZS5tb2RlbCc7XHJcbmltcG9ydCB7IFRleHRFZGl0b3JDb21wb25lbnQgfSBmcm9tICcuLi90ZXh0LWVkaXRvci90ZXh0LWVkaXRvci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBCdXR0b25EaXJlY3RpdmVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvYnV0dG9uLWRpcmVjdGl2ZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDb2xvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9jb2xvci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDb3JuZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvY29ybmVyLWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEV2ZW50c1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9ldmVudHMuc2VydmljZSc7XHJcbmltcG9ydCB7IEltYWdlRGlyZWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2ltYWdlLWRpcmVjdGl2ZS5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBPYmplY3RQb3NpdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9pbWFnZS1wb3NpdGlvbi5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBJbWFnZUVkaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9pbWFnZS1lZGl0b3IuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgU2ltcG9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9zaW1wby1idXR0b24vc2ltcG8tYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJ1dHRvbkVkaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9idXR0b24tZWRpdG9yLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU9uaG92ZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvdHJhbnNsYXRlLW9uaG92ZXIuZGlyZWN0aXZlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tcHJpY2luZy1zMScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBUZXh0RWRpdG9yQ29tcG9uZW50LFxyXG4gICAgQnV0dG9uRGlyZWN0aXZlRGlyZWN0aXZlLFxyXG4gICAgQ29sb3JEaXJlY3RpdmUsXHJcbiAgICBDb3JuZXJEaXJlY3RpdmUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBJbWFnZUVkaXRvckRpcmVjdGl2ZSxcclxuICAgIEltYWdlRGlyZWN0aXZlRGlyZWN0aXZlLFxyXG4gICAgT2JqZWN0UG9zaXRpb25EaXJlY3RpdmUsXHJcbiAgICBTaW1wb0J1dHRvbkNvbXBvbmVudCxcclxuICAgIEJ1dHRvbkVkaXRvckRpcmVjdGl2ZSxcclxuICAgIFRyYW5zbGF0ZU9uaG92ZXJEaXJlY3RpdmVcclxuXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJpY2luZy1zMS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3ByaWNpbmctczEuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFByaWNpbmdTMUNvbXBvbmVudCBleHRlbmRzIEJhc2VTZWN0aW9uIHtcclxuICBASW5wdXQoKSBkYXRhPzogUHJpY2luZ1NlY3Rpb25Nb2RhbDtcclxuICBASW5wdXQoKSBlZGl0PzogYm9vbGVhbjtcclxuICBjb250ZW50PzogUHJpY2luZ1NlY3Rpb25Db250ZW50TW9kYWw7XHJcbiAgc3R5bGU/OiBQcmljaW5nU2VjdGlvblN0eWxlc01vZGVsO1xyXG4gIGJ1dHRvbj86IEJ1dHRvbk1vZGVsO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9ldmVudFNlcnZpY2U6IEV2ZW50c1NlcnZpY2UpIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcclxuICAgIHRoaXMuc3R5bGUgPSB0aGlzLmRhdGE/LnN0eWxlcztcclxuICAgIHRoaXMuYnV0dG9uID0gdGhpcy5kYXRhPy5hY3Rpb24uYnV0dG9uc1swXTtcclxuICB9XHJcblxyXG4gIGVkaXRTZWN0aW9uKCkge1xyXG5cclxuICAgIGlmICh3aW5kb3cuaW5uZXJXaWR0aCA8PSA0NzUpXHJcbiAgICAgIHJldHVyblxyXG4gICAgdGhpcy5fZXZlbnRTZXJ2aWNlLnRvZ2dsZUVkaXRvckV2ZW50LmVtaXQoZmFsc2UpO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuX2V2ZW50U2VydmljZS5lZGl0U2VjdGlvbi5lbWl0KHsgZGF0YTogdGhpcy5kYXRhIH0pO1xyXG4gICAgfSwgMTAwKTtcclxuICB9XHJcbiAgZ2V0QnV0dG9uSWQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5idXR0b24/LmlkID8/IFwiXCJcclxuICB9XHJcbiAgcmVkaXJlY3RUbygpIHtcclxuICB9XHJcbiAgZ2V0Q2xhc3MoKSB7XHJcbiAgICBpZiAodGhpcy5jb250ZW50Py5saXN0SXRlbT8uZGF0YT8ubGVuZ3RoID09PSAxKSB7XHJcbiAgICAgIHJldHVybiAnY29sLTEyJztcclxuICAgIH0gZWxzZSBpZiAodGhpcy5jb250ZW50Py5saXN0SXRlbT8uZGF0YT8ubGVuZ3RoID09PSAyKSB7XHJcbiAgICAgIHJldHVybiAnY29sLTUnO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLmNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhPy5sZW5ndGggPT09IDMpIHtcclxuICAgICAgcmV0dXJuICdjb2wtNCc7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuY29udGVudD8ubGlzdEl0ZW0/LmRhdGE/Lmxlbmd0aCA9PT0gNCkge1xyXG4gICAgICByZXR1cm4gJ2NvbC0zJztcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHJldHVybiAnY29sLTMnO1xyXG4gICAgfVxyXG5cclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24+XHJcbiAgPGRpdiBjbGFzcz1cInByaWNpbmctb3B0aW9ucyByb3cgdy0xMDBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJpbmRpdmlkdWFsLW9wdGlvbnMgZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1iZXR3ZWVuIG10LTQgbWItMiBhbGlnbi1pdGVtcy1jZW50ZXJcIiBbYXR0ci5jbGFzc109XCJnZXRDbGFzcygpXCJcclxuICAgICAgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvQ29ybmVyXT1cInN0eWxlPy5jb3JuZXJzXCIgW3NpbXBvVHJhbnNsYXRlT25ob3Zlcl09XCJjb250ZW50Py5kaXNwbGF5Py5zaG93SG92ZXJFZmZlY3RcIlxyXG4gICAgICAqbmdGb3I9XCJsZXQgb3B0aW9ucyBvZiBjb250ZW50Py5saXN0SXRlbT8uZGF0YVwiIFtuZ0NsYXNzXT1cInsnaGlnaGxpZ2h0ZWQtb3B0aW9uJzogb3B0aW9ucz8uaGlnaGxpZ2h0Py5oaWdobGlnaHRlZCA9PT0gdHJ1ZSxcclxuICAgICAgICAgICdpbmRpdmlkdWFsLW9wdGlvbnMtMyc6IGNvbnRlbnQ/Lmxpc3RJdGVtPy5kYXRhPy5sZW5ndGggPT09IDMgfHwgY29udGVudD8ubGlzdEl0ZW0/LmRhdGE/Lmxlbmd0aCA9PT0gMn1cIlxyXG4gICAgICBbbmdTdHlsZV09XCJ7J2JvcmRlcic6IG9wdGlvbnM/LmhpZ2hsaWdodD8uaGlnaGxpZ2h0ZWQgPT09IHRydWUgPyAnM3B4IHNvbGlkICcgKyBkYXRhPy5zdHlsZXM/LmJhY2tncm91bmQ/LmFjY2VudENvbG9yIDogJyd9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJwb3B1bGFyLXRhZ1wiIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiXHJcbiAgICAgICAgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogZGF0YT8uc3R5bGVzPy5iYWNrZ3JvdW5kPy5hY2NlbnRDb2xvcn1cIlxyXG4gICAgICAgICpuZ0lmPVwib3B0aW9ucz8uaGlnaGxpZ2h0Py5oaWdobGlnaHRlZCA9PT0gdHJ1ZVwiPlxyXG4gICAgICAgIDxzaW1wby10ZXh0LWVkaXRvciBbKHZhbHVlKV09XCJvcHRpb25zLmhpZ2hsaWdodC5sYWJlbFwiIFtlZGl0YWJsZV09XCJlZGl0IHx8IGZhbHNlXCI+PC9zaW1wby10ZXh0LWVkaXRvcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGltZyBsb2FkaW5nPVwibGF6eVwiIGNsYXNzPVwibG9nby1pbWdcIiAqbmdJZj1cImNvbnRlbnQ/LmRpc3BsYXk/LnNob3dJbWFnZSA9PT0gdHJ1ZVwiXHJcbiAgICAgICAgICBbc2ltcG9JbWFnZURpcmVjdGl2ZV09XCJzdHlsZT8uaW1hZ2VcIiBbaWRdPVwiZGF0YT8uaWRcIiBbc2ltcG9PYmplY3RQb3NpdGlvbl09XCJvcHRpb25zLmltYWdlLnBvc2l0aW9uXCJcclxuICAgICAgICAgIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiIFtzcmNdPVwib3B0aW9ucy5pbWFnZS51cmwgXCIgYWx0PVwiXCIgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICAgICAgW2FwcEltYWdlRWRpdG9yXT1cImVkaXQgfHwgZmFsc2VcIiBbaW1hZ2VEYXRhXT1cIm9wdGlvbnM/LmltYWdlXCIgW3NlY3Rpb25JZF09XCJkYXRhPy5pZFwiXHJcbiAgICAgICAgICBbY2xhc3NdPVwiZGF0YT8uaWQrKG9wdGlvbnM/LmltYWdlPy5pZCB8fCAnJylcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGluZy1zbWFsbFwiPlxyXG4gICAgICAgICAgPHNpbXBvLXRleHQtZWRpdG9yIFsodmFsdWUpXT1cIm9wdGlvbnMuaW5wdXRUZXh0WzBdLnZhbHVlXCIgW2VkaXRhYmxlXT1cImVkaXQgfHwgZmFsc2VcIj48L3NpbXBvLXRleHQtZWRpdG9yPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLWxhcmdlIHByaWNlXCI+XHJcbiAgICAgICAgICA8c2ltcG8tdGV4dC1lZGl0b3IgWyh2YWx1ZSldPVwib3B0aW9ucy5pbnB1dFRleHRbMl0udmFsdWVcIiBbZWRpdGFibGVdPVwiZWRpdCB8fCBmYWxzZVwiPjwvc2ltcG8tdGV4dC1lZGl0b3I+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJvZHktZGVzYyBtYi0zXCI+XHJcbiAgICAgICAgICA8c2ltcG8tdGV4dC1lZGl0b3IgWyh2YWx1ZSldPVwib3B0aW9ucy5pbnB1dFRleHRbM10udmFsdWVcIiBbZWRpdGFibGVdPVwiZWRpdCB8fCBmYWxzZVwiPjwvc2ltcG8tdGV4dC1lZGl0b3I+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJvZHktZGVzYyBjb250ZW50LW9wdGlvbnNcIiAqbmdJZj1cImNvbnRlbnQ/LmRpc3BsYXk/LnNob3dJbmNsdWRlZGl0ZW1zXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGdhcC0xNVwiICpuZ0Zvcj1cImxldCBjb250ZW50IG9mIG9wdGlvbnMuYWRkaXRpb25hbERhdGFcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICA8IS0tIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICAgICAgPHJlY3Qgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgcng9XCIxMlwiIGZpbGw9XCIjRUVGMEZDXCIgLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCJcclxuICAgICAgICAgICAgICAgICAgZD1cIk0xNy4wOTY1IDcuMzkwMDRMOS45MzY1IDE0LjNMOC4wMzY1IDEyLjI3QzcuNjg2NSAxMS45NCA3LjEzNjUgMTEuOTIgNi43MzY1IDEyLjJDNi4zNDY1IDEyLjQ5IDYuMjM2NSAxMyA2LjQ3NjUgMTMuNDFMOC43MjY1IDE3LjA3QzguOTQ2NSAxNy40MSA5LjMyNjUgMTcuNjIgOS43NTY1IDE3LjYyQzEwLjE2NjUgMTcuNjIgMTAuNTU2NSAxNy40MSAxMC43NzY1IDE3LjA3QzExLjEzNjUgMTYuNiAxOC4wMDY1IDguNDEwMDQgMTguMDA2NSA4LjQxMDA0QzE4LjkwNjUgNy40OTAwNCAxNy44MTY1IDYuNjgwMDQgMTcuMDk2NSA3LjM4MDA0VjcuMzkwMDRaXCJcclxuICAgICAgICAgICAgICAgICAgZmlsbD1cIiM0QzYzRDlcIiAvPlxyXG4gICAgICAgICAgICAgIDwvc3ZnPiAtLT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxzaW1wby10ZXh0LWVkaXRvciBbKHZhbHVlKV09XCJjb250ZW50LmNvbnRlbnRcIiBbZWRpdGFibGVdPVwiZWRpdCB8fCBmYWxzZVwiPjwvc2ltcG8tdGV4dC1lZGl0b3I+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJidG4gdy03NSBtdC00IHAtMCBib3JkZXItMFwiICpuZ0lmPVwiY29udGVudD8uZGlzcGxheT8uc2hvd0J1dHRvbiA9PT0gdHJ1ZVwiPlxyXG4gICAgICAgIDwhLS0gPGJ1dHRvbiBjbGFzcz1cImJ1dHRvblwiIHNpbXBvQnV0dG9uRGlyZWN0aXZlIFtpZF09XCJkYXRhPy5pZCsoYnV0dG9uPy5pZCB8fCAnJylcIiBbYnV0dG9uU3R5bGVdPVwiYnV0dG9uPy5zdHlsZXNcIiBbY29sb3JdPVwiZGF0YT8uc3R5bGVzPy5iYWNrZ3JvdW5kPy5hY2NlbnRDb2xvclwiIFtiYWNrZ3JvdW5kSW5mb109XCJzdHlsZT8uYmFja2dyb3VuZFwiPnt7b3B0aW9ucz8uYnV0dG9uPy5sYWJlbH19PC9idXR0b24+IC0tPlxyXG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJjdXN0b20tYnRuXCIgW2J1dHRvbkRhdGFdPVwib3B0aW9ucz8uYnV0dG9uXCIgW2J1dHRvblN0eWxlXT1cImJ1dHRvbj8uc3R5bGVzXCIgc2ltcG9CdXR0b25EaXJlY3RpdmVcclxuICAgICAgICAgIFtpZF09XCJkYXRhPy5pZCsoYnV0dG9uPy5pZCB8fCAnJylcIiBbc2VjdGlvbklkXT1cImRhdGE/LmlkXCIgW2NvbG9yXT1cImRhdGE/LnN0eWxlcz8uYmFja2dyb3VuZD8uYWNjZW50Q29sb3JcIlxyXG4gICAgICAgICAgW2JhY2tncm91bmRJbmZvXT1cImRhdGE/LnN0eWxlcz8uYmFja2dyb3VuZFwiIFthcHBCdXR0b25FZGl0b3JdPVwiZWRpdCA/PyBmYWxzZVwiIFtidXR0b25JZF09XCJnZXRCdXR0b25JZCgpXCJcclxuICAgICAgICAgIChjbGljayk9XCJyZWRpcmVjdFRvKClcIj57e29wdGlvbnM/LmJ1dHRvbj8ubGFiZWx9fTwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19

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

@@ -30,12 +30,12 @@ export class PropertyComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PropertyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PropertyComponent, isStandalone: true, selector: "simpo-property", inputs: { element: "element" }, ngImport: i0, template: "<div class=\"main-container w-100\" [ngStyle]=\"{ 'background-image': 'url(' + obj.backgroundImageUrl + ')' }\">\n    <div class=\"data p-3 w-100\">\n        <div class=\"top-data d-flex justify-content-between\">\n            <div class=\"top-left d-flex g-10\">\n                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/697059c1737627380633Rectangle%2034625906.png\"\n                    alt=\"logo-text\">\n                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\n                    <div class=\"text-heading clr-white\">{{obj.heading}}</div>\n                    <div class=\"d-flex sub-text\"><img\n                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{obj.location.city\n                        + \", \" + obj.location.state}}</div>\n                </div>\n            </div>\n            <div class=\"top-right text-right\">\n                <div class=\"xl-text mb-10\">{{obj.minInvestment}}</div>\n                <div class=\"nrml-text\">Min.Investment</div>\n            </div>\n        </div>\n        <div class=\"bottom-data d-flex justify-content-between align-items-center\">\n            <div class=\"key-value d-flex flex-column\" *ngFor=\"let ele of obj.features\">\n                <div class=\"text-heading clr-grey\">{{ele.value}}</div>\n                <div class=\"text-heading clr-grey\">{{ele.key}}</div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".main-container{background-repeat:no-repeat;background-size:cover;height:40vh;position:relative}.data{position:absolute;bottom:0}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:17px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PropertyComponent, isStandalone: true, selector: "simpo-property", inputs: { element: "element" }, ngImport: i0, template: "<div class=\"main-container w-100\" [ngStyle]=\"{ 'background-image': 'url(' + obj.backgroundImageUrl + ')' }\">\r\n    <div class=\"data p-3 w-100\">\r\n        <div class=\"top-data d-flex justify-content-between\">\r\n            <div class=\"top-left d-flex g-10\">\r\n                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/697059c1737627380633Rectangle%2034625906.png\"\r\n                    alt=\"logo-text\">\r\n                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\r\n                    <div class=\"text-heading clr-white\">{{obj.heading}}</div>\r\n                    <div class=\"d-flex sub-text\"><img\r\n                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{obj.location.city\r\n                        + \", \" + obj.location.state}}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"top-right text-right\">\r\n                <div class=\"xl-text mb-10\">{{obj.minInvestment}}</div>\r\n                <div class=\"nrml-text\">Min.Investment</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"bottom-data d-flex justify-content-between align-items-center\">\r\n            <div class=\"key-value d-flex flex-column\" *ngFor=\"let ele of obj.features\">\r\n                <div class=\"text-heading clr-grey\">{{ele.value}}</div>\r\n                <div class=\"text-heading clr-grey\">{{ele.key}}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-container{background-repeat:no-repeat;background-size:cover;height:40vh;position:relative}.data{position:absolute;bottom:0}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:17px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PropertyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'simpo-property', standalone: true, imports: [NgStyle, NgFor, CommonModule], template: "<div class=\"main-container w-100\" [ngStyle]=\"{ 'background-image': 'url(' + obj.backgroundImageUrl + ')' }\">\n    <div class=\"data p-3 w-100\">\n        <div class=\"top-data d-flex justify-content-between\">\n            <div class=\"top-left d-flex g-10\">\n                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/697059c1737627380633Rectangle%2034625906.png\"\n                    alt=\"logo-text\">\n                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\n                    <div class=\"text-heading clr-white\">{{obj.heading}}</div>\n                    <div class=\"d-flex sub-text\"><img\n                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{obj.location.city\n                        + \", \" + obj.location.state}}</div>\n                </div>\n            </div>\n            <div class=\"top-right text-right\">\n                <div class=\"xl-text mb-10\">{{obj.minInvestment}}</div>\n                <div class=\"nrml-text\">Min.Investment</div>\n            </div>\n        </div>\n        <div class=\"bottom-data d-flex justify-content-between align-items-center\">\n            <div class=\"key-value d-flex flex-column\" *ngFor=\"let ele of obj.features\">\n                <div class=\"text-heading clr-grey\">{{ele.value}}</div>\n                <div class=\"text-heading clr-grey\">{{ele.key}}</div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".main-container{background-repeat:no-repeat;background-size:cover;height:40vh;position:relative}.data{position:absolute;bottom:0}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:17px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}\n"] }]
+            args: [{ selector: 'simpo-property', standalone: true, imports: [NgStyle, NgFor, CommonModule], template: "<div class=\"main-container w-100\" [ngStyle]=\"{ 'background-image': 'url(' + obj.backgroundImageUrl + ')' }\">\r\n    <div class=\"data p-3 w-100\">\r\n        <div class=\"top-data d-flex justify-content-between\">\r\n            <div class=\"top-left d-flex g-10\">\r\n                <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/697059c1737627380633Rectangle%2034625906.png\"\r\n                    alt=\"logo-text\">\r\n                <div class=\"top-left-text text-left d-flex flex-column justify-content-center\">\r\n                    <div class=\"text-heading clr-white\">{{obj.heading}}</div>\r\n                    <div class=\"d-flex sub-text\"><img\r\n                            src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\">{{obj.location.city\r\n                        + \", \" + obj.location.state}}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"top-right text-right\">\r\n                <div class=\"xl-text mb-10\">{{obj.minInvestment}}</div>\r\n                <div class=\"nrml-text\">Min.Investment</div>\r\n            </div>\r\n        </div>\r\n        <div class=\"bottom-data d-flex justify-content-between align-items-center\">\r\n            <div class=\"key-value d-flex flex-column\" *ngFor=\"let ele of obj.features\">\r\n                <div class=\"text-heading clr-grey\">{{ele.value}}</div>\r\n                <div class=\"text-heading clr-grey\">{{ele.key}}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".main-container{background-repeat:no-repeat;background-size:cover;height:40vh;position:relative}.data{position:absolute;bottom:0}.g-10{gap:10px}.mb-10{margin-bottom:10px}.text-heading{font-weight:700;font-size:18px}.clr-white{color:#fff}.clr-grey{color:#000000b3}.sub-text{font-weight:600;font-size:17px;color:#ffffffb3}.xl-text{font-size:28px;line-height:17px;font-weight:700;color:#f09819}.nrml-text{font-size:16px;font-weight:500;color:#fff6}.bottom-data{background:#fff;padding:10px;border-radius:8px;margin-top:10px}\n"] }]
         }], propDecorators: { element: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9wcm9wZXJ0eS9wcm9wZXJ0eS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnR5L3Byb3BlcnR5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVdqRCxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBYUUsUUFBRyxHQUFTO1lBQ1YsT0FBTyxFQUFHLFdBQVc7WUFDckIsUUFBUSxFQUFHO2dCQUNULElBQUksRUFBRyxXQUFXO2dCQUNsQixLQUFLLEVBQUcsV0FBVzthQUNwQjtZQUNELFFBQVEsRUFBRyxFQUFFO1lBQ2IsU0FBUyxFQUFFLEVBQUU7WUFDYixhQUFhLEVBQUcsT0FBTztZQUN2QixRQUFRLEVBQUc7Z0JBQ1Q7b0JBQ0UsR0FBRyxFQUFHLGdCQUFnQjtvQkFDdEIsS0FBSyxFQUFHLEtBQUs7aUJBQ2Q7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFHLEtBQUs7b0JBQ1gsS0FBSyxFQUFHLEtBQUs7aUJBQ2Q7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFHLDJCQUEyQjtvQkFDakMsS0FBSyxFQUFHLElBQUk7aUJBQ2I7YUFDRjtZQUNELGtCQUFrQixFQUFHLG9HQUFvRztTQUMxSCxDQUFBO0tBRUY7K0dBaENZLGlCQUFpQjttR0FBakIsaUJBQWlCLDBHQ1o5QixvZ0RBeUJNLHFrQkRqQk0sT0FBTywyRUFBQyxLQUFLLGtIQUFDLFlBQVk7OzRGQUl6QixpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFDLEtBQUssRUFBQyxZQUFZLENBQUM7OEJBTzVCLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdGb3IsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUHJvcGVydHkgfSBmcm9tICdAc2ltcG8tdWkvc2VjdGlvbnMvcHJvcGVydHktY29tcG9uZW50L3Byb3BlcnR5LWNvbXBvbmVudC5tb2RhbCc7XG5pbXBvcnQgeyBmZWF0dXJlcyB9IGZyb20gJ3Byb2Nlc3MnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wcm9wZXJ0eScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N0eWxlLE5nRm9yLENvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9wZXJ0eS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9wcm9wZXJ0eS5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQcm9wZXJ0eUNvbXBvbmVudCBcbntcblxuICBASW5wdXQoKSBlbGVtZW50PzogUHJvcGVydHk7XG4gIFxuXG4gIG9iaiA6IGFueSA9IHtcbiAgICBoZWFkaW5nIDogXCJBbmF0YSBPbmVcIixcbiAgICBsb2NhdGlvbiA6IHtcbiAgICAgIGNpdHkgOiBcIkh5ZGVyYWJhZFwiLFxuICAgICAgc3RhdGUgOiBcIlRlbGFuZ2FuYVwiXG4gICAgfSxcbiAgICBsYXRpdHVkZSA6IFwiXCIsXG4gICAgbG9uZ2l0dWRlOiBcIlwiLFxuICAgIG1pbkludmVzdG1lbnQgOiBcIjUgTGFjXCIsXG4gICAgZmVhdHVyZXMgOiBbXG4gICAgICB7XG4gICAgICAgIGtleSA6IFwiQW5udWFsIFJldHVybnNcIixcbiAgICAgICAgdmFsdWUgOiBcIjEwJVwiXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBrZXkgOiBcIklSUlwiLFxuICAgICAgICB2YWx1ZSA6IFwiMTglXCJcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGtleSA6IFwiR3VhcmFudGVlZCBjYXBpdGFsIGdyb3d0aFwiLFxuICAgICAgICB2YWx1ZSA6IFwiNSVcIlxuICAgICAgfVxuICAgIF0sXG4gICAgYmFja2dyb3VuZEltYWdlVXJsIDogXCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzYwNzkyM2MxNzM3NjI3MDc3MDA1aW1hZ2UlMjAlMjg0JTI5LnBuZ1wiXG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm1haW4tY29udGFpbmVyIHctMTAwXCIgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoJyArIG9iai5iYWNrZ3JvdW5kSW1hZ2VVcmwgKyAnKScgfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJkYXRhIHAtMyB3LTEwMFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWRhdGEgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWxlZnQgZC1mbGV4IGctMTBcIj5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvNjk3MDU5YzE3Mzc2MjczODA2MzNSZWN0YW5nbGUlMjAzNDYyNTkwNi5wbmdcIlxuICAgICAgICAgICAgICAgICAgICBhbHQ9XCJsb2dvLXRleHRcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWxlZnQtdGV4dCB0ZXh0LWxlZnQgZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtaGVhZGluZyBjbHItd2hpdGVcIj57e29iai5oZWFkaW5nfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBzdWItdGV4dFwiPjxpbWdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzcmM9XCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzM4NDI3NWMxNzM3NjI5NzI5NTQ1bG9jYXRpb25fb24ucG5nXCI+e3tvYmoubG9jYXRpb24uY2l0eVxuICAgICAgICAgICAgICAgICAgICAgICAgKyBcIiwgXCIgKyBvYmoubG9jYXRpb24uc3RhdGV9fTwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLXJpZ2h0IHRleHQtcmlnaHRcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwieGwtdGV4dCBtYi0xMFwiPnt7b2JqLm1pbkludmVzdG1lbnR9fTwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJucm1sLXRleHRcIj5NaW4uSW52ZXN0bWVudDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLWRhdGEgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImtleS12YWx1ZSBkLWZsZXggZmxleC1jb2x1bW5cIiAqbmdGb3I9XCJsZXQgZWxlIG9mIG9iai5mZWF0dXJlc1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWhlYWRpbmcgY2xyLWdyZXlcIj57e2VsZS52YWx1ZX19PC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtaGVhZGluZyBjbHItZ3JleVwiPnt7ZWxlLmtleX19PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9wcm9wZXJ0eS9wcm9wZXJ0eS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnR5L3Byb3BlcnR5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVdqRCxNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBYUUsUUFBRyxHQUFTO1lBQ1YsT0FBTyxFQUFHLFdBQVc7WUFDckIsUUFBUSxFQUFHO2dCQUNULElBQUksRUFBRyxXQUFXO2dCQUNsQixLQUFLLEVBQUcsV0FBVzthQUNwQjtZQUNELFFBQVEsRUFBRyxFQUFFO1lBQ2IsU0FBUyxFQUFFLEVBQUU7WUFDYixhQUFhLEVBQUcsT0FBTztZQUN2QixRQUFRLEVBQUc7Z0JBQ1Q7b0JBQ0UsR0FBRyxFQUFHLGdCQUFnQjtvQkFDdEIsS0FBSyxFQUFHLEtBQUs7aUJBQ2Q7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFHLEtBQUs7b0JBQ1gsS0FBSyxFQUFHLEtBQUs7aUJBQ2Q7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFHLDJCQUEyQjtvQkFDakMsS0FBSyxFQUFHLElBQUk7aUJBQ2I7YUFDRjtZQUNELGtCQUFrQixFQUFHLG9HQUFvRztTQUMxSCxDQUFBO0tBRUY7K0dBaENZLGlCQUFpQjttR0FBakIsaUJBQWlCLDBHQ1o5QixzakRBeUJNLHFrQkRqQk0sT0FBTywyRUFBQyxLQUFLLGtIQUFDLFlBQVk7OzRGQUl6QixpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFDLEtBQUssRUFBQyxZQUFZLENBQUM7OEJBTzVCLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSwgTmdGb3IsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFByb3BlcnR5IH0gZnJvbSAnQHNpbXBvLXVpL3NlY3Rpb25zL3Byb3BlcnR5LWNvbXBvbmVudC9wcm9wZXJ0eS1jb21wb25lbnQubW9kYWwnO1xyXG5pbXBvcnQgeyBmZWF0dXJlcyB9IGZyb20gJ3Byb2Nlc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1wcm9wZXJ0eScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdTdHlsZSxOZ0ZvcixDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9wZXJ0eS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3Byb3BlcnR5LmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcm9wZXJ0eUNvbXBvbmVudCBcclxue1xyXG5cclxuICBASW5wdXQoKSBlbGVtZW50PzogUHJvcGVydHk7XHJcbiAgXHJcblxyXG4gIG9iaiA6IGFueSA9IHtcclxuICAgIGhlYWRpbmcgOiBcIkFuYXRhIE9uZVwiLFxyXG4gICAgbG9jYXRpb24gOiB7XHJcbiAgICAgIGNpdHkgOiBcIkh5ZGVyYWJhZFwiLFxyXG4gICAgICBzdGF0ZSA6IFwiVGVsYW5nYW5hXCJcclxuICAgIH0sXHJcbiAgICBsYXRpdHVkZSA6IFwiXCIsXHJcbiAgICBsb25naXR1ZGU6IFwiXCIsXHJcbiAgICBtaW5JbnZlc3RtZW50IDogXCI1IExhY1wiLFxyXG4gICAgZmVhdHVyZXMgOiBbXHJcbiAgICAgIHtcclxuICAgICAgICBrZXkgOiBcIkFubnVhbCBSZXR1cm5zXCIsXHJcbiAgICAgICAgdmFsdWUgOiBcIjEwJVwiXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBrZXkgOiBcIklSUlwiLFxyXG4gICAgICAgIHZhbHVlIDogXCIxOCVcIlxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAga2V5IDogXCJHdWFyYW50ZWVkIGNhcGl0YWwgZ3Jvd3RoXCIsXHJcbiAgICAgICAgdmFsdWUgOiBcIjUlXCJcclxuICAgICAgfVxyXG4gICAgXSxcclxuICAgIGJhY2tncm91bmRJbWFnZVVybCA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy82MDc5MjNjMTczNzYyNzA3NzAwNWltYWdlJTIwJTI4NCUyOS5wbmdcIlxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1haW4tY29udGFpbmVyIHctMTAwXCIgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoJyArIG9iai5iYWNrZ3JvdW5kSW1hZ2VVcmwgKyAnKScgfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhdGEgcC0zIHctMTAwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRvcC1kYXRhIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWxlZnQgZC1mbGV4IGctMTBcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy82OTcwNTljMTczNzYyNzM4MDYzM1JlY3RhbmdsZSUyMDM0NjI1OTA2LnBuZ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgYWx0PVwibG9nby10ZXh0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWxlZnQtdGV4dCB0ZXh0LWxlZnQgZC1mbGV4IGZsZXgtY29sdW1uIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1oZWFkaW5nIGNsci13aGl0ZVwiPnt7b2JqLmhlYWRpbmd9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggc3ViLXRleHRcIj48aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzcmM9XCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzM4NDI3NWMxNzM3NjI5NzI5NTQ1bG9jYXRpb25fb24ucG5nXCI+e3tvYmoubG9jYXRpb24uY2l0eVxyXG4gICAgICAgICAgICAgICAgICAgICAgICArIFwiLCBcIiArIG9iai5sb2NhdGlvbi5zdGF0ZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtcmlnaHQgdGV4dC1yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInhsLXRleHQgbWItMTBcIj57e29iai5taW5JbnZlc3RtZW50fX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJucm1sLXRleHRcIj5NaW4uSW52ZXN0bWVudDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLWRhdGEgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwia2V5LXZhbHVlIGQtZmxleCBmbGV4LWNvbHVtblwiICpuZ0Zvcj1cImxldCBlbGUgb2Ygb2JqLmZlYXR1cmVzXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1oZWFkaW5nIGNsci1ncmV5XCI+e3tlbGUudmFsdWV9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtaGVhZGluZyBjbHItZ3JleVwiPnt7ZWxlLmtleX19PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==