simpo-component-library 3.0.1 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (206) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/components/delete-hover-element/delete-hover-element.component.mjs +3 -3
  3. package/esm2022/lib/components/document/document.component.mjs +3 -3
  4. package/esm2022/lib/components/image-loading/image-loading.component.mjs +3 -3
  5. package/esm2022/lib/components/payment-details/payment-details.component.mjs +3 -3
  6. package/esm2022/lib/constants/business.constant.mjs +1 -1
  7. package/esm2022/lib/directive/blur-content.directive.mjs +1 -1
  8. package/esm2022/lib/directive/borderlessImage.directive.mjs +1 -1
  9. package/esm2022/lib/directive/button-directive.directive.mjs +1 -1
  10. package/esm2022/lib/directive/color.directive.mjs +1 -1
  11. package/esm2022/lib/directive/column-directive.directive.mjs +1 -1
  12. package/esm2022/lib/directive/container-alignment.directive.mjs +1 -1
  13. package/esm2022/lib/directive/container-fir.directive.mjs +1 -1
  14. package/esm2022/lib/directive/content-title-spacing.directive.mjs +1 -1
  15. package/esm2022/lib/directive/corner-directive.mjs +1 -1
  16. package/esm2022/lib/directive/hoverborder.directive.mjs +1 -1
  17. package/esm2022/lib/directive/image-container.directive.mjs +1 -1
  18. package/esm2022/lib/directive/image-directive.directive.mjs +1 -1
  19. package/esm2022/lib/directive/image-position.directive.mjs +1 -1
  20. package/esm2022/lib/directive/position-layout-directive.directive.mjs +1 -1
  21. package/esm2022/lib/directive/spacing-around.directive.mjs +1 -1
  22. package/esm2022/lib/directive/spacing-horizontal.directive.mjs +1 -1
  23. package/esm2022/lib/directive/sticky-directive.mjs +1 -1
  24. package/esm2022/lib/directive/text-background-directive.directive.mjs +1 -1
  25. package/esm2022/lib/directive/text-size.directive.mjs +1 -1
  26. package/esm2022/lib/directive/wrap-containers.directive.mjs +1 -1
  27. package/esm2022/lib/ecommerce/sections/address/address.component.mjs +3 -3
  28. package/esm2022/lib/ecommerce/sections/authenticate-user/authenticate-user.component.mjs +3 -3
  29. package/esm2022/lib/ecommerce/sections/authentication-required/authentication-required.component.mjs +3 -3
  30. package/esm2022/lib/ecommerce/sections/cart/cart.component.mjs +3 -3
  31. package/esm2022/lib/ecommerce/sections/cart/cart.modal.mjs +1 -1
  32. package/esm2022/lib/ecommerce/sections/category-product/category-product.component.mjs +3 -3
  33. package/esm2022/lib/ecommerce/sections/category-product/category-product.model.mjs +1 -1
  34. package/esm2022/lib/ecommerce/sections/checkout/checkout.component.mjs +3 -3
  35. package/esm2022/lib/ecommerce/sections/checkout/checkout.modal.mjs +1 -1
  36. package/esm2022/lib/ecommerce/sections/customer-review/customer-review.component.mjs +3 -3
  37. package/esm2022/lib/ecommerce/sections/customer-review/customer-review.model.mjs +1 -1
  38. package/esm2022/lib/ecommerce/sections/featured-category/featured-category.component.mjs +3 -3
  39. package/esm2022/lib/ecommerce/sections/featured-category/featured-category.modal.mjs +1 -1
  40. package/esm2022/lib/ecommerce/sections/featured-category/featured-collection.component.mjs +3 -3
  41. package/esm2022/lib/ecommerce/sections/featured-products/featured-products.component.mjs +3 -3
  42. package/esm2022/lib/ecommerce/sections/featured-products/featured-products.modal.mjs +1 -1
  43. package/esm2022/lib/ecommerce/sections/item-varient/item-varient.component.mjs +3 -3
  44. package/esm2022/lib/ecommerce/sections/order-details/order-details.component.mjs +3 -3
  45. package/esm2022/lib/ecommerce/sections/pagnination/pagnination.component.mjs +3 -3
  46. package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.component.mjs +3 -3
  47. package/esm2022/lib/ecommerce/sections/product-category-list/product-category-list.model.mjs +1 -1
  48. package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +3 -3
  49. package/esm2022/lib/ecommerce/sections/product-desc/product-desc.modal.mjs +1 -1
  50. package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +3 -3
  51. package/esm2022/lib/ecommerce/sections/product-list/product-list.modal.mjs +1 -1
  52. package/esm2022/lib/ecommerce/sections/small-product-listing/small-product-listing.component.mjs +3 -3
  53. package/esm2022/lib/ecommerce/sections/user-basic-info/user-basic-info.component.mjs +3 -3
  54. package/esm2022/lib/ecommerce/sections/user-profile/user-profile.component.mjs +3 -3
  55. package/esm2022/lib/ecommerce/sections/user-profile/user-profile.modal.mjs +1 -1
  56. package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.component.mjs +3 -3
  57. package/esm2022/lib/ecommerce/sections/verify-payment/verify-payment.model.mjs +1 -1
  58. package/esm2022/lib/ecommerce/sections/whislist/whislist.component.mjs +3 -3
  59. package/esm2022/lib/ecommerce/styles/BaseCollection.modal.mjs +1 -1
  60. package/esm2022/lib/ecommerce/styles/Collection.modal.mjs +1 -1
  61. package/esm2022/lib/ecommerce/styles/OrderedItems.modal.mjs +1 -1
  62. package/esm2022/lib/ecommerce/styles/PincodeLocation.model.mjs +1 -1
  63. package/esm2022/lib/ecommerce/styles/PincodeLocationInter.model.mjs +1 -1
  64. package/esm2022/lib/ecommerce/styles/cart.modal.mjs +1 -1
  65. package/esm2022/lib/ecommerce/styles/category.modal.mjs +1 -1
  66. package/esm2022/lib/ecommerce/styles/order.modal.mjs +1 -1
  67. package/esm2022/lib/ecommerce/styles/product.modal.mjs +1 -1
  68. package/esm2022/lib/ecommerce/styles/review.modal.mjs +1 -1
  69. package/esm2022/lib/ecommerce/styles/user.modal.mjs +1 -1
  70. package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +3 -3
  71. package/esm2022/lib/elements/button/button.component.mjs +3 -3
  72. package/esm2022/lib/elements/button/button.model.mjs +1 -1
  73. package/esm2022/lib/elements/card-skeleton-loader/card-skeleton-loader.component.mjs +3 -3
  74. package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +3 -3
  75. package/esm2022/lib/elements/heading-element/heading-element.component.mjs +3 -3
  76. package/esm2022/lib/elements/index.mjs +6 -7
  77. package/esm2022/lib/elements/my-documents/my-documents.component.mjs +11 -0
  78. package/esm2022/lib/elements/my-orders/my-orders.component.mjs +64 -0
  79. package/esm2022/lib/elements/my-statement/my-statement.component.mjs +26 -0
  80. package/esm2022/lib/elements/need-help/need-help.component.mjs +11 -0
  81. package/esm2022/lib/elements/payment-confirmation/payment-confirmation.component.mjs +90 -0
  82. package/esm2022/lib/elements/portfolio/portfolio.component.mjs +32 -45
  83. package/esm2022/lib/elements/properties/properties.component.mjs +40 -0
  84. package/esm2022/lib/elements/property-view/property-view.component.mjs +84 -0
  85. package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +3 -3
  86. package/esm2022/lib/elements/svg-divider/svg-divider.component.mjs +3 -3
  87. package/esm2022/lib/elements/text/text.component.mjs +3 -3
  88. package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +3 -3
  89. package/esm2022/lib/pipes/amount.pipe.mjs +1 -1
  90. package/esm2022/lib/pipes/gender.pipe.mjs +1 -1
  91. package/esm2022/lib/sections/BaseSection.mjs +1 -1
  92. package/esm2022/lib/sections/add-new-section/add-new-section.component.mjs +3 -3
  93. package/esm2022/lib/sections/appointment-form/appointment-form.component.mjs +3 -3
  94. package/esm2022/lib/sections/appointment-form/appointment-form.model.mjs +1 -1
  95. package/esm2022/lib/sections/banner-carousel/banner-carousel.component.mjs +3 -3
  96. package/esm2022/lib/sections/banner-carousel/banner-carousel.model.mjs +1 -1
  97. package/esm2022/lib/sections/banner-grid-section/banner-grid-section.component.mjs +3 -3
  98. package/esm2022/lib/sections/blog-list/blog-list.component.mjs +3 -3
  99. package/esm2022/lib/sections/blog-list/blog-list.model.mjs +1 -1
  100. package/esm2022/lib/sections/choose-us-section/choose-us-section.component.mjs +3 -3
  101. package/esm2022/lib/sections/choose-us-section/choose-us-section.model.mjs +1 -1
  102. package/esm2022/lib/sections/faq-section/faq-section.component.mjs +3 -3
  103. package/esm2022/lib/sections/faq-section/faq-section.modal.mjs +1 -1
  104. package/esm2022/lib/sections/features-section/features-section.component.mjs +3 -3
  105. package/esm2022/lib/sections/features-section/features-section.model.mjs +1 -1
  106. package/esm2022/lib/sections/header-text/header-text.component.mjs +3 -3
  107. package/esm2022/lib/sections/header-text/header-text.model.mjs +1 -1
  108. package/esm2022/lib/sections/image-carousel-section/image-carousel-section.component.mjs +3 -3
  109. package/esm2022/lib/sections/image-carousel-section/image-carousel.model.mjs +1 -1
  110. package/esm2022/lib/sections/image-grid-section/image-grid-section.component.mjs +3 -3
  111. package/esm2022/lib/sections/image-grid-section/image-grid-section.model.mjs +1 -1
  112. package/esm2022/lib/sections/image-section/image-section.component.mjs +3 -3
  113. package/esm2022/lib/sections/image-section/image-section.model.mjs +1 -1
  114. package/esm2022/lib/sections/kyc-details/kyc-details.component.mjs +163 -0
  115. package/esm2022/lib/sections/location-section/location-section.component.mjs +3 -3
  116. package/esm2022/lib/sections/location-section/location-section.modal.mjs +1 -1
  117. package/esm2022/lib/sections/logo-showcase/logo-showcase.component.mjs +3 -3
  118. package/esm2022/lib/sections/logo-showcase/logo-showcase.modal.mjs +1 -1
  119. package/esm2022/lib/sections/navbar-section/navbar-section.component.mjs +41 -12
  120. package/esm2022/lib/sections/pricing-section/pricing-section.component.mjs +3 -3
  121. package/esm2022/lib/sections/pricing-section/pricing-section.modal.mjs +1 -1
  122. package/esm2022/lib/sections/process-modern/process-modern.component.mjs +3 -3
  123. package/esm2022/lib/sections/process-modern/process-modern.model.mjs +1 -1
  124. package/esm2022/lib/sections/process-section/process-section.component.mjs +3 -3
  125. package/esm2022/lib/sections/process-section/process-section.modal.mjs +1 -1
  126. package/esm2022/lib/sections/profile-section/profile-section.component.mjs +52 -0
  127. package/esm2022/lib/sections/profile-section/profile-section.modal.mjs +2 -0
  128. package/esm2022/lib/sections/property-component/property-component.component.mjs +84 -7
  129. package/esm2022/lib/sections/property-component/property-component.modal.mjs +1 -1
  130. package/esm2022/lib/sections/property-detail/property-detail.component.mjs +149 -0
  131. package/esm2022/lib/sections/property-detail/property-detail.model.mjs +2 -0
  132. package/esm2022/lib/sections/property-list/property-list.component.mjs +29 -57
  133. package/esm2022/lib/sections/property-list/property-list.modal.mjs +1 -1
  134. package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.component.mjs +3 -3
  135. package/esm2022/lib/sections/recent-blog-post-section/recent-blog-post-section.model.mjs +1 -1
  136. package/esm2022/lib/sections/registration-form/registration-form.component.mjs +3 -3
  137. package/esm2022/lib/sections/registration-form/registrationForm.model.mjs +1 -1
  138. package/esm2022/lib/sections/service-section/service-section.component.mjs +3 -3
  139. package/esm2022/lib/sections/service-section/service-section.model.mjs +1 -1
  140. package/esm2022/lib/sections/signup-signin/signup-signin.component.mjs +407 -0
  141. package/esm2022/lib/sections/signup-signin/signup-signin.model.mjs +2 -0
  142. package/esm2022/lib/sections/skeleton-loader-section/skeleton-loader-section.component.mjs +3 -3
  143. package/esm2022/lib/sections/team-member-section/team-member-section.component.mjs +3 -3
  144. package/esm2022/lib/sections/team-member-section/team-member-section.model.mjs +1 -1
  145. package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.component.mjs +3 -3
  146. package/esm2022/lib/sections/testimonial-fullwidth/testimonial-fullwidth.model.mjs +1 -1
  147. package/esm2022/lib/sections/testimonial-section/testimonial-section.component.mjs +3 -3
  148. package/esm2022/lib/sections/testimonial-section/testimonial-section.model.mjs +1 -1
  149. package/esm2022/lib/sections/testimonial-video/testimonial-video.component.mjs +3 -3
  150. package/esm2022/lib/sections/testimonial-video/testimonial-video.model.mjs +1 -1
  151. package/esm2022/lib/sections/text-section/text-section.model.mjs +1 -1
  152. package/esm2022/lib/sections/usp-video-section/usp-video-section.component.mjs +3 -3
  153. package/esm2022/lib/sections/usp-video-section/usp-video-section.model.mjs +1 -1
  154. package/esm2022/lib/sections/verify-property-payment/verify-property-payment.component.mjs +55 -0
  155. package/esm2022/lib/sections/video-section/video-section.component.mjs +3 -3
  156. package/esm2022/lib/sections/video-section/video-section.model.mjs +1 -1
  157. package/esm2022/lib/sections/view-blog/view-blog.component.mjs +3 -3
  158. package/esm2022/lib/services/cart.service.mjs +1 -1
  159. package/esm2022/lib/services/endUser.service.mjs +1 -1
  160. package/esm2022/lib/services/events.service.mjs +2 -1
  161. package/esm2022/lib/services/image-upload-service.service.mjs +1 -1
  162. package/esm2022/lib/services/rest.service.mjs +106 -9
  163. package/esm2022/lib/services/sanitizeHtml.mjs +1 -1
  164. package/esm2022/lib/services/storage.service.mjs +1 -1
  165. package/esm2022/lib/styles/index.mjs +6 -1
  166. package/esm2022/lib/styles/style.model.mjs +1 -1
  167. package/esm2022/lib/styles/types.mjs +1 -1
  168. package/esm2022/public-api.mjs +5 -1
  169. package/fesm2022/simpo-component-library.mjs +3407 -2284
  170. package/fesm2022/simpo-component-library.mjs.map +1 -1
  171. package/lib/directive/background-directive.d.ts +1 -1
  172. package/lib/directive/button-directive.directive.d.ts +1 -1
  173. package/lib/directive/color.directive.d.ts +1 -1
  174. package/lib/ecommerce/sections/authentication-required/authentication-required.component.d.ts +1 -1
  175. package/lib/elements/index.d.ts +2 -3
  176. package/lib/elements/my-documents/my-documents.component.d.ts +5 -0
  177. package/lib/elements/my-orders/my-orders.component.d.ts +10 -0
  178. package/lib/elements/my-statement/my-statement.component.d.ts +8 -0
  179. package/lib/elements/need-help/need-help.component.d.ts +5 -0
  180. package/lib/elements/payment-confirmation/payment-confirmation.component.d.ts +25 -0
  181. package/lib/elements/portfolio/portfolio.component.d.ts +11 -12
  182. package/lib/elements/properties/properties.component.d.ts +16 -0
  183. package/lib/elements/property-view/property-view.component.d.ts +16 -0
  184. package/lib/sections/kyc-details/kyc-details.component.d.ts +38 -0
  185. package/lib/sections/navbar-section/navbar-section.component.d.ts +9 -1
  186. package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
  187. package/lib/sections/profile-section/profile-section.component.d.ts +16 -0
  188. package/lib/sections/profile-section/profile-section.modal.d.ts +5 -0
  189. package/lib/sections/property-component/property-component.component.d.ts +25 -4
  190. package/lib/sections/property-component/property-component.modal.d.ts +11 -18
  191. package/lib/sections/property-detail/property-detail.component.d.ts +38 -0
  192. package/lib/sections/property-detail/property-detail.model.d.ts +5 -0
  193. package/lib/sections/property-list/property-list.component.d.ts +9 -2
  194. package/lib/sections/signup-signin/signup-signin.component.d.ts +65 -0
  195. package/lib/sections/signup-signin/signup-signin.model.d.ts +10 -0
  196. package/lib/sections/verify-property-payment/verify-property-payment.component.d.ts +16 -0
  197. package/lib/services/events.service.d.ts +1 -0
  198. package/lib/services/rest.service.d.ts +26 -0
  199. package/lib/styles/index.d.ts +4 -0
  200. package/package.json +1 -1
  201. package/public-api.d.ts +4 -0
  202. package/simpo-component-library-3.0.3.tgz +0 -0
  203. package/src/lib/styles/global-styles.css +86 -86
  204. package/esm2022/lib/elements/property/property.component.mjs +0 -41
  205. package/lib/elements/property/property.component.d.ts +0 -8
  206. package/simpo-component-library-3.0.1.tgz +0 -0
@@ -0,0 +1,26 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { Component } from '@angular/core';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@angular/common";
5
+ export class MyStatementComponent {
6
+ constructor() {
7
+ this.tableHeaders = ["Amount", "Status", "Payment Method", "Remarks"];
8
+ this.tableData = [
9
+ { amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
10
+ { amount: 12000, status: "SUCCESS", method: "UPI", remarks: "Property Purchased" },
11
+ { amount: 12000, status: "PENDING", method: "Credit Card", remarks: "Property Purchased" },
12
+ { amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
13
+ { amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
14
+ { amount: 12000, status: "FAILED", method: "UPI", remarks: "Property Purchased" },
15
+ { amount: 12000, status: "SUCCESS", method: "UPI", remarks: "Property Purchased" },
16
+ { amount: 12000, status: "FAILED", method: "Credit Card", remarks: "Property Purchased" },
17
+ ];
18
+ }
19
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyStatementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
20
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyStatementComponent, isStandalone: true, selector: "simpo-my-statement", ngImport: i0, template: "<div class=\"main-container\">\r\n <div class=\"header\">Transaction History</div>\r\n <div class=\"table-container\">\r\n <table class=\"w-100\">\r\n <thead>\r\n <th *ngFor=\"let head of tableHeaders\">{{head}}</th>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let data of tableData\">\r\n <td>{{data.amount}}</td>\r\n <td><div [class.success]=\"data.status == 'SUCCESS'\" [class.pending]=\"data.status == 'PENDING'\" [class.failed]=\"data.status == 'FAILED'\" class=\"common-style\"> &#x2022;&nbsp;{{data.status | titlecase}}</div></td>\r\n <td>{{data.method}}</td>\r\n <td>{{data.remarks.length > 15 ? data.remarks.substring(0,15)+\"...\" : data.remarks}}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.main-container{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:10px;padding:50px}.header{font-size:16px;font-weight:700;line-height:24px;color:#01161e;margin-bottom:20px}.table-container{overflow-y:scroll;height:60vh}.table-container thead{background:#f6f6f6}.table-container th{padding:10px;position:sticky}.table-container tr{background:#fdfdfd;border-bottom:1px solid rgba(0,0,0,.05)}.table-container td{padding:10px;font-weight:500;font-size:16px;line-height:24px;color:#3e3e3e}.success{background:#3bb6101a;color:#2f9335}.pending{background:#f8a9381a;color:#f8a938}.failed{background:#9017151a;color:#901715}.common-style{width:65%;padding:5px;border-radius:10px;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] }); }
21
+ }
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyStatementComponent, decorators: [{
23
+ type: Component,
24
+ args: [{ selector: 'simpo-my-statement', standalone: true, imports: [CommonModule], template: "<div class=\"main-container\">\r\n <div class=\"header\">Transaction History</div>\r\n <div class=\"table-container\">\r\n <table class=\"w-100\">\r\n <thead>\r\n <th *ngFor=\"let head of tableHeaders\">{{head}}</th>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let data of tableData\">\r\n <td>{{data.amount}}</td>\r\n <td><div [class.success]=\"data.status == 'SUCCESS'\" [class.pending]=\"data.status == 'PENDING'\" [class.failed]=\"data.status == 'FAILED'\" class=\"common-style\"> &#x2022;&nbsp;{{data.status | titlecase}}</div></td>\r\n <td>{{data.method}}</td>\r\n <td>{{data.remarks.length > 15 ? data.remarks.substring(0,15)+\"...\" : data.remarks}}</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.main-container{background:#fff;border:2px solid rgba(0,0,0,.06);border-radius:10px;padding:50px}.header{font-size:16px;font-weight:700;line-height:24px;color:#01161e;margin-bottom:20px}.table-container{overflow-y:scroll;height:60vh}.table-container thead{background:#f6f6f6}.table-container th{padding:10px;position:sticky}.table-container tr{background:#fdfdfd;border-bottom:1px solid rgba(0,0,0,.05)}.table-container td{padding:10px;font-weight:500;font-size:16px;line-height:24px;color:#3e3e3e}.success{background:#3bb6101a;color:#2f9335}.pending{background:#f8a9381a;color:#f8a938}.failed{background:#9017151a;color:#901715}.common-style{width:65%;padding:5px;border-radius:10px;text-align:center}\n"] }]
25
+ }], ctorParameters: () => [] });
26
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktc3RhdGVtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktc3RhdGVtZW50L215LXN0YXRlbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LXN0YXRlbWVudC9teS1zdGF0ZW1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMxQyxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO1FBSUEsaUJBQVksR0FBUyxDQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUMsZ0JBQWdCLEVBQUMsU0FBUyxDQUFDLENBQUE7UUFFbkUsY0FBUyxHQUFTO1lBQ2hCLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ25GLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsUUFBUSxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ2xGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ25GLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsUUFBUSxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1NBQzNGLENBQUE7SUFiRCxDQUFDOzhHQUpVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDhFQ1ZqQywyNEJBaUJNLHUwQkRYTSxZQUFZOzsyRkFJWCxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1teS1zdGF0ZW1lbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL215LXN0YXRlbWVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL215LXN0YXRlbWVudC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTXlTdGF0ZW1lbnRDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe1xyXG5cclxuICB9XHJcblxyXG4gIHRhYmxlSGVhZGVycyA6IGFueSA9IFtcIkFtb3VudFwiLFwiU3RhdHVzXCIsXCJQYXltZW50IE1ldGhvZFwiLFwiUmVtYXJrc1wiXVxyXG5cclxuICB0YWJsZURhdGEgOiBhbnkgPSBbXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIlNVQ0NFU1NcIixtZXRob2QgOiBcIkNyZWRpdCBDYXJkXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJVUElcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIlBFTkRJTkdcIixtZXRob2QgOiBcIkNyZWRpdCBDYXJkXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJDcmVkaXQgQ2FyZFwiLHJlbWFya3MgOiBcIlByb3BlcnR5IFB1cmNoYXNlZFwifSxcclxuICAgIHthbW91bnQgOiAxMjAwMCAsIHN0YXR1cyA6IFwiU1VDQ0VTU1wiLG1ldGhvZCA6IFwiQ3JlZGl0IENhcmRcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIkZBSUxFRFwiLG1ldGhvZCA6IFwiVVBJXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJVUElcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIkZBSUxFRFwiLG1ldGhvZCA6IFwiQ3JlZGl0IENhcmRcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgXVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5UcmFuc2FjdGlvbiBIaXN0b3J5PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPHRhYmxlIGNsYXNzPVwidy0xMDBcIj5cclxuICAgICAgICAgICAgPHRoZWFkPlxyXG4gICAgICAgICAgICAgICAgPHRoICpuZ0Zvcj1cImxldCBoZWFkIG9mIHRhYmxlSGVhZGVyc1wiPnt7aGVhZH19PC90aD5cclxuICAgICAgICAgICAgPC90aGVhZD5cclxuICAgICAgICAgICAgPHRib2R5PlxyXG4gICAgICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBkYXRhIG9mIHRhYmxlRGF0YVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZD57e2RhdGEuYW1vdW50fX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZD48ZGl2IFtjbGFzcy5zdWNjZXNzXT1cImRhdGEuc3RhdHVzID09ICdTVUNDRVNTJ1wiIFtjbGFzcy5wZW5kaW5nXT1cImRhdGEuc3RhdHVzID09ICdQRU5ESU5HJ1wiIFtjbGFzcy5mYWlsZWRdPVwiZGF0YS5zdGF0dXMgPT0gJ0ZBSUxFRCdcIiBjbGFzcz1cImNvbW1vbi1zdHlsZVwiPiAmI3gyMDIyOyZuYnNwO3t7ZGF0YS5zdGF0dXMgfCB0aXRsZWNhc2V9fTwvZGl2PjwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkPnt7ZGF0YS5tZXRob2R9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkPnt7ZGF0YS5yZW1hcmtzLmxlbmd0aCA+IDE1ID8gZGF0YS5yZW1hcmtzLnN1YnN0cmluZygwLDE1KStcIi4uLlwiIDogZGF0YS5yZW1hcmtzfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgPC90cj5cclxuICAgICAgICAgICAgPC90Ym9keT5cclxuICAgICAgICA8L3RhYmxlPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
@@ -0,0 +1,11 @@
1
+ import { Component } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class NeedHelpComponent {
4
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NeedHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: NeedHelpComponent, isStandalone: true, selector: "simpo-need-help", ngImport: i0, template: "<p>need-help works!</p>\r\n", styles: [""] }); }
6
+ }
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: NeedHelpComponent, decorators: [{
8
+ type: Component,
9
+ args: [{ selector: 'simpo-need-help', standalone: true, imports: [], template: "<p>need-help works!</p>\r\n" }]
10
+ }] });
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVlZC1oZWxwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbmVlZC1oZWxwL25lZWQtaGVscC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL25lZWQtaGVscC9uZWVkLWhlbHAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCO2tHQUFqQixpQkFBaUIsMkVDVDlCLDZCQUNBOzsyRkRRYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tbmVlZC1oZWxwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uZWVkLWhlbHAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9uZWVkLWhlbHAuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE5lZWRIZWxwQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPHA+bmVlZC1oZWxwIHdvcmtzITwvcD5cclxuIl19
@@ -0,0 +1,90 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { Component, Inject } from '@angular/core';
3
+ import { FormsModule } from '@angular/forms';
4
+ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
5
+ import { MatIconModule } from '@angular/material/icon';
6
+ import { StorageKeys } from '../../styles/index';
7
+ import * as i0 from "@angular/core";
8
+ import * as i1 from "@angular/material/dialog";
9
+ import * as i2 from "../../services/rest.service";
10
+ import * as i3 from "../../services/events.service";
11
+ import * as i4 from "@angular/material/icon";
12
+ import * as i5 from "@angular/forms";
13
+ export class PaymentConfirmationComponent {
14
+ constructor(dialogRef, data, restService, _eventService) {
15
+ this.dialogRef = dialogRef;
16
+ this.data = data;
17
+ this.restService = restService;
18
+ this._eventService = _eventService;
19
+ this.sqFeetArea = 0;
20
+ this.payload = {
21
+ totalAmount: 0,
22
+ totalTax: 0
23
+ };
24
+ this.tokenRequest = {
25
+ investorProperty: {
26
+ investorId: Number(localStorage.getItem(StorageKeys.INVESTOR_ID)),
27
+ propertyId: 0,
28
+ sqFeetArea: 0,
29
+ totalSqFeetAmount: 0,
30
+ totalGstApplied: 0,
31
+ buyingPrice: 0,
32
+ status: 'PENDING',
33
+ deleted: false
34
+ },
35
+ name: '',
36
+ email: '',
37
+ mobile: '',
38
+ paymentCurrency: 'INR'
39
+ };
40
+ }
41
+ ngOnInit() {
42
+ this.propertyDetails = this.data.details;
43
+ this.tokenRequest.investorProperty.sqFeetArea = this.data.totalArea;
44
+ this.tokenRequest.investorProperty.propertyId = this.propertyDetails.propertyId;
45
+ this.addOrRemoveProperty();
46
+ this.getInvestorDetails();
47
+ }
48
+ close() {
49
+ this.dialogRef.close();
50
+ }
51
+ addOrRemoveProperty() {
52
+ this.tokenRequest.investorProperty.totalSqFeetAmount = Number(Number((this.propertyDetails?.financeDetails?.pricePerSqFeet || 0) * this.tokenRequest.investorProperty.sqFeetArea).toFixed(2));
53
+ this.tokenRequest.investorProperty.totalGstApplied = Number(Number((0.28) * this.tokenRequest.investorProperty.totalSqFeetAmount).toFixed(2));
54
+ }
55
+ addSqFeet() {
56
+ this.tokenRequest.investorProperty.sqFeetArea++;
57
+ this.addOrRemoveProperty();
58
+ }
59
+ removeSqFeet() {
60
+ this.tokenRequest.investorProperty.sqFeetArea--;
61
+ this.addOrRemoveProperty();
62
+ }
63
+ purchaseProperty() {
64
+ this.tokenRequest.investorProperty.buyingPrice = Number(Number(this.tokenRequest.investorProperty.totalSqFeetAmount + this.tokenRequest.investorProperty.totalGstApplied).toFixed(2));
65
+ this.restService.createPropertyPaymentToken(this.tokenRequest).subscribe((res) => {
66
+ this._eventService.cashFreeEvent.emit({ data: res });
67
+ });
68
+ }
69
+ getInvestorDetails() {
70
+ this.restService.getInvesterById().subscribe((res) => {
71
+ this.investorDetails = res.message;
72
+ this.tokenRequest.name = this.investorDetails.fulName;
73
+ this.tokenRequest.email = this.investorDetails.emailId;
74
+ this.tokenRequest.mobile = this.investorDetails.phoneNumber;
75
+ });
76
+ }
77
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PaymentConfirmationComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.RestService }, { token: i3.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
78
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PaymentConfirmationComponent, isStandalone: true, selector: "simpo-payment-confirmation", ngImport: i0, template: "<section>\r\n <div class=\"header\">\r\n <p>Payment Confirmation</p>\r\n <mat-icon (click)=\"close()\">close</mat-icon>\r\n </div>\r\n\r\n <div class=\"body\">\r\n <div class=\"property\">\r\n <div class=\"left-side\">\r\n <img [src]=\"propertyDetails.imgUrl[0]\"\r\n alt=\"\">\r\n <div>\r\n <p class=\"property-name\">{{propertyDetails.name}}</p>\r\n <p class=\"location\">{{propertyDetails.location}}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-side\">\r\n <p class=\"Price-text\">Price/Sq.ft</p>\r\n <p class=\"perSqFtAmount\">\u20B9 {{propertyDetails.financeDetails.pricePerSqFeet}}/Sq.ft</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"price-detail\">\r\n <div class=\"d-flex justify-space mb-30\">\r\n <div class=\"price-left-side\">\r\n Quantity\r\n </div>\r\n <div class=\"price-right-side\">\r\n <div class=\"quantity\">\r\n <div class=\"add\" (click)=\"addSqFeet()\"><mat-icon>add</mat-icon></div>\r\n <input type=\"number\" [(ngModel)]=\"tokenRequest.investorProperty.sqFeetArea\" (ngModelChange)=\"addOrRemoveProperty()\">\r\n <div class=\"remove\" (click)=\"removeSqFeet()\"><mat-icon>remove</mat-icon></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Price\r\n </div>\r\n <div class=\"price-right-side\">\r\n \u20B9{{tokenRequest.investorProperty.totalSqFeetAmount}}\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Property Tax\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 0\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n GST(28%)\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"footer\">\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Payable\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalSqFeetAmount + tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n <button class=\"buy-btn\" (click)=\"purchaseProperty()\">Buy Now</button>\r\n </div>\r\n </div>\r\n\r\n</section>\r\n", styles: [".header{display:flex;height:60px;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;border-bottom:1px solid rgba(14,35,60,.16)}.header P{font-size:20px;font-weight:700;font-family:DM SANS}.body{padding:20px;background:#fcfcfc;border:10px}.property{display:flex;justify-content:space-between;background:#fff;padding:15px}.left-side{display:flex;gap:15px;width:70%}.left-side img{height:77px;width:97px;border-radius:8px}.property-name{margin-bottom:10px!important;font-size:16px;font-weight:600;color:#0009;font-family:DM SANS}.location{font-size:14px;color:#0000004d;font-family:DM SANS;font-weight:600}.perSqFtAmount{font-size:20px;color:#494949;font-weight:700;font-family:DM SANS}.Price-text{font-size:13px;font-weight:600;font-family:DM SANS;margin-bottom:10px!important;color:#393838}p{margin-bottom:0!important}.price-detail{margin-top:15px;background:#fff;padding:15px;border-radius:10px}.mb-15{margin-bottom:15px}.justify-space{justify-content:space-between}.price-left-side{font-size:16px;font-weight:700;font-family:DM SANS}.price-right-side{font-size:18px;font-weight:700;font-family:DM SANS}.price-text{font-size:17px;font-weight:600;font-family:DM SANS}.footer{margin-top:20px}.buy-btn{background:#122335;border:1px solid rgba(18,35,53,1);border-radius:7px;color:#fff;padding:5px;font-size:17px!important;font-family:DM SANS}.quantity{display:flex;gap:10px;justify-content:end}.quantity .add{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.quantity input{background:#f8a938;border:1px solid rgba(248,169,56,1);border-radius:7px;outline:none;width:30%;padding-left:10px;color:#fff;text-align:center}.quantity .remove{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.mb-30{margin-bottom:30px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }] }); }
79
+ }
80
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PaymentConfirmationComponent, decorators: [{
81
+ type: Component,
82
+ args: [{ selector: 'simpo-payment-confirmation', standalone: true, imports: [MatIconModule,
83
+ FormsModule,
84
+ CommonModule
85
+ ], template: "<section>\r\n <div class=\"header\">\r\n <p>Payment Confirmation</p>\r\n <mat-icon (click)=\"close()\">close</mat-icon>\r\n </div>\r\n\r\n <div class=\"body\">\r\n <div class=\"property\">\r\n <div class=\"left-side\">\r\n <img [src]=\"propertyDetails.imgUrl[0]\"\r\n alt=\"\">\r\n <div>\r\n <p class=\"property-name\">{{propertyDetails.name}}</p>\r\n <p class=\"location\">{{propertyDetails.location}}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-side\">\r\n <p class=\"Price-text\">Price/Sq.ft</p>\r\n <p class=\"perSqFtAmount\">\u20B9 {{propertyDetails.financeDetails.pricePerSqFeet}}/Sq.ft</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"price-detail\">\r\n <div class=\"d-flex justify-space mb-30\">\r\n <div class=\"price-left-side\">\r\n Quantity\r\n </div>\r\n <div class=\"price-right-side\">\r\n <div class=\"quantity\">\r\n <div class=\"add\" (click)=\"addSqFeet()\"><mat-icon>add</mat-icon></div>\r\n <input type=\"number\" [(ngModel)]=\"tokenRequest.investorProperty.sqFeetArea\" (ngModelChange)=\"addOrRemoveProperty()\">\r\n <div class=\"remove\" (click)=\"removeSqFeet()\"><mat-icon>remove</mat-icon></div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Price\r\n </div>\r\n <div class=\"price-right-side\">\r\n \u20B9{{tokenRequest.investorProperty.totalSqFeetAmount}}\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Property Tax\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 0\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n GST(28%)\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n\r\n </div>\r\n\r\n <div class=\"footer\">\r\n <div class=\"d-flex justify-space mb-15\">\r\n <div class=\"price-left-side\">\r\n Total Payable\r\n </div>\r\n <div class=\"price-text\">\r\n \u20B9 {{tokenRequest.investorProperty.totalSqFeetAmount + tokenRequest.investorProperty.totalGstApplied}}\r\n </div>\r\n </div>\r\n <button class=\"buy-btn\" (click)=\"purchaseProperty()\">Buy Now</button>\r\n </div>\r\n </div>\r\n\r\n</section>\r\n", styles: [".header{display:flex;height:60px;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px;border-bottom:1px solid rgba(14,35,60,.16)}.header P{font-size:20px;font-weight:700;font-family:DM SANS}.body{padding:20px;background:#fcfcfc;border:10px}.property{display:flex;justify-content:space-between;background:#fff;padding:15px}.left-side{display:flex;gap:15px;width:70%}.left-side img{height:77px;width:97px;border-radius:8px}.property-name{margin-bottom:10px!important;font-size:16px;font-weight:600;color:#0009;font-family:DM SANS}.location{font-size:14px;color:#0000004d;font-family:DM SANS;font-weight:600}.perSqFtAmount{font-size:20px;color:#494949;font-weight:700;font-family:DM SANS}.Price-text{font-size:13px;font-weight:600;font-family:DM SANS;margin-bottom:10px!important;color:#393838}p{margin-bottom:0!important}.price-detail{margin-top:15px;background:#fff;padding:15px;border-radius:10px}.mb-15{margin-bottom:15px}.justify-space{justify-content:space-between}.price-left-side{font-size:16px;font-weight:700;font-family:DM SANS}.price-right-side{font-size:18px;font-weight:700;font-family:DM SANS}.price-text{font-size:17px;font-weight:600;font-family:DM SANS}.footer{margin-top:20px}.buy-btn{background:#122335;border:1px solid rgba(18,35,53,1);border-radius:7px;color:#fff;padding:5px;font-size:17px!important;font-family:DM SANS}.quantity{display:flex;gap:10px;justify-content:end}.quantity .add{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.quantity input{background:#f8a938;border:1px solid rgba(248,169,56,1);border-radius:7px;outline:none;width:30%;padding-left:10px;color:#fff;text-align:center}.quantity .remove{background:#122335;color:#fff;display:flex;display:display;align-items:center;justify-content:center;border-radius:7px;cursor:pointer}.mb-30{margin-bottom:30px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
86
+ }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
87
+ type: Inject,
88
+ args: [MAT_DIALOG_DATA]
89
+ }] }, { type: i2.RestService }, { type: i3.EventsService }] });
90
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9wYXltZW50LWNvbmZpcm1hdGlvbi9wYXltZW50LWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BheW1lbnQtY29uZmlybWF0aW9uL3BheW1lbnQtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBYWpELE1BQU0sT0FBTyw0QkFBNEI7SUFFdkMsWUFBbUIsU0FBcUQsRUFDdEMsSUFBUyxFQUNqQyxXQUF3QixFQUN4QixhQUE2QjtRQUhwQixjQUFTLEdBQVQsU0FBUyxDQUE0QztRQUN0QyxTQUFJLEdBQUosSUFBSSxDQUFLO1FBQ2pDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBQ3hCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQUl2QyxlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLFlBQU8sR0FBUTtZQUNiLFdBQVcsRUFBRSxDQUFDO1lBQ2QsUUFBUSxFQUFFLENBQUM7U0FDWixDQUFBO1FBR0QsaUJBQVksR0FBUTtZQUNsQixnQkFBZ0IsRUFBRTtnQkFDaEIsVUFBVSxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDakUsVUFBVSxFQUFFLENBQUM7Z0JBQ2IsVUFBVSxFQUFFLENBQUM7Z0JBQ2IsaUJBQWlCLEVBQUUsQ0FBQztnQkFDcEIsZUFBZSxFQUFFLENBQUM7Z0JBQ2xCLFdBQVcsRUFBRSxDQUFDO2dCQUNkLE1BQU0sRUFBRSxTQUFTO2dCQUNqQixPQUFPLEVBQUUsS0FBSzthQUNmO1lBQ0QsSUFBSSxFQUFFLEVBQUU7WUFDUixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLEtBQUs7U0FDdkIsQ0FBQTtJQXpCRSxDQUFDO0lBMkJKLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBRXBFLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDO1FBRWhGLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsaUJBQWlCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsY0FBYyxFQUFFLGNBQWMsSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzlMLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEosQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2hELElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNoRCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdEwsSUFBSSxDQUFDLFdBQVcsQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDcEYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7UUFDckQsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDeEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1lBQ25DLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDO1lBQ3RELElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDO1FBQzlELENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0E1RVUsNEJBQTRCLDhDQUc3QixlQUFlO2tHQUhkLDRCQUE0QixzRkNuQnpDLDhtRkE0RUEscWhFRGhFWSxhQUFhLG1MQUNyQixXQUFXLGd4QkFDWCxZQUFZOzsyRkFLSCw0QkFBNEI7a0JBVnhDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLGFBQWE7d0JBQ3JCLFdBQVc7d0JBQ1gsWUFBWTtxQkFDYjs7MEJBT0UsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nUmVmIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBSZXN0U2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3Jlc3Quc2VydmljZSc7XHJcbmltcG9ydCB7IFN0b3JhZ2VLZXlzIH0gZnJvbSAnLi4vLi4vc3R5bGVzL2luZGV4JztcclxuaW1wb3J0IHsgRXZlbnRzU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2V2ZW50cy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tcGF5bWVudC1jb25maXJtYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BheW1lbnQtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcGF5bWVudC1jb25maXJtYXRpb24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFBheW1lbnRDb25maXJtYXRpb25Db21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UGF5bWVudENvbmZpcm1hdGlvbkNvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcclxuICAgIHByaXZhdGUgcmVzdFNlcnZpY2U6IFJlc3RTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBfZXZlbnRTZXJ2aWNlIDogRXZlbnRzU2VydmljZVxyXG4gICkge31cclxuXHJcbiAgcHJvcGVydHlEZXRhaWxzOiBhbnk7XHJcbiAgc3FGZWV0QXJlYTogbnVtYmVyID0gMDtcclxuICBwYXlsb2FkOiBhbnkgPSB7XHJcbiAgICB0b3RhbEFtb3VudDogMCxcclxuICAgIHRvdGFsVGF4OiAwXHJcbiAgfVxyXG4gIGludmVzdG9yRGV0YWlsczogYW55O1xyXG5cclxuICB0b2tlblJlcXVlc3Q6IGFueSA9IHtcclxuICAgIGludmVzdG9yUHJvcGVydHk6IHtcclxuICAgICAgaW52ZXN0b3JJZDogTnVtYmVyKGxvY2FsU3RvcmFnZS5nZXRJdGVtKFN0b3JhZ2VLZXlzLklOVkVTVE9SX0lEKSksXHJcbiAgICAgIHByb3BlcnR5SWQ6IDAsXHJcbiAgICAgIHNxRmVldEFyZWE6IDAsXHJcbiAgICAgIHRvdGFsU3FGZWV0QW1vdW50OiAwLFxyXG4gICAgICB0b3RhbEdzdEFwcGxpZWQ6IDAsXHJcbiAgICAgIGJ1eWluZ1ByaWNlOiAwLFxyXG4gICAgICBzdGF0dXM6ICdQRU5ESU5HJyxcclxuICAgICAgZGVsZXRlZDogZmFsc2VcclxuICAgIH0sXHJcbiAgICBuYW1lOiAnJyxcclxuICAgIGVtYWlsOiAnJyxcclxuICAgIG1vYmlsZTogJycsXHJcbiAgICBwYXltZW50Q3VycmVuY3k6ICdJTlInXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucHJvcGVydHlEZXRhaWxzID0gdGhpcy5kYXRhLmRldGFpbHM7XHJcbiAgICB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnNxRmVldEFyZWEgPSB0aGlzLmRhdGEudG90YWxBcmVhO1xyXG5cclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkucHJvcGVydHlJZCA9IHRoaXMucHJvcGVydHlEZXRhaWxzLnByb3BlcnR5SWQ7XHJcblxyXG4gICAgdGhpcy5hZGRPclJlbW92ZVByb3BlcnR5KCk7XHJcbiAgICB0aGlzLmdldEludmVzdG9yRGV0YWlscygpO1xyXG4gIH1cclxuXHJcbiAgY2xvc2UoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cclxuXHJcbiAgYWRkT3JSZW1vdmVQcm9wZXJ0eSgpIHtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkudG90YWxTcUZlZXRBbW91bnQgPSBOdW1iZXIoTnVtYmVyKCh0aGlzLnByb3BlcnR5RGV0YWlscz8uZmluYW5jZURldGFpbHM/LnByaWNlUGVyU3FGZWV0IHx8IDApICogdGhpcy50b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS5zcUZlZXRBcmVhKS50b0ZpeGVkKDIpKTtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkudG90YWxHc3RBcHBsaWVkID0gTnVtYmVyKE51bWJlcigoMC4yOCkgKiB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsU3FGZWV0QW1vdW50KS50b0ZpeGVkKDIpKTtcclxuICB9XHJcblxyXG4gIGFkZFNxRmVldCgpIHtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkuc3FGZWV0QXJlYSsrO1xyXG4gICAgdGhpcy5hZGRPclJlbW92ZVByb3BlcnR5KCk7XHJcbiAgfVxyXG5cclxuICByZW1vdmVTcUZlZXQoKSB7XHJcbiAgICB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnNxRmVldEFyZWEtLTtcclxuICAgIHRoaXMuYWRkT3JSZW1vdmVQcm9wZXJ0eSgpO1xyXG4gIH1cclxuXHJcbiAgcHVyY2hhc2VQcm9wZXJ0eSgpIHtcclxuICAgIHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkuYnV5aW5nUHJpY2UgPSBOdW1iZXIoTnVtYmVyKHRoaXMudG9rZW5SZXF1ZXN0LmludmVzdG9yUHJvcGVydHkudG90YWxTcUZlZXRBbW91bnQgKyB0aGlzLnRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsR3N0QXBwbGllZCkudG9GaXhlZCgyKSk7XHJcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmNyZWF0ZVByb3BlcnR5UGF5bWVudFRva2VuKHRoaXMudG9rZW5SZXF1ZXN0KS5zdWJzY3JpYmUoKHJlczogYW55KSA9PiB7XHJcbiAgICAgIHRoaXMuX2V2ZW50U2VydmljZS5jYXNoRnJlZUV2ZW50LmVtaXQoe2RhdGE6IHJlc30pO1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIGdldEludmVzdG9yRGV0YWlscygpIHtcclxuICAgIHRoaXMucmVzdFNlcnZpY2UuZ2V0SW52ZXN0ZXJCeUlkKCkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xyXG4gICAgICB0aGlzLmludmVzdG9yRGV0YWlscyA9IHJlcy5tZXNzYWdlO1xyXG4gICAgICB0aGlzLnRva2VuUmVxdWVzdC5uYW1lID0gdGhpcy5pbnZlc3RvckRldGFpbHMuZnVsTmFtZTtcclxuICAgICAgdGhpcy50b2tlblJlcXVlc3QuZW1haWwgPSB0aGlzLmludmVzdG9yRGV0YWlscy5lbWFpbElkO1xyXG4gICAgICB0aGlzLnRva2VuUmVxdWVzdC5tb2JpbGUgPSB0aGlzLmludmVzdG9yRGV0YWlscy5waG9uZU51bWJlcjtcclxuICAgIH0pXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8c2VjdGlvbj5cclxuICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICA8cD5QYXltZW50IENvbmZpcm1hdGlvbjwvcD5cclxuICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiY2xvc2UoKVwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGVmdC1zaWRlXCI+XHJcbiAgICAgICAgPGltZyBbc3JjXT1cInByb3BlcnR5RGV0YWlscy5pbWdVcmxbMF1cIlxyXG4gICAgICAgICAgYWx0PVwiXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxwIGNsYXNzPVwicHJvcGVydHktbmFtZVwiPnt7cHJvcGVydHlEZXRhaWxzLm5hbWV9fTwvcD5cclxuICAgICAgICAgIDxwIGNsYXNzPVwibG9jYXRpb25cIj57e3Byb3BlcnR5RGV0YWlscy5sb2NhdGlvbn19PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNpZGVcIj5cclxuICAgICAgICA8cCBjbGFzcz1cIlByaWNlLXRleHRcIj5QcmljZS9TcS5mdDwvcD5cclxuICAgICAgICA8cCBjbGFzcz1cInBlclNxRnRBbW91bnRcIj7igrkge3twcm9wZXJ0eURldGFpbHMuZmluYW5jZURldGFpbHMucHJpY2VQZXJTcUZlZXR9fS9TcS5mdDwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwicHJpY2UtZGV0YWlsXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0zMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIFF1YW50aXR5XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLXJpZ2h0LXNpZGVcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJxdWFudGl0eVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkXCIgKGNsaWNrKT1cImFkZFNxRmVldCgpXCI+PG1hdC1pY29uPmFkZDwvbWF0LWljb24+PC9kaXY+XHJcbiAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwibnVtYmVyXCIgWyhuZ01vZGVsKV09XCJ0b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS5zcUZlZXRBcmVhXCIgKG5nTW9kZWxDaGFuZ2UpPVwiYWRkT3JSZW1vdmVQcm9wZXJ0eSgpXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyZW1vdmVcIiAoY2xpY2spPVwicmVtb3ZlU3FGZWV0KClcIj48bWF0LWljb24+cmVtb3ZlPC9tYXQtaWNvbj48L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LXNwYWNlIG1iLTE1XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLWxlZnQtc2lkZVwiPlxyXG4gICAgICAgICAgVG90YWwgUHJpY2VcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtcmlnaHQtc2lkZVwiPlxyXG4gICAgICAgICAg4oK5e3t0b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS50b3RhbFNxRmVldEFtb3VudH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktc3BhY2UgbWItMTVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtbGVmdC1zaWRlXCI+XHJcbiAgICAgICAgICBQcm9wZXJ0eSBUYXhcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtdGV4dFwiPlxyXG4gICAgICAgICAg4oK5IDBcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0xNVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIEdTVCgyOCUpXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLXRleHRcIj5cclxuICAgICAgICAgIOKCuSB7e3Rva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsR3N0QXBwbGllZH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJmb290ZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LXNwYWNlIG1iLTE1XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLWxlZnQtc2lkZVwiPlxyXG4gICAgICAgICAgVG90YWwgUGF5YWJsZVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS10ZXh0XCI+XHJcbiAgICAgICAgICDigrkge3t0b2tlblJlcXVlc3QuaW52ZXN0b3JQcm9wZXJ0eS50b3RhbFNxRmVldEFtb3VudCArIHRva2VuUmVxdWVzdC5pbnZlc3RvclByb3BlcnR5LnRvdGFsR3N0QXBwbGllZH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8YnV0dG9uIGNsYXNzPVwiYnV5LWJ0blwiIChjbGljayk9XCJwdXJjaGFzZVByb3BlcnR5KClcIj5CdXkgTm93PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbjwvc2VjdGlvbj5cclxuIl19
@@ -1,54 +1,41 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import { Component } from '@angular/core';
3
3
  import { MatIcon } from '@angular/material/icon';
4
+ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
4
5
  import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/common";
6
+ import * as i1 from "./../../services/rest.service";
7
+ import * as i2 from "@angular/common";
8
+ import * as i3 from "ngx-skeleton-loader";
6
9
  export class PortfolioComponent {
7
- constructor() {
8
- this.property_list = [
9
- {
10
- name: 'Ananta one',
11
- sq_ft: '13 Sqft',
12
- price: '12.1 L',
13
- color: '#faa548'
14
- },
15
- {
16
- name: 'Ananta Hills',
17
- sq_ft: '8 Sqft',
18
- price: '9.7 L',
19
- color: '#6ba9d9'
20
- },
21
- {
22
- name: 'Leo Towers',
23
- sq_ft: '10 Sqft',
24
- price: '10.1 L',
25
- color: '#6bd990'
26
- },
27
- {
28
- name: 'NCD Vivanta',
29
- sq_ft: '10 Sqft',
30
- price: '20.1 L',
31
- color: 'red'
32
- },
33
- {
34
- name: 'MY Home Abooja',
35
- sq_ft: '10 Sqft',
36
- price: '40.1 L',
37
- color: 'yellow'
38
- }
39
- ];
40
- this.dropDownValues = ["All Properties", "Property 1", "Property 2"];
41
- this.topCards = [
42
- { icon: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/990718c1739529606489Group%201707483072%20%281%29.png", text: "Properties Owned", count: "2" },
43
- { icon: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/681867c1739529671422Group%201707483072%20%282%29.png", text: "Total Investment Value", count: "5.73 L" },
44
- { icon: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/776806c1739529625699Group%201707483072.png", text: "Total Sq.ft Owned", count: "43" }
45
- ];
10
+ constructor(restService) {
11
+ this.restService = restService;
12
+ this.growthAmount = 0;
13
+ this.growthPercentage = 0;
14
+ this.pageLoader = false;
46
15
  }
47
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
48
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\">\n <div class=\"head-container\">\n <div class=\"icon-div text-end\"><mat-icon class=\"clr-white\">remove_red_eye</mat-icon></div>\n <div class=\"top-text\">Current Portfolio Value</div>\n <div class=\"main-text\">\u20B96.22 Lac</div>\n <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\n \u20B954,290</span>&nbsp;&nbsp;<span class=\"percent-text\">+2.1%</span></div>\n </div>\n <div class=\"content-area\">\n <div class=\"inside-header\">\n <div class=\"left-section\">Investor Overview</div>\n <div class=\"right-section d-flex\">\n <div class=\"input-box\">\n <div class=\"filter-container d-flex align-items-center\">\n <div class=\"filter-item\">\n <input type=\"date\" class=\"custom-date-picker\" />\n </div>\n <div class=\"filter-item\">\n <select class=\"custom-dropdown\">\n <option *ngFor=\"let ele of dropDownValues\">{{ele}}</option>\n </select>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"inside-content\">\n <div class=\"content1 d-flex justify-content-between\">\n <div class=\"d1\" *ngFor=\"let ele of topCards\">\n <div class=\"d1_name\">{{ele.text}}</div>\n <div class=\"card1 d-flex align-items-center g-10\">\n <div class=\"card1_img d-flex align-items-center justify-content-center\">\n <div class=\"d1_img\">\n <img [src]=\"ele.icon\" alt=\"img1\">\n </div>\n </div>\n <div class=\"no_of\">{{ele.count}}</div>\n </div>\n </div>\n </div>\n <div class=\"content2 d-flex align-items-center\">\n <div class=\"d2 d-flex\">\n <div class=\"left_d2\">\n <div class=\"d2_value\" *ngFor=\"let value of property_list\">\n <div class=\"value_left\">\n <div class=\"value_color\" [ngStyle]=\"{'background-color': value.color}\"></div>\n <div class=\"property_name\">{{value.name}}</div>\n </div>\n <div class=\"value_right\">\n <div>{{value.sq_ft}}</div>\n <div class=\"constant_line\">|</div>\n <div>{{value.price}}</div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"d3\">\n <div class=\"d3_card1 common-style-1\">\n <div class=\"d3_card1_name\">Internal Rate of Return</div>\n <div class=\"value_d3_card1_name\"> 12%</div>\n </div>\n <div class=\"d3_card2 common-style-1\">\n <div class=\"d3_card2_name\">Annual Return</div>\n <div class=\"value_d3_card1_name\"> 10%</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", styles: ["*{font-family:DM Sans}mat-icon{font-family:Material Icons!important}.head-container{background:linear-gradient(180deg,#0d1b2a,#172b40);padding:15px;border-radius:10px}.clr-white{color:#fff!important}.top-text{font-size:14px;font-weight:600;line-height:24px;color:#fff9;margin-bottom:15px}.main-text{font-weight:700;font-size:40px;line-height:24px;color:#fff;margin-bottom:15px}.bottom-text{font-weight:500;font-size:14px;line-height:24px;color:#fff9}.percent-text{color:#36b37e}.content1{gap:2rem;padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.d1{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px;width:30%}.d1_name{text-align:start;font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{gap:5%;border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:65%;flex-direction:row;gap:2px}.left_d2{width:60%;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;width:30%;display:flex;flex-direction:column;gap:4px}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:6px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
16
+ ngOnInit() {
17
+ this.getPortfolioDetails();
18
+ this.getPropertyDetails();
19
+ }
20
+ getPortfolioDetails() {
21
+ this.pageLoader = true;
22
+ this.restService.getPortfolioDetails().subscribe((res) => {
23
+ this.portFolioData = res;
24
+ this.growthAmount = this.portFolioData?.currentPortFolioValue - this.portFolioData?.totalInvestedValue;
25
+ this.growthPercentage = Number(Number((100 * this.growthAmount) / this.portFolioData?.totalInvestedValue).toFixed(2));
26
+ this.pageLoader = false;
27
+ });
28
+ }
29
+ getPropertyDetails() {
30
+ this.restService.getMyPropertyDetails().subscribe((res) => {
31
+ this.propertyDetails = res;
32
+ });
33
+ }
34
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Component }); }
35
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PortfolioComponent, isStandalone: true, selector: "simpo-portfolio", ngImport: i0, template: "<section class=\"main-container\" *ngIf=\"!pageLoader\">\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\">{{portFolioData?.currentPortFolioValue ?? 0}}</div>\r\n <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\r\n {{growthAmount ?? 0}}</span>&nbsp;&nbsp;<span class=\"percent-text\">{{growthPercentage ?? 0}} %</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 propertyDetails\">{{ele.name}}</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=\"row content1\" >\r\n <div class=\"col-md-4 col-12\">\r\n <div class=\"content-d1\" >\r\n <div class=\"d1_name\">Total Investment Value</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/681867c1739529671422Group%201707483072%20%282%29.png\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{portFolioData?.totalInvestedValue ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-4 col-6 property-owned\">\r\n <div class=\"content-d2\">\r\n <div class=\"d1_name\">Properties Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/990718c1739529606489Group%201707483072%20%281%29.png\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{portFolioData?.totalInvestedProperties ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-4 col-6 property-totalSqft\">\r\n <div class=\"content-d3\">\r\n <div class=\"d1_name\">Total Sq.ft Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/776806c1739529625699Group%201707483072.png\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{portFolioData?.totalSqFeetOwned ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n </div>\r\n <div class=\"row content2\">\r\n <div class=\"col-md-8 col-12\">\r\n <div class=\"d2 d-flex\">\r\n <div class=\"left_d2\">\r\n <div class=\"d2_value\" *ngFor=\"let ele of propertyDetails\">\r\n <div class=\"value_left\">\r\n <div class=\"value_color\"></div>\r\n <div class=\"property_name\">{{ele?.name ?? \"N/A\"}}</div>\r\n </div>\r\n <div class=\"value_right\">\r\n <div>{{ele?.totalSqFeetOwned ?? 0}}</div>\r\n <div class=\"constant_line\">|</div>\r\n <div>{{ele?.investedAmount ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-4 col-12 \">\r\n <div class=\"row d3\">\r\n <div class=\"col-6 \">\r\n <div class=\"d3_card1 common-style-1\">\r\n <div class=\"d3_card1_name text-start common-style-name\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\r\n </div>\r\n </div>\r\n <div class=\"col-6 \">\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name text-start common-style-name\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\"> {{portFolioData?.avgAnnualReturn ?? 0}}%</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"content1 \">\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 text-start\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\r\n </div>\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name text-start\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\">{{portFolioData?.avgAnnualReturn ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div> -->\r\n\r\n </div>\r\n </div>\r\n</section>\r\n<section class=\"pageLoader\" *ngIf=\"pageLoader\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width: '100%',\r\n height: '30vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n <div class=\"row\">\r\n <div class=\"col-md-4 col-12\" *ngFor=\"let skel of [1,2,3]\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '20vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-md-8 col-12\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '30vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n </div>\r\n <div class=\"col-md-4 col-12\">\r\n <div class=\"row flex-column\">\r\n <div class=\"col-6 w-100\" *ngFor=\"let skel of [1,2]\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '13vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\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{padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.content-d1,.content-d2,.content-d3{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px}.d1_name{font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px}.left_d2{width:auto;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;display:flex;flex-direction:column}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:8px;margin-bottom:15px;width:20vw}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:9px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}.content-d2-01,.content-d3-01{width:20vw}@media only screen and (max-width: 475px){.filter-container{width:96vw;gap:6px}.filter-item{width:46vw}.left-section{align-content:center;font-weight:600;font-size:18px;padding-left:3px;color:#000}.inside-header{height:12vh;display:flex;flex-direction:column;justify-content:space-between;gap:9px}.content1{padding:15px 0}.content2{width:auto}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px;justify-content:center}.d2_value{width:82vw;padding:15px 2px}.d3{display:flex;flex-direction:row;justify-content:space-between;width:auto;padding:10px}.property-owned{padding:8px 4px 0 11px}.property-totalSqft{padding:8px 11px 0 4px}.common-style-name{width:37vw;height:6vh}.common-style-1{width:auto}}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
49
36
  }
50
37
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PortfolioComponent, decorators: [{
51
38
  type: Component,
52
- 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"] }]
53
- }] });
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVNFLGtCQUFhLEdBQUU7WUFDYjtnQkFDRSxJQUFJLEVBQUUsWUFBWTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7Z0JBQ2hCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLGNBQWM7Z0JBQ3BCLEtBQUssRUFBRSxRQUFRO2dCQUNmLEtBQUssRUFBRSxPQUFPO2dCQUNkLEtBQUssRUFBQyxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsU0FBUzthQUNoQjtZQUNEO2dCQUNFLElBQUksRUFBRSxhQUFhO2dCQUNuQixLQUFLLEVBQUUsU0FBUztnQkFDaEIsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsS0FBSyxFQUFDLEtBQUs7YUFDWjtZQUNEO2dCQUNFLElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxTQUFTO2dCQUNoQixLQUFLLEVBQUUsUUFBUTtnQkFDZixLQUFLLEVBQUMsUUFBUTthQUNmO1NBQ0YsQ0FBQTtRQUVELG1CQUFjLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBQyxZQUFZLEVBQUMsWUFBWSxDQUFDLENBQUE7UUFFN0QsYUFBUSxHQUFHO1lBQ1QsRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLGtCQUFrQixFQUFDLEtBQUssRUFBQyxHQUFHLEVBQUM7WUFDNUosRUFBQyxJQUFJLEVBQUcsaUhBQWlILEVBQUMsSUFBSSxFQUFDLHdCQUF3QixFQUFDLEtBQUssRUFBQyxRQUFRLEVBQUM7WUFDdkssRUFBQyxJQUFJLEVBQUcsdUdBQXVHLEVBQUMsSUFBSSxFQUFDLG1CQUFtQixFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUM7U0FDckosQ0FBQTtLQUVGOzhHQTNDWSxrQkFBa0I7a0dBQWxCLGtCQUFrQiwyRUNYL0IsbWdIQXFFVSxneUdEOURFLE9BQU8sMElBQUMsWUFBWTs7MkZBSW5CLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaW1wby1wb3J0Zm9saW8nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0SWNvbixDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vcG9ydGZvbGlvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BvcnRmb2xpby5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBQb3J0Zm9saW9Db21wb25lbnQge1xuXG4gIHByb3BlcnR5X2xpc3QgPVtcbiAgICB7XG4gICAgICBuYW1lIDonQW5hbnRhIG9uZScsXG4gICAgICBzcV9mdCA6JzEzIFNxZnQnLFxuICAgICAgcHJpY2U6ICcxMi4xIEwnLFxuICAgICAgY29sb3I6JyNmYWE1NDgnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonQW5hbnRhIEhpbGxzJyxcbiAgICAgIHNxX2Z0IDonOCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnOS43IEwnLFxuICAgICAgY29sb3I6JyM2YmE5ZDknXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTGVvIFRvd2VycycsXG4gICAgICBzcV9mdCA6JzEwIFNxZnQnLFxuICAgICAgcHJpY2U6ICcxMC4xIEwnLFxuICAgICAgY29sb3I6JyM2YmQ5OTAnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTkNEIFZpdmFudGEnLFxuICAgICAgc3FfZnQgOicxMCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnMjAuMSBMJyxcbiAgICAgIGNvbG9yOidyZWQnXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lIDonTVkgSG9tZSBBYm9vamEnLFxuICAgICAgc3FfZnQgOicxMCBTcWZ0JyxcbiAgICAgIHByaWNlOiAnNDAuMSBMJyxcbiAgICAgIGNvbG9yOid5ZWxsb3cnXG4gICAgfVxuICBdXG5cbiAgZHJvcERvd25WYWx1ZXMgPSBbXCJBbGwgUHJvcGVydGllc1wiLFwiUHJvcGVydHkgMVwiLFwiUHJvcGVydHkgMlwiXVxuXG4gIHRvcENhcmRzID0gW1xuICAgIHtpY29uIDogXCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzk5MDcxOGMxNzM5NTI5NjA2NDg5R3JvdXAlMjAxNzA3NDgzMDcyJTIwJTI4MSUyOS5wbmdcIix0ZXh0OlwiUHJvcGVydGllcyBPd25lZFwiLGNvdW50OlwiMlwifSxcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy82ODE4NjdjMTczOTUyOTY3MTQyMkdyb3VwJTIwMTcwNzQ4MzA3MiUyMCUyODIlMjkucG5nXCIsdGV4dDpcIlRvdGFsIEludmVzdG1lbnQgVmFsdWVcIixjb3VudDpcIjUuNzMgTFwifSxcbiAgICB7aWNvbiA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy83NzY4MDZjMTczOTUyOTYyNTY5OUdyb3VwJTIwMTcwNzQ4MzA3Mi5wbmdcIix0ZXh0OlwiVG90YWwgU3EuZnQgT3duZWRcIixjb3VudDpcIjQzXCJ9XG4gIF1cblxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYWluLWNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1kaXYgdGV4dC1lbmRcIj48bWF0LWljb24gY2xhc3M9XCJjbHItd2hpdGVcIj5yZW1vdmVfcmVkX2V5ZTwvbWF0LWljb24+PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtdGV4dFwiPkN1cnJlbnQgUG9ydGZvbGlvIFZhbHVlPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLXRleHRcIj7igrk2LjIyIExhYzwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLXRleHRcIj5JbnZlc3RtZW50IGluY3JlYXNlIGJ5IDogJm5ic3A7PHNwYW4gY2xhc3M9XCJhbW50IGNsci13aGl0ZVwiPlxuICAgICAgICAgICAgICAgIOKCuTU0LDI5MDwvc3Bhbj4mbmJzcDsmbmJzcDs8c3BhbiBjbGFzcz1cInBlcmNlbnQtdGV4dFwiPisyLjElPC9zcGFuPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWFyZWFcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluc2lkZS1oZWFkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LXNlY3Rpb25cIj5JbnZlc3RvciBPdmVydmlldzwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb24gZC1mbGV4XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWJveFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNvbnRhaW5lciBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImRhdGVcIiBjbGFzcz1cImN1c3RvbS1kYXRlLXBpY2tlclwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItaXRlbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzZWxlY3QgY2xhc3M9XCJjdXN0b20tZHJvcGRvd25cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgZWxlIG9mIGRyb3BEb3duVmFsdWVzXCI+e3tlbGV9fTwvb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaW5zaWRlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50MSBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIHRvcENhcmRzXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+e3tlbGUudGV4dH19PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGctMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX2ltZ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiZWxlLmljb25cIiBhbHQ9XCJpbWcxXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub19vZlwiPnt7ZWxlLmNvdW50fX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50MiBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyIGQtZmxleFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGVmdF9kMlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyX3ZhbHVlXCIgKm5nRm9yPVwibGV0IHZhbHVlIG9mIHByb3BlcnR5X2xpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfbGVmdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfY29sb3JcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiB2YWx1ZS5jb2xvcn1cIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5X25hbWVcIj57e3ZhbHVlLm5hbWV9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9yaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7dmFsdWUuc3FfZnR9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uc3RhbnRfbGluZVwiPnw8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj57e3ZhbHVlLnByaWNlfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQxIGNvbW1vbi1zdHlsZS0xXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDFfbmFtZVwiPkludGVybmFsIFJhdGUgb2YgUmV0dXJuPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPiAxMiU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMiBjb21tb24tc3R5bGUtMVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQyX25hbWVcIj5Bbm51YWwgUmV0dXJuPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPiAxMCU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+Il19
39
+ args: [{ selector: 'simpo-portfolio', standalone: true, imports: [MatIcon, CommonModule, NgxSkeletonLoaderModule], template: "<section class=\"main-container\" *ngIf=\"!pageLoader\">\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\">{{portFolioData?.currentPortFolioValue ?? 0}}</div>\r\n <div class=\"bottom-text\">Investment increase by : &nbsp;<span class=\"amnt clr-white\">\r\n {{growthAmount ?? 0}}</span>&nbsp;&nbsp;<span class=\"percent-text\">{{growthPercentage ?? 0}} %</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 propertyDetails\">{{ele.name}}</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=\"row content1\" >\r\n <div class=\"col-md-4 col-12\">\r\n <div class=\"content-d1\" >\r\n <div class=\"d1_name\">Total Investment Value</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/681867c1739529671422Group%201707483072%20%282%29.png\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{portFolioData?.totalInvestedValue ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-4 col-6 property-owned\">\r\n <div class=\"content-d2\">\r\n <div class=\"d1_name\">Properties Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/990718c1739529606489Group%201707483072%20%281%29.png\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{portFolioData?.totalInvestedProperties ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-4 col-6 property-totalSqft\">\r\n <div class=\"content-d3\">\r\n <div class=\"d1_name\">Total Sq.ft Owned</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=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/776806c1739529625699Group%201707483072.png\" alt=\"img1\">\r\n </div>\r\n </div>\r\n <div class=\"no_of\">{{portFolioData?.totalSqFeetOwned ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n </div>\r\n <div class=\"row content2\">\r\n <div class=\"col-md-8 col-12\">\r\n <div class=\"d2 d-flex\">\r\n <div class=\"left_d2\">\r\n <div class=\"d2_value\" *ngFor=\"let ele of propertyDetails\">\r\n <div class=\"value_left\">\r\n <div class=\"value_color\"></div>\r\n <div class=\"property_name\">{{ele?.name ?? \"N/A\"}}</div>\r\n </div>\r\n <div class=\"value_right\">\r\n <div>{{ele?.totalSqFeetOwned ?? 0}}</div>\r\n <div class=\"constant_line\">|</div>\r\n <div>{{ele?.investedAmount ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-md-4 col-12 \">\r\n <div class=\"row d3\">\r\n <div class=\"col-6 \">\r\n <div class=\"d3_card1 common-style-1\">\r\n <div class=\"d3_card1_name text-start common-style-name\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\r\n </div>\r\n </div>\r\n <div class=\"col-6 \">\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name text-start common-style-name\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\"> {{portFolioData?.avgAnnualReturn ?? 0}}%</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"content1 \">\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 text-start\">Internal Rate of Return</div>\r\n <div class=\"value_d3_card1_name\">{{portFolioData?.avgIRR ?? 0}}</div>\r\n </div>\r\n <div class=\"d3_card2 common-style-1\">\r\n <div class=\"d3_card2_name text-start\">Annual Return</div>\r\n <div class=\"value_d3_card1_name\">{{portFolioData?.avgAnnualReturn ?? 0}}</div>\r\n </div>\r\n </div>\r\n </div> -->\r\n\r\n </div>\r\n </div>\r\n</section>\r\n<section class=\"pageLoader\" *ngIf=\"pageLoader\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width: '100%',\r\n height: '30vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n <div class=\"row\">\r\n <div class=\"col-md-4 col-12\" *ngFor=\"let skel of [1,2,3]\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '20vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-md-8 col-12\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '30vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n </div>\r\n <div class=\"col-md-4 col-12\">\r\n <div class=\"row flex-column\">\r\n <div class=\"col-6 w-100\" *ngFor=\"let skel of [1,2]\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '13vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\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{padding:15px 0}.d1_img img{width:40px;height:auto}.no_of{font-size:28px;font-weight:600;line-height:24px;color:#01161e}.top_navigation_section{width:100%;height:6vh;padding:4px 2px}.backToLeads{color:#000!important}.arrowLeft{position:relative;top:2px}.edit-icon,.delete-icon{border:1px solid #F1F1F1;padding:4px 8px;border-radius:8px}.mainSection_es{height:calc(100vh + -0px);z-index:2;position:absolute;top:0;background:#fff;width:100%;overflow-y:hidden}.top_navigation{height:calc(7vh + -0px)}.botton_rendering{height:calc(93vh + -0px)}.leadDetailsSection_es{width:20%;height:100%}.activityAndNotesSection_es{width:90%;padding:5px 23px;height:100%;margin-left:5%}.companyDetailsSection-es{width:15%;padding:10px;height:100%}.content-area{background:#f1f6ff;border-radius:8px;padding:10px 0;height:calc(65vh - 72px);gap:1px}.inside-header{height:7vh;display:flex;flex-direction:row;justify-content:space-between}.left-section{align-content:center;font-weight:600;font-size:16px;padding-left:25px;color:#000}.cal{width:30%}.inside-content{border-radius:8px;height:calc(60vh - 72px);display:flex;flex-direction:column;gap:2px}.content-d1,.content-d2,.content-d3{background-color:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);padding:15px}.d1_name{font-size:16px;font-weight:500;line-height:24px;color:#01161e;margin-bottom:15px}.card1{gap:8px}.content2{border-radius:8px;width:100%}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px}.left_d2{width:auto;align-content:center;height:auto;overflow-y:scroll;padding:12px}.d2_img{width:36%;align-content:center;height:20vh}.d3{border-radius:8px;display:flex;flex-direction:column}.d3_card1{border-left:8px solid rgb(52,84,177)!important}.d3_card2{border-left:8px solid rgb(39,29,109)!important}.common-style-1{background-color:#fff;border-radius:8px;padding:8px;margin-bottom:15px;width:20vw}.d3_card1_name,.d3_card2_name{text-align:start;font-size:16px;line-height:24px;margin-bottom:10px;font-weight:500;color:#01161e}.value_d3_card1_name{text-align:start;font-size:28px;line-height:24px;font-weight:700;color:#01161e}.d2_value{display:flex;justify-content:space-between;padding:9px 2px}.value_left{display:flex;gap:8px;font-family:sans-serif;font-weight:500}.value_color{width:8px;height:21px;border-radius:3px}.value_right{display:flex;gap:2px;width:44%;justify-content:space-evenly}.filter-container{gap:10px}.filter-item{width:12vw}.custom-date-picker,.custom-dropdown{width:100%;padding:10px!important;border:1px solid rgba(0,0,0,.03);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;outline:none;font-size:14px;font-weight:500;line-height:24px;color:#000}.custom-dropdown{background-position:right 10px center;background-size:14px;padding-right:30px}.content-d2-01,.content-d3-01{width:20vw}@media only screen and (max-width: 475px){.filter-container{width:96vw;gap:6px}.filter-item{width:46vw}.left-section{align-content:center;font-weight:600;font-size:18px;padding-left:3px;color:#000}.inside-header{height:12vh;display:flex;flex-direction:column;justify-content:space-between;gap:9px}.content1{padding:15px 0}.content2{width:auto}.d2{background-color:#fff;border-radius:8px;padding:4px 5px;height:25vh;width:auto;flex-direction:row;gap:2px;justify-content:center}.d2_value{width:82vw;padding:15px 2px}.d3{display:flex;flex-direction:row;justify-content:space-between;width:auto;padding:10px}.property-owned{padding:8px 4px 0 11px}.property-totalSqft{padding:8px 11px 0 4px}.common-style-name{width:37vw;height:6vh}.common-style-1{width:auto}}\n"] }]
40
+ }], ctorParameters: () => [{ type: i1.RestService }] });
41
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydGZvbGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BvcnRmb2xpby9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWpELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7OztBQVU5RCxNQUFNLE9BQU8sa0JBQWtCO0lBRTdCLFlBQW9CLFdBQXlCO1FBQXpCLGdCQUFXLEdBQVgsV0FBVyxDQUFjO1FBSTdDLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLHFCQUFnQixHQUFXLENBQUMsQ0FBQztRQVE3QixlQUFVLEdBQWEsS0FBSyxDQUFBO0lBWDVCLENBQUM7SUFNRCxRQUFRO1FBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUE7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUE7SUFDM0IsQ0FBQztJQUdELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQTtRQUN0QixJQUFJLENBQUMsV0FBVyxDQUFDLG1CQUFtQixFQUFFLENBQUMsU0FBUyxDQUM5QyxDQUFDLEdBQUcsRUFBQyxFQUFFO1lBQ0wsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUE7WUFDeEIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLHFCQUFxQixHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsa0JBQWtCLENBQUM7WUFDdkcsSUFBSSxDQUFDLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsa0JBQWtCLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUN2SCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtRQUN6QixDQUFDLENBQ0YsQ0FBQTtJQUNILENBQUM7SUFHRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLFNBQVMsQ0FDL0MsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUNYLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRyxDQUFBO1FBQzVCLENBQUMsQ0FDRixDQUFBO0lBQ0gsQ0FBQzs4R0FuQ1Usa0JBQWtCO2tHQUFsQixrQkFBa0IsMkVDZC9CLCsrVEE0TFUsMmlJRGxMRSxPQUFPLDBJQUFDLFlBQVksK1BBQUMsdUJBQXVCOzsyRkFJM0Msa0JBQWtCO2tCQVA5QixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBQyxZQUFZLEVBQUMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBSZXN0U2VydmljZSB9IGZyb20gJy4vLi4vLi4vc2VydmljZXMvcmVzdC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUgfSBmcm9tICduZ3gtc2tlbGV0b24tbG9hZGVyJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLXBvcnRmb2xpbycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTWF0SWNvbixDb21tb25Nb2R1bGUsTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3J0Zm9saW8uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9wb3J0Zm9saW8uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFBvcnRmb2xpb0NvbXBvbmVudCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVzdFNlcnZpY2UgOiBSZXN0U2VydmljZSl7XHJcblxyXG4gIH1cclxuXHJcbiAgZ3Jvd3RoQW1vdW50OiBudW1iZXIgPSAwO1xyXG4gIGdyb3d0aFBlcmNlbnRhZ2U6IG51bWJlciA9IDA7XHJcbiAgcG9ydEZvbGlvRGF0YSA6IGFueVxyXG5cclxuICBuZ09uSW5pdCgpe1xyXG4gICAgdGhpcy5nZXRQb3J0Zm9saW9EZXRhaWxzKClcclxuICAgIHRoaXMuZ2V0UHJvcGVydHlEZXRhaWxzKClcclxuICB9XHJcblxyXG4gIHBhZ2VMb2FkZXIgOiBib29sZWFuID0gZmFsc2VcclxuICBnZXRQb3J0Zm9saW9EZXRhaWxzKCl7XHJcbiAgICB0aGlzLnBhZ2VMb2FkZXIgPSB0cnVlXHJcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmdldFBvcnRmb2xpb0RldGFpbHMoKS5zdWJzY3JpYmUoXHJcbiAgICAgIChyZXMpPT57XHJcbiAgICAgICAgdGhpcy5wb3J0Rm9saW9EYXRhID0gcmVzXHJcbiAgICAgICAgdGhpcy5ncm93dGhBbW91bnQgPSB0aGlzLnBvcnRGb2xpb0RhdGE/LmN1cnJlbnRQb3J0Rm9saW9WYWx1ZSAtIHRoaXMucG9ydEZvbGlvRGF0YT8udG90YWxJbnZlc3RlZFZhbHVlO1xyXG4gICAgICAgIHRoaXMuZ3Jvd3RoUGVyY2VudGFnZSA9IE51bWJlcihOdW1iZXIoKDEwMCAqIHRoaXMuZ3Jvd3RoQW1vdW50KSAvICB0aGlzLnBvcnRGb2xpb0RhdGE/LnRvdGFsSW52ZXN0ZWRWYWx1ZSkudG9GaXhlZCgyKSk7XHJcbiAgICAgICAgdGhpcy5wYWdlTG9hZGVyID0gZmFsc2VcclxuICAgICAgfVxyXG4gICAgKVxyXG4gIH1cclxuXHJcbiAgcHJvcGVydHlEZXRhaWxzIDogYW55XHJcbiAgZ2V0UHJvcGVydHlEZXRhaWxzKCkge1xyXG4gICAgdGhpcy5yZXN0U2VydmljZS5nZXRNeVByb3BlcnR5RGV0YWlscygpLnN1YnNjcmliZShcclxuICAgICAgKHJlczogYW55KSA9PiB7XHJcbiAgICAgICAgdGhpcy5wcm9wZXJ0eURldGFpbHMgPSByZXNcclxuICAgICAgfVxyXG4gICAgKVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYWluLWNvbnRhaW5lclwiICpuZ0lmPVwiIXBhZ2VMb2FkZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWRpdiB0ZXh0LWVuZFwiPjxtYXQtaWNvbiBjbGFzcz1cImNsci13aGl0ZVwiPnJlbW92ZV9yZWRfZXllPC9tYXQtaWNvbj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLXRleHRcIj5DdXJyZW50IFBvcnRmb2xpbyBWYWx1ZTwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLXRleHRcIj57e3BvcnRGb2xpb0RhdGE/LmN1cnJlbnRQb3J0Rm9saW9WYWx1ZSA/PyAwfX08L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm90dG9tLXRleHRcIj5JbnZlc3RtZW50IGluY3JlYXNlIGJ5IDogJm5ic3A7PHNwYW4gY2xhc3M9XCJhbW50IGNsci13aGl0ZVwiPlxyXG4gICAgICAgICAgICAgICAge3tncm93dGhBbW91bnQgPz8gMH19PC9zcGFuPiZuYnNwOyZuYnNwOzxzcGFuIGNsYXNzPVwicGVyY2VudC10ZXh0XCI+e3tncm93dGhQZXJjZW50YWdlID8/IDB9fSAlPC9zcGFuPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1hcmVhXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImluc2lkZS1oZWFkZXJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQtc2VjdGlvblwiPkludmVzdG9yIE92ZXJ2aWV3PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1zZWN0aW9uIGQtZmxleFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWJveFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmaWx0ZXItY29udGFpbmVyIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpbHRlci1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT1cImRhdGVcIiBjbGFzcz1cImN1c3RvbS1kYXRlLXBpY2tlclwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzZWxlY3QgY2xhc3M9XCJjdXN0b20tZHJvcGRvd25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBlbGUgb2YgcHJvcGVydHlEZXRhaWxzXCI+e3tlbGUubmFtZX19PC9vcHRpb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NlbGVjdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImluc2lkZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgY29udGVudDFcIiA+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTQgY29sLTEyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtZDFcIiA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9uYW1lXCI+VG90YWwgSW52ZXN0bWVudCBWYWx1ZTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDEgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnLTEwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDFfaW1nIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkMV9pbWdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzY4MTg2N2MxNzM5NTI5NjcxNDIyR3JvdXAlMjAxNzA3NDgzMDcyJTIwJTI4MiUyOS5wbmdcIiBhbHQ9XCJpbWcxXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJub19vZlwiPnt7cG9ydEZvbGlvRGF0YT8udG90YWxJbnZlc3RlZFZhbHVlID8/IDB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC00IGNvbC02IHByb3BlcnR5LW93bmVkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtZDJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX25hbWVcIj5Qcm9wZXJ0aWVzIE93bmVkPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGctMTBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX2ltZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvOTkwNzE4YzE3Mzk1Mjk2MDY0ODlHcm91cCUyMDE3MDc0ODMwNzIlMjAlMjgxJTI5LnBuZ1wiIGFsdD1cImltZzFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5vX29mXCI+e3twb3J0Rm9saW9EYXRhPy50b3RhbEludmVzdGVkUHJvcGVydGllcyA/PyAwfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCBjb2wtNiBwcm9wZXJ0eS10b3RhbFNxZnRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1kM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFfbmFtZVwiPlRvdGFsIFNxLmZ0IE93bmVkPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGctMTBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX2ltZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvNzc2ODA2YzE3Mzk1Mjk2MjU2OTlHcm91cCUyMDE3MDc0ODMwNzIucG5nXCIgYWx0PVwiaW1nMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm9fb2ZcIj57e3BvcnRGb2xpb0RhdGE/LnRvdGFsU3FGZWV0T3duZWQgPz8gMH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgY29udGVudDJcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtOCBjb2wtMTJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDIgZC1mbGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0X2QyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDJfdmFsdWVcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIHByb3BlcnR5RGV0YWlsc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9jb2xvclwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHlfbmFtZVwiPnt7ZWxlPy5uYW1lID8/IFwiTi9BXCJ9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9yaWdodFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7ZWxlPy50b3RhbFNxRmVldE93bmVkID8/IDB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29uc3RhbnRfbGluZVwiPnw8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdj57e2VsZT8uaW52ZXN0ZWRBbW91bnQgPz8gMH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCBjb2wtMTIgXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdyBkM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTYgXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDEgY29tbW9uLXN0eWxlLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDFfbmFtZSB0ZXh0LXN0YXJ0IGNvbW1vbi1zdHlsZS1uYW1lXCI+SW50ZXJuYWwgUmF0ZSBvZiBSZXR1cm48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfZDNfY2FyZDFfbmFtZVwiPnt7cG9ydEZvbGlvRGF0YT8uYXZnSVJSID8/IDB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTYgXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDIgY29tbW9uLXN0eWxlLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDJfbmFtZSB0ZXh0LXN0YXJ0IGNvbW1vbi1zdHlsZS1uYW1lXCI+QW5udWFsIFJldHVybjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9kM19jYXJkMV9uYW1lXCI+IHt7cG9ydEZvbGlvRGF0YT8uYXZnQW5udWFsUmV0dXJuID8/IDB9fSU8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiY29udGVudDEgXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIHRvcENhcmRzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQxX25hbWVcIj57e2VsZS50ZXh0fX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZDEgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnLTEwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkMV9pbWcgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDFfaW1nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImVsZS5pY29uXCIgYWx0PVwiaW1nMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm9fb2ZcIj57e2VsZS5jb3VudH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+IC0tPlxyXG4gICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJjb250ZW50MiBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDIgZC1mbGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxlZnRfZDJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQyX3ZhbHVlXCIgKm5nRm9yPVwibGV0IHZhbHVlIG9mIHByb3BlcnR5X2xpc3RcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZV9sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX2NvbG9yXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogdmFsdWUuY29sb3J9XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5X25hbWVcIj57e3ZhbHVlLm5hbWV9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWVfcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2Pnt7dmFsdWUuc3FfZnR9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb25zdGFudF9saW5lXCI+fDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXY+e3t2YWx1ZS5wcmljZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkM19jYXJkMSBjb21tb24tc3R5bGUtMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDFfbmFtZSB0ZXh0LXN0YXJ0XCI+SW50ZXJuYWwgUmF0ZSBvZiBSZXR1cm48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX2QzX2NhcmQxX25hbWVcIj57e3BvcnRGb2xpb0RhdGE/LmF2Z0lSUiA/PyAwfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZDNfY2FyZDIgY29tbW9uLXN0eWxlLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQzX2NhcmQyX25hbWUgdGV4dC1zdGFydFwiPkFubnVhbCBSZXR1cm48L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlX2QzX2NhcmQxX25hbWVcIj57e3BvcnRGb2xpb0RhdGE/LmF2Z0FubnVhbFJldHVybiA/PyAwfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj4gLS0+XHJcblxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuPHNlY3Rpb24gY2xhc3M9XCJwYWdlTG9hZGVyXCIgKm5nSWY9XCJwYWdlTG9hZGVyXCI+XHJcbiAgICA8bmd4LXNrZWxldG9uLWxvYWRlciBjb3VudD1cIjFcIiBhcHBlYXJhbmNlPVwiY2lyY2xlXCIgW3RoZW1lXT1cIntcclxuICAgICAgICB3aWR0aDogJzEwMCUnLFxyXG4gICAgICAgIGhlaWdodDogJzMwdmgnLFxyXG4gICAgICAgICdib3JkZXItcmFkaXVzJzogJzEwcHgnLFxyXG4gICAgICB9XCI+XHJcbiAgICAgIDwvbmd4LXNrZWxldG9uLWxvYWRlcj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTQgY29sLTEyXCIgKm5nRm9yPVwibGV0IHNrZWwgb2YgWzEsMiwzXVwiPlxyXG4gICAgICAgICAgICA8bmd4LXNrZWxldG9uLWxvYWRlciBjb3VudD1cIjFcIiBhcHBlYXJhbmNlPVwiY2lyY2xlXCIgW3RoZW1lXT1cIntcclxuICAgICAgICAgICAgICAgIHdpZHRoIDogJzEwMCUnLFxyXG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAnMjB2aCcsXHJcbiAgICAgICAgICAgICAgICAnYm9yZGVyLXJhZGl1cyc6ICcxMHB4JyxcclxuICAgICAgICAgICAgICB9XCI+XHJcbiAgICAgICAgICAgICAgPC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC04IGNvbC0xMlwiPlxyXG4gICAgICAgICAgICA8bmd4LXNrZWxldG9uLWxvYWRlciBjb3VudD1cIjFcIiBhcHBlYXJhbmNlPVwiY2lyY2xlXCIgW3RoZW1lXT1cIntcclxuICAgICAgICAgICAgICAgIHdpZHRoIDogJzEwMCUnLFxyXG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAnMzB2aCcsXHJcbiAgICAgICAgICAgICAgICAnYm9yZGVyLXJhZGl1cyc6ICcxMHB4JyxcclxuICAgICAgICAgICAgICB9XCI+XHJcbiAgICAgICAgICAgICAgPC9uZ3gtc2tlbGV0b24tbG9hZGVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNCBjb2wtMTJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdyBmbGV4LWNvbHVtblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC02IHctMTAwXCIgKm5nRm9yPVwibGV0IHNrZWwgb2YgWzEsMl1cIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmd4LXNrZWxldG9uLWxvYWRlciBjb3VudD1cIjFcIiBhcHBlYXJhbmNlPVwiY2lyY2xlXCIgW3RoZW1lXT1cIntcclxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGggOiAnMTAwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogJzEzdmgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAnYm9yZGVyLXJhZGl1cyc6ICcxMHB4JyxcclxuICAgICAgICAgICAgICAgICAgICAgIH1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgIDwvbmd4LXNrZWxldG9uLWxvYWRlcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19
@@ -0,0 +1,40 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { Component, HostListener } from '@angular/core';
3
+ import { MatIcon } from '@angular/material/icon';
4
+ import { PropertyViewComponent } from '../property-view/property-view.component';
5
+ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
6
+ import * as i0 from "@angular/core";
7
+ import * as i1 from "./../../services/rest.service";
8
+ import * as i2 from "@angular/common";
9
+ import * as i3 from "ngx-skeleton-loader";
10
+ export class PropertiesComponent {
11
+ constructor(restService) {
12
+ this.restService = restService;
13
+ this.pageLoader = false;
14
+ this.viewTab = false;
15
+ }
16
+ ngOnInit() {
17
+ this.getPropertyDetails();
18
+ this.getScreenSize();
19
+ }
20
+ getPropertyDetails() {
21
+ this.pageLoader = true;
22
+ this.restService.getMyPropertyDetails().subscribe((res) => {
23
+ this.propertyDetails = res;
24
+ this.pageLoader = false;
25
+ });
26
+ }
27
+ getScreenSize() {
28
+ this.screenWidth = window.innerWidth;
29
+ }
30
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PropertiesComponent, deps: [{ token: i1.RestService }], target: i0.ɵɵFactoryTarget.Component }); }
31
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: PropertiesComponent, isStandalone: true, selector: "simpo-properties", host: { listeners: { "window: resize": "getScreenSize($event)" } }, ngImport: i0, template: "<section class=\"main-container\" *ngIf=\"!viewTab && !pageLoader\">\r\n <!-- <div class=\"card-section d-flex gap-2\">\r\n <div class=\"cards\" *ngFor=\"let ele of investments\">\r\n <div class=\"head\">{{ele.name}}</div>\r\n <div class=\"mini-cards\">\r\n <div class=\"mini-card\" *ngFor=\"let ele of ele.details\">\r\n <div class=\"text\">{{ele.name}}</div>\r\n <div class=\"number d-flex\">{{ele.value}}&nbsp;&nbsp;<span *ngIf=\"ele?.spanValue\"\r\n class=\"span-text d-flex\"><mat-icon>arrow_drop_up</mat-icon>\r\n {{ele.spanValue}}</span></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"property-tabs d-flex gap-10 mt-3\">\r\n <div class=\"tab\" *ngFor=\"let ele of tabs\" (click)=\"activeTab = ele.value\"\r\n [class.tabActive]=\"activeTab == ele.value\">{{ele.viewValue}}</div>\r\n </div> -->\r\n <div class=\"property-cards\">\r\n <ng-container *ngFor=\"let ele of propertyDetails\">\r\n <div class=\"property-card w-100 d-flex gap-10\" (click)=\"viewTab = true;selectedId = ele.propertyId\">\r\n <div id=\"carouselExampleInterval\" class=\"carousel slide p-relative w-35 h-34\" data-bs-ride=\"carousel\" *ngIf=\"ele?.propertyImage\">\r\n <div class=\"carousel-inner\">\r\n <ng-container *ngFor=\"let ele of ele?.propertyImage;let i = index\">\r\n <div class=\"carousel-item active\" [class.active]=\"i\" data-bs-interval=\"3000\">\r\n <img [src]=\"ele\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"propertyName d-flex justify-content-center p-15\">\r\n <div class=\"carousel d-flex justify-content-end align-items-end\">\r\n <div class=\"carousel-indicators additional-properties-1\">\r\n <ng-container *ngFor=\"let ele of ele.propertyImage;let i = index\">\r\n <button type=\"button\" data-bs-target=\"#carouselExampleInterval\"\r\n [attr.data-bs-slide-to]=\"i\" class=\"active additional-properties\"\r\n aria-current=\"true\" aria-label=\"Slide 1\"></button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"property-card w-35 d-flex gap-10\" *ngIf=\"!ele?.propertyImage\">\r\n <img src=\"https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\r\n </div>\r\n <div class=\"right-section\">\r\n <div class=\"right-top d-flex justify-content-between\">\r\n <div class=\"head-left\">\r\n <div class=\"propertyname\">{{ele?.name ?? \"N/A\"}}</div>\r\n <div class=\"property-location\"><img\r\n src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\"\r\n alt=\"location image\" class=\"grey-icon\">{{ele?.propertyLocation ?? \"N/A\"}}</div>\r\n </div>\r\n </div>\r\n <!-- <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/637983c1739855715188Vector%2012%20%281%29.png\" class=\"curve-img\"> -->\r\n <div class=\"right-bottom d-flex gap-10 width\">\r\n <div class=\"row w-100\">\r\n <div class=\"col-md-3 col-6 details\">\r\n <div class=\"top-detail text-center\">{{ele?.investedAmount ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Invested Amount</div>\r\n </div>\r\n <div class=\"col-md-3 col-6 details\" [class.lst-div]=\"screenWidth < 475\">\r\n <div class=\"top-detail text-center\">{{ele?.totalSqFeetOwned ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Sq.ft</div>\r\n </div>\r\n <div class=\"col-md-3 col-6 details\">\r\n <div class=\"top-detail text-center\">{{ele?.indicativeMarketValue ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Current Value</div>\r\n </div>\r\n <div class=\"col-md-3 col-6 details lst-div\">\r\n <div class=\"top-detail text-center\">{{ele?.currentAmount ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Profit/Loss</div>\r\n </div>\r\n <!-- lst-div -->\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</section>\r\n<section class=\"view-container\" *ngIf=\"viewTab\">\r\n <div class=\"back\">\r\n <div class=\"back-text d-flex align-items-center\">\r\n <p class=\"my-text mb-0 common-style\" (click)=\"viewTab = false\">My Properties</p><mat-icon\r\n class=\"my-text\">keyboard_arrow_right</mat-icon>\r\n <p class=\"prty-text mb-0 common-style\">Property Details</p>\r\n </div>\r\n </div>\r\n <simpo-property-view [id]=\"selectedId\"></simpo-property-view>\r\n</section>\r\n<section class=\"pageloader\" *ngIf=\"pageLoader\">\r\n <div class=\"property-cards\">\r\n <div *ngFor=\"let skel of [1,2,3]\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '30vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n </div>\r\n </div>\r\n\r\n</section>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.gap-2{gap:2%!important}.cards{background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);width:49%;padding:10px}.head{font-size:18px;font-weight:600;line-height:24px;color:#000;margin-bottom:10px}.mini-cards{display:grid;grid-template-columns:48% 48%;gap:3%}.mini-card{background:#fafafa;border-radius:7px;padding:10px 15px;margin-bottom:10px}.text{font-size:14px;line-height:24px;font-weight:500;color:#01161ecc;margin-bottom:10px}.number{font-size:24px;line-height:24px;font-weight:700;color:#01161e}.span-text{font-size:13px;line-height:24px;font-weight:700;color:#36b37e}.property-tab{display:flex;gap:10px;margin-top:15px}.gap-10{gap:10px}.tab{padding:10px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;font-size:16px;line-height:24px;font-weight:500;color:#01161e;cursor:pointer}.tabActive{color:#f8a938!important;border:1px solid rgba(248,169,56,1)!important}.additional-properties{border-radius:50%;height:1vh;width:8px!important}.additional-properties-1{position:unset!important;padding:unset!important;margin:unset!important;width:100%}.p-relative{position:relative}.propertyName{position:absolute;bottom:0;width:100%}.height-30{height:35vh}.w-35{width:35%!important}.property-cards{overflow-y:scroll;height:81vh}.property-card{border-radius:10px!important;background:#fff;border:1px solid rgba(0,0,0,.04);margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer}.br-10{border-radius:10px 0 0 10px}.right-section{width:65%}.property-name{font-size:16px;font-weight:600;line-height:21px;color:#000}.property-location{font-size:14px;font-weight:500;line-height:44px;color:#0000004d}.type{font-size:14px;font-weight:600;line-height:24px;color:#f8a938;background:#ffebcb;border-radius:8px 0 0 9px;padding:6px}.right-bottom{background:#219ebc}.details{border-right:1px solid rgba(255,255,255,.2);padding:8px;margin:8px 0}.top-detail{font-size:20px;font-weight:700;line-height:24px;color:#fff}.bottom-detail{font-size:13px;font-weight:500;line-height:24px;color:#ffffffb3}.head-left{padding:10px}.head-right{padding:10px 0}.lst-div{border:unset!important}.width{width:90%!important}.curve-img{position:absolute;width:33px;top:33%;left:31%}.p-15{padding:15px}.my-text{color:#00000080;cursor:pointer}.prty-text{color:#000}.common-style{font-size:14px;line-height:24px;font-weight:500}.grey-icon{filter:grayscale(100%) brightness(50%)}@media only screen and (max-width: 475px){.property-card{width:100%;display:flex;flex-direction:column;gap:10px}.carousel{position:unset;width:100%!important;padding:10px}.right-section{width:100%}.head-right{display:none}.propertyName{position:relative;bottom:50px}.h-34{height:32vh}.right-bottom{border-radius:10px}.propertyname{font-size:19px;font-weight:600}.property-location{font-size:20px}.property-cards{height:100%}.width{width:95%!important}.br-10{border-radius:10px}.height-30{height:32vh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: PropertyViewComponent, selector: "simpo-property-view", inputs: ["id"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i3.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme"] }] }); }
32
+ }
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PropertiesComponent, decorators: [{
34
+ type: Component,
35
+ args: [{ selector: 'simpo-properties', standalone: true, imports: [CommonModule, MatIcon, PropertyViewComponent, NgxSkeletonLoaderModule], template: "<section class=\"main-container\" *ngIf=\"!viewTab && !pageLoader\">\r\n <!-- <div class=\"card-section d-flex gap-2\">\r\n <div class=\"cards\" *ngFor=\"let ele of investments\">\r\n <div class=\"head\">{{ele.name}}</div>\r\n <div class=\"mini-cards\">\r\n <div class=\"mini-card\" *ngFor=\"let ele of ele.details\">\r\n <div class=\"text\">{{ele.name}}</div>\r\n <div class=\"number d-flex\">{{ele.value}}&nbsp;&nbsp;<span *ngIf=\"ele?.spanValue\"\r\n class=\"span-text d-flex\"><mat-icon>arrow_drop_up</mat-icon>\r\n {{ele.spanValue}}</span></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"property-tabs d-flex gap-10 mt-3\">\r\n <div class=\"tab\" *ngFor=\"let ele of tabs\" (click)=\"activeTab = ele.value\"\r\n [class.tabActive]=\"activeTab == ele.value\">{{ele.viewValue}}</div>\r\n </div> -->\r\n <div class=\"property-cards\">\r\n <ng-container *ngFor=\"let ele of propertyDetails\">\r\n <div class=\"property-card w-100 d-flex gap-10\" (click)=\"viewTab = true;selectedId = ele.propertyId\">\r\n <div id=\"carouselExampleInterval\" class=\"carousel slide p-relative w-35 h-34\" data-bs-ride=\"carousel\" *ngIf=\"ele?.propertyImage\">\r\n <div class=\"carousel-inner\">\r\n <ng-container *ngFor=\"let ele of ele?.propertyImage;let i = index\">\r\n <div class=\"carousel-item active\" [class.active]=\"i\" data-bs-interval=\"3000\">\r\n <img [src]=\"ele\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"propertyName d-flex justify-content-center p-15\">\r\n <div class=\"carousel d-flex justify-content-end align-items-end\">\r\n <div class=\"carousel-indicators additional-properties-1\">\r\n <ng-container *ngFor=\"let ele of ele.propertyImage;let i = index\">\r\n <button type=\"button\" data-bs-target=\"#carouselExampleInterval\"\r\n [attr.data-bs-slide-to]=\"i\" class=\"active additional-properties\"\r\n aria-current=\"true\" aria-label=\"Slide 1\"></button>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"property-card w-35 d-flex gap-10\" *ngIf=\"!ele?.propertyImage\">\r\n <img src=\"https://upload.wikimedia.org/wikipedia/commons/1/14/No_Image_Available.jpg\" class=\"d-block w-100 height-30 br-10\" alt=\"property-image\">\r\n </div>\r\n <div class=\"right-section\">\r\n <div class=\"right-top d-flex justify-content-between\">\r\n <div class=\"head-left\">\r\n <div class=\"propertyname\">{{ele?.name ?? \"N/A\"}}</div>\r\n <div class=\"property-location\"><img\r\n src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/384275c1737629729545location_on.png\"\r\n alt=\"location image\" class=\"grey-icon\">{{ele?.propertyLocation ?? \"N/A\"}}</div>\r\n </div>\r\n </div>\r\n <!-- <img src=\"https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/637983c1739855715188Vector%2012%20%281%29.png\" class=\"curve-img\"> -->\r\n <div class=\"right-bottom d-flex gap-10 width\">\r\n <div class=\"row w-100\">\r\n <div class=\"col-md-3 col-6 details\">\r\n <div class=\"top-detail text-center\">{{ele?.investedAmount ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Invested Amount</div>\r\n </div>\r\n <div class=\"col-md-3 col-6 details\" [class.lst-div]=\"screenWidth < 475\">\r\n <div class=\"top-detail text-center\">{{ele?.totalSqFeetOwned ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Sq.ft</div>\r\n </div>\r\n <div class=\"col-md-3 col-6 details\">\r\n <div class=\"top-detail text-center\">{{ele?.indicativeMarketValue ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Current Value</div>\r\n </div>\r\n <div class=\"col-md-3 col-6 details lst-div\">\r\n <div class=\"top-detail text-center\">{{ele?.currentAmount ?? 0}}</div>\r\n <div class=\"bottom-detail text-center\">Profit/Loss</div>\r\n </div>\r\n <!-- lst-div -->\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</section>\r\n<section class=\"view-container\" *ngIf=\"viewTab\">\r\n <div class=\"back\">\r\n <div class=\"back-text d-flex align-items-center\">\r\n <p class=\"my-text mb-0 common-style\" (click)=\"viewTab = false\">My Properties</p><mat-icon\r\n class=\"my-text\">keyboard_arrow_right</mat-icon>\r\n <p class=\"prty-text mb-0 common-style\">Property Details</p>\r\n </div>\r\n </div>\r\n <simpo-property-view [id]=\"selectedId\"></simpo-property-view>\r\n</section>\r\n<section class=\"pageloader\" *ngIf=\"pageLoader\">\r\n <div class=\"property-cards\">\r\n <div *ngFor=\"let skel of [1,2,3]\">\r\n <ngx-skeleton-loader count=\"1\" appearance=\"circle\" [theme]=\"{\r\n width : '100%',\r\n height: '30vh',\r\n 'border-radius': '10px',\r\n }\">\r\n </ngx-skeleton-loader>\r\n </div>\r\n </div>\r\n\r\n</section>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.gap-2{gap:2%!important}.cards{background:#fff;border-radius:10px;border:1px solid rgba(0,0,0,.03);width:49%;padding:10px}.head{font-size:18px;font-weight:600;line-height:24px;color:#000;margin-bottom:10px}.mini-cards{display:grid;grid-template-columns:48% 48%;gap:3%}.mini-card{background:#fafafa;border-radius:7px;padding:10px 15px;margin-bottom:10px}.text{font-size:14px;line-height:24px;font-weight:500;color:#01161ecc;margin-bottom:10px}.number{font-size:24px;line-height:24px;font-weight:700;color:#01161e}.span-text{font-size:13px;line-height:24px;font-weight:700;color:#36b37e}.property-tab{display:flex;gap:10px;margin-top:15px}.gap-10{gap:10px}.tab{padding:10px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:8px;font-size:16px;line-height:24px;font-weight:500;color:#01161e;cursor:pointer}.tabActive{color:#f8a938!important;border:1px solid rgba(248,169,56,1)!important}.additional-properties{border-radius:50%;height:1vh;width:8px!important}.additional-properties-1{position:unset!important;padding:unset!important;margin:unset!important;width:100%}.p-relative{position:relative}.propertyName{position:absolute;bottom:0;width:100%}.height-30{height:35vh}.w-35{width:35%!important}.property-cards{overflow-y:scroll;height:81vh}.property-card{border-radius:10px!important;background:#fff;border:1px solid rgba(0,0,0,.04);margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer}.br-10{border-radius:10px 0 0 10px}.right-section{width:65%}.property-name{font-size:16px;font-weight:600;line-height:21px;color:#000}.property-location{font-size:14px;font-weight:500;line-height:44px;color:#0000004d}.type{font-size:14px;font-weight:600;line-height:24px;color:#f8a938;background:#ffebcb;border-radius:8px 0 0 9px;padding:6px}.right-bottom{background:#219ebc}.details{border-right:1px solid rgba(255,255,255,.2);padding:8px;margin:8px 0}.top-detail{font-size:20px;font-weight:700;line-height:24px;color:#fff}.bottom-detail{font-size:13px;font-weight:500;line-height:24px;color:#ffffffb3}.head-left{padding:10px}.head-right{padding:10px 0}.lst-div{border:unset!important}.width{width:90%!important}.curve-img{position:absolute;width:33px;top:33%;left:31%}.p-15{padding:15px}.my-text{color:#00000080;cursor:pointer}.prty-text{color:#000}.common-style{font-size:14px;line-height:24px;font-weight:500}.grey-icon{filter:grayscale(100%) brightness(50%)}@media only screen and (max-width: 475px){.property-card{width:100%;display:flex;flex-direction:column;gap:10px}.carousel{position:unset;width:100%!important;padding:10px}.right-section{width:100%}.head-right{display:none}.propertyName{position:relative;bottom:50px}.h-34{height:32vh}.right-bottom{border-radius:10px}.propertyname{font-size:19px;font-weight:600}.property-location{font-size:20px}.property-cards{height:100%}.width{width:95%!important}.br-10{border-radius:10px}.height-30{height:32vh}}\n"] }]
36
+ }], ctorParameters: () => [{ type: i1.RestService }], propDecorators: { getScreenSize: [{
37
+ type: HostListener,
38
+ args: ["window: resize", ["$event"]]
39
+ }] } });
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvcGVydGllcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnRpZXMvcHJvcGVydGllcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3Byb3BlcnRpZXMvcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBRWpGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7OztBQVc5RCxNQUFNLE9BQU8sbUJBQW1CO0lBRTlCLFlBQW9CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBeUM1QyxlQUFVLEdBQWEsS0FBSyxDQUFBO1FBaUI1QixZQUFPLEdBQVksS0FBSyxDQUFBO0lBeER4QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFBO1FBQ3pCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUN0QixDQUFDO0lBbUNELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQTtRQUN0QixJQUFJLENBQUMsV0FBVyxDQUFDLG9CQUFvQixFQUFFLENBQUMsU0FBUyxDQUMvQyxDQUFDLEdBQVEsRUFBRSxFQUFFO1lBQ1gsSUFBSSxDQUFDLGVBQWUsR0FBRyxHQUFHLENBQUE7WUFDMUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUE7UUFDekIsQ0FBQyxDQUNGLENBQUE7SUFDSCxDQUFDO0lBR0QsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN2QyxDQUFDOzhHQXpEVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixnSkNoQmhDLCsyTUFzR1UsdzhGRDFGRSxZQUFZLGdRQUFFLE9BQU8sMklBQUUscUJBQXFCLCtFQUFDLHVCQUF1Qjs7MkZBSW5FLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBQyx1QkFBdUIsQ0FBQztnRkEyRC9FLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgUHJvcGVydHlWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi4vcHJvcGVydHktdmlldy9wcm9wZXJ0eS12aWV3LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFJlc3RTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi9zZXJ2aWNlcy9yZXN0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZSB9IGZyb20gJ25neC1za2VsZXRvbi1sb2FkZXInO1xyXG5cclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLXByb3BlcnRpZXMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbiwgUHJvcGVydHlWaWV3Q29tcG9uZW50LE5neFNrZWxldG9uTG9hZGVyTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvcGVydGllcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3Byb3BlcnRpZXMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFByb3BlcnRpZXNDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlc3RTZXJ2aWNlOiBSZXN0U2VydmljZSkge1xyXG5cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5nZXRQcm9wZXJ0eURldGFpbHMoKVxyXG4gICAgdGhpcy5nZXRTY3JlZW5TaXplKClcclxuICB9XHJcblxyXG4gIC8vIGludmVzdG1lbnRzOiBhbnkgPSBbXHJcbiAgLy8gICB7XHJcbiAgLy8gICAgIG5hbWU6IFwiU1FGVCBJbnZlc3RtZW50XCIsXHJcbiAgLy8gICAgIGRldGFpbHM6IFtcclxuICAvLyAgICAgICB7IG5hbWU6IFwiVG90YWwgU3EuZnQgT3duZWRcIiwgdmFsdWU6IFwiNDNcIiB9LFxyXG4gIC8vICAgICAgIHsgbmFtZTogXCJBbW91bnQgSW52ZXN0ZWRcIiwgdmFsdWU6IFwi4oK5NS43MyBMXCIgfSxcclxuICAvLyAgICAgICB7IG5hbWU6IFwiSW5kaWNhdGl2ZSBNYXJrZXQgVmFsdWVcIiwgdmFsdWU6IFwi4oK5Ni4yMSBMXCIsIHNwYW5WYWx1ZTogXCIrMi4xJVwiIH0sXHJcbiAgLy8gICAgICAgeyBuYW1lOiBcIklSUlwiLCB2YWx1ZTogXCIxNCVcIiB9LFxyXG4gIC8vICAgICBdXHJcbiAgLy8gICB9LFxyXG4gIC8vICAge1xyXG4gIC8vICAgICBuYW1lOiBcIlByaXZhdGUgSW52ZXN0bWVudCBcIixcclxuICAvLyAgICAgZGV0YWlsczogW1xyXG4gIC8vICAgICAgIHsgbmFtZTogXCJQcm9wZXJ0aWVzIE93bmVkXCIsIHZhbHVlOiBcIjJcIiB9LFxyXG4gIC8vICAgICAgIHsgbmFtZTogXCJQcm9wZXJ0aWVzIFNxLmZ0XCIsIHZhbHVlOiBcIjMwOTJcIiB9LFxyXG4gIC8vICAgICAgIHsgbmFtZTogXCJJbnZlc3RlZCBWYWx1ZVwiLCB2YWx1ZTogXCLigrkzMi40MSBMXCIsIHNwYW5WYWx1ZTogXCIrMi4xJVwiIH0sXHJcbiAgLy8gICAgICAgeyBuYW1lOiBcIkluZGljYXRpdmUgTWFya2V0IFZhbHVlXCIsIHZhbHVlOiBcIuKCuTM4LjU5IExcIiB9LFxyXG4gIC8vICAgICBdXHJcbiAgLy8gICB9XHJcbiAgLy8gXVxyXG5cclxuICAvLyBhY3RpdmVUYWI6IGFueSA9IFwiQUxMX1BST1BFUlRJRVNcIlxyXG5cclxuICAvLyB0YWJzOiBhbnkgPSBbXHJcbiAgLy8gICB7IHZpZXdWYWx1ZTogXCJBbGwgUHJvcGVydGllc1wiLCB2YWx1ZTogXCJBTExfUFJPUEVSVElFU1wiIH0sXHJcbiAgLy8gICB7IHZpZXdWYWx1ZTogXCJNeSBTUUZUXCIsIHZhbHVlOiBcIlNRRlRcIiB9LFxyXG4gIC8vICAgeyB2aWV3VmFsdWU6IFwiUHJpdmF0ZSBJbnZlc3RtZW50c1wiLCB2YWx1ZTogXCJQUklWQVRFXCIgfSxcclxuICAvLyBdXHJcblxyXG4gIHByb3BlcnR5RGV0YWlsczogYW55O1xyXG4gIHNlbGVjdGVkSWQgOiBhbnk7XHJcblxyXG4gIHBhZ2VMb2FkZXIgOiBib29sZWFuID0gZmFsc2VcclxuICBnZXRQcm9wZXJ0eURldGFpbHMoKSB7XHJcbiAgICB0aGlzLnBhZ2VMb2FkZXIgPSB0cnVlXHJcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLmdldE15UHJvcGVydHlEZXRhaWxzKCkuc3Vic2NyaWJlKFxyXG4gICAgICAocmVzOiBhbnkpID0+IHtcclxuICAgICAgICB0aGlzLnByb3BlcnR5RGV0YWlscyA9IHJlc1xyXG4gICAgICAgIHRoaXMucGFnZUxvYWRlciA9IGZhbHNlXHJcbiAgICAgIH1cclxuICAgIClcclxuICB9XHJcbiAgc2NyZWVuV2lkdGggOiBhbnlcclxuICBASG9zdExpc3RlbmVyKFwid2luZG93OiByZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxyXG4gIGdldFNjcmVlblNpemUoKSB7XHJcbiAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgfVxyXG4gIFxyXG5cclxuICB2aWV3VGFiOiBib29sZWFuID0gZmFsc2VcclxuXHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYWluLWNvbnRhaW5lclwiICpuZ0lmPVwiIXZpZXdUYWIgJiYgIXBhZ2VMb2FkZXJcIj5cclxuICAgIDwhLS0gPGRpdiBjbGFzcz1cImNhcmQtc2VjdGlvbiBkLWZsZXggZ2FwLTJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZHNcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIGludmVzdG1lbnRzXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkXCI+e3tlbGUubmFtZX19PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtaW5pLWNhcmRzXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWluaS1jYXJkXCIgKm5nRm9yPVwibGV0IGVsZSBvZiBlbGUuZGV0YWlsc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+e3tlbGUubmFtZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm51bWJlciBkLWZsZXhcIj57e2VsZS52YWx1ZX19Jm5ic3A7Jm5ic3A7PHNwYW4gKm5nSWY9XCJlbGU/LnNwYW5WYWx1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNwYW4tdGV4dCBkLWZsZXhcIj48bWF0LWljb24+YXJyb3dfZHJvcF91cDwvbWF0LWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7e2VsZS5zcGFuVmFsdWV9fTwvc3Bhbj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LXRhYnMgZC1mbGV4IGdhcC0xMCBtdC0zXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYlwiICpuZ0Zvcj1cImxldCBlbGUgb2YgdGFic1wiIChjbGljayk9XCJhY3RpdmVUYWIgPSBlbGUudmFsdWVcIlxyXG4gICAgICAgICAgICBbY2xhc3MudGFiQWN0aXZlXT1cImFjdGl2ZVRhYiA9PSBlbGUudmFsdWVcIj57e2VsZS52aWV3VmFsdWV9fTwvZGl2PlxyXG4gICAgPC9kaXY+IC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LWNhcmRzXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZWxlIG9mIHByb3BlcnR5RGV0YWlsc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktY2FyZCB3LTEwMCBkLWZsZXggZ2FwLTEwXCIgKGNsaWNrKT1cInZpZXdUYWIgPSB0cnVlO3NlbGVjdGVkSWQgPSBlbGUucHJvcGVydHlJZFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBpZD1cImNhcm91c2VsRXhhbXBsZUludGVydmFsXCIgY2xhc3M9XCJjYXJvdXNlbCBzbGlkZSBwLXJlbGF0aXZlIHctMzUgaC0zNFwiIGRhdGEtYnMtcmlkZT1cImNhcm91c2VsXCIgKm5nSWY9XCJlbGU/LnByb3BlcnR5SW1hZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaW5uZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZWxlIG9mIGVsZT8ucHJvcGVydHlJbWFnZTtsZXQgaSA9IGluZGV4XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2Fyb3VzZWwtaXRlbSBhY3RpdmVcIiBbY2xhc3MuYWN0aXZlXT1cImlcIiBkYXRhLWJzLWludGVydmFsPVwiMzAwMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJlbGVcIiBjbGFzcz1cImQtYmxvY2sgdy0xMDAgaGVpZ2h0LTMwIGJyLTEwXCIgYWx0PVwicHJvcGVydHktaW1hZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHlOYW1lIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIHAtMTVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kIGFsaWduLWl0ZW1zLWVuZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcm91c2VsLWluZGljYXRvcnMgYWRkaXRpb25hbC1wcm9wZXJ0aWVzLTFcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbGUgb2YgZWxlLnByb3BlcnR5SW1hZ2U7bGV0IGkgPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBkYXRhLWJzLXRhcmdldD1cIiNjYXJvdXNlbEV4YW1wbGVJbnRlcnZhbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbYXR0ci5kYXRhLWJzLXNsaWRlLXRvXT1cImlcIiBjbGFzcz1cImFjdGl2ZSBhZGRpdGlvbmFsLXByb3BlcnRpZXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PVwidHJ1ZVwiIGFyaWEtbGFiZWw9XCJTbGlkZSAxXCI+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS1jYXJkIHctMzUgZC1mbGV4IGdhcC0xMFwiICpuZ0lmPVwiIWVsZT8ucHJvcGVydHlJbWFnZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiaHR0cHM6Ly91cGxvYWQud2lraW1lZGlhLm9yZy93aWtpcGVkaWEvY29tbW9ucy8xLzE0L05vX0ltYWdlX0F2YWlsYWJsZS5qcGdcIiBjbGFzcz1cImQtYmxvY2sgdy0xMDAgaGVpZ2h0LTMwIGJyLTEwXCIgYWx0PVwicHJvcGVydHktaW1hZ2VcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LXNlY3Rpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtdG9wIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZC1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHluYW1lXCI+e3tlbGU/Lm5hbWUgPz8gXCJOL0FcIn19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktbG9jYXRpb25cIj48aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNyYz1cImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvMzg0Mjc1YzE3Mzc2Mjk3Mjk1NDVsb2NhdGlvbl9vbi5wbmdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJsb2NhdGlvbiBpbWFnZVwiIGNsYXNzPVwiZ3JleS1pY29uXCI+e3tlbGU/LnByb3BlcnR5TG9jYXRpb24gPz8gXCJOL0FcIn19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGltZyBzcmM9XCJodHRwczovL3Byb2Qtc2ltcG8uczMuYXAtc291dGgtMS5hbWF6b25hd3MuY29tL3Byb2QtaW1hZ2VzLzYzNzk4M2MxNzM5ODU1NzE1MTg4VmVjdG9yJTIwMTIlMjAlMjgxJTI5LnBuZ1wiIGNsYXNzPVwiY3VydmUtaW1nXCI+IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1ib3R0b20gZC1mbGV4IGdhcC0xMCB3aWR0aFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93IHctMTAwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTMgY29sLTYgZGV0YWlsc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0b3AtZGV0YWlsIHRleHQtY2VudGVyXCI+e3tlbGU/LmludmVzdGVkQW1vdW50ID8/IDB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tZGV0YWlsIHRleHQtY2VudGVyXCI+SW52ZXN0ZWQgQW1vdW50PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMyBjb2wtNiBkZXRhaWxzXCIgW2NsYXNzLmxzdC1kaXZdPVwic2NyZWVuV2lkdGggPCA0NzVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWRldGFpbCB0ZXh0LWNlbnRlclwiPnt7ZWxlPy50b3RhbFNxRmVldE93bmVkID8/IDB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tZGV0YWlsIHRleHQtY2VudGVyXCI+U3EuZnQ8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC0zIGNvbC02IGRldGFpbHNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWRldGFpbCB0ZXh0LWNlbnRlclwiPnt7ZWxlPy5pbmRpY2F0aXZlTWFya2V0VmFsdWUgPz8gMH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvdHRvbS1kZXRhaWwgdGV4dC1jZW50ZXJcIj5DdXJyZW50IFZhbHVlPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMyBjb2wtNiBkZXRhaWxzIGxzdC1kaXZcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidG9wLWRldGFpbCB0ZXh0LWNlbnRlclwiPnt7ZWxlPy5jdXJyZW50QW1vdW50ID8/IDB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib3R0b20tZGV0YWlsIHRleHQtY2VudGVyXCI+UHJvZml0L0xvc3M8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSBsc3QtZGl2IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbjxzZWN0aW9uIGNsYXNzPVwidmlldy1jb250YWluZXJcIiAqbmdJZj1cInZpZXdUYWJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJiYWNrXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJhY2stdGV4dCBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwibXktdGV4dCBtYi0wIGNvbW1vbi1zdHlsZVwiIChjbGljayk9XCJ2aWV3VGFiID0gZmFsc2VcIj5NeSBQcm9wZXJ0aWVzPC9wPjxtYXQtaWNvblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJteS10ZXh0XCI+a2V5Ym9hcmRfYXJyb3dfcmlnaHQ8L21hdC1pY29uPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInBydHktdGV4dCBtYi0wIGNvbW1vbi1zdHlsZVwiPlByb3BlcnR5IERldGFpbHM8L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzaW1wby1wcm9wZXJ0eS12aWV3IFtpZF09XCJzZWxlY3RlZElkXCI+PC9zaW1wby1wcm9wZXJ0eS12aWV3PlxyXG48L3NlY3Rpb24+XHJcbjxzZWN0aW9uIGNsYXNzPVwicGFnZWxvYWRlclwiICpuZ0lmPVwicGFnZUxvYWRlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LWNhcmRzXCI+XHJcbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgc2tlbCBvZiBbMSwyLDNdXCI+XHJcbiAgICAgICAgICAgIDxuZ3gtc2tlbGV0b24tbG9hZGVyIGNvdW50PVwiMVwiIGFwcGVhcmFuY2U9XCJjaXJjbGVcIiBbdGhlbWVdPVwie1xyXG4gICAgICAgICAgICAgICAgd2lkdGggOiAnMTAwJScsXHJcbiAgICAgICAgICAgICAgICBoZWlnaHQ6ICczMHZoJyxcclxuICAgICAgICAgICAgICAgICdib3JkZXItcmFkaXVzJzogJzEwcHgnLFxyXG4gICAgICAgICAgICAgIH1cIj5cclxuICAgICAgICAgICAgICA8L25neC1za2VsZXRvbi1sb2FkZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbjwvc2VjdGlvbj4iXX0=