simpo-component-library 2.1.997 → 2.1.998

package/esm2022/lib/elements/index.mjs

@@ -10,17 +10,18 @@ import { SociaIconsComponent } from './socia-icons/socia-icons.component';
 import { CardSkeletonLoaderComponent } from './card-skeleton-loader/card-skeleton-loader.component';
 import { SvgDividerComponent } from './svg-divider/svg-divider.component';
 import { PortfolioComponent } from './portfolio/portfolio.component';
+import { PaymentConfirmationComponent } from './payment-confirmation/payment-confirmation.component';
 import * as i0 from "@angular/core";
 export class SimpoElementsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent], exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent], exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: SimpoElementsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent],
-                    exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent],
+                    imports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent],
+                    exports: [ButtonElementComponent, TextElementComponent, BelowImageCardComponent, TopOfImageCardComponent, CoveringImageCardComponent, HeadingElementComponent, SimpoButtonComponent, SociaIconsComponent, CardSkeletonLoaderComponent, SvgDividerComponent, PortfolioComponent, PaymentConfirmationComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDMUYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7O0FBTXJFLE1BQU0sT0FBTyxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLFlBSHBCLHNCQUFzQixFQUFFLG9CQUFvQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLHVCQUF1QixFQUFDLG9CQUFvQixFQUFDLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLGtCQUFrQixhQUNqUSxzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSx1QkFBdUIsRUFBQyxvQkFBb0IsRUFBQyxtQkFBbUIsRUFBRSwyQkFBMkIsRUFBRSxtQkFBbUIsRUFBQyxrQkFBa0I7K0dBRWhRLG1CQUFtQixZQUhwQixzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBK0MsbUJBQW1CLEVBQUUsMkJBQTJCLEVBQUUsbUJBQW1CLEVBQUMsa0JBQWtCOzsyRkFHaFEsbUJBQW1CO2tCQUovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFFLG9CQUFvQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLHVCQUF1QixFQUFDLG9CQUFvQixFQUFDLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLGtCQUFrQixDQUFDO29CQUM1USxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSx1QkFBdUIsRUFBQyxvQkFBb0IsRUFBQyxtQkFBbUIsRUFBRSwyQkFBMkIsRUFBRSxtQkFBbUIsRUFBQyxrQkFBa0IsQ0FBQztpQkFDN1EiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25FbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRleHRFbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi90ZXh0L3RleHQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQmVsb3dJbWFnZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2JlbG93LWltYWdlLWNhcmQvYmVsb3ctaW1hZ2UtY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb3BPZkltYWdlQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vdG9wLW9mLWltYWdlLWNhcmQvdG9wLW9mLWltYWdlLWNhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ292ZXJpbmdJbWFnZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2NvdmVyaW5nLWltYWdlLWNhcmQvY292ZXJpbmctaW1hZ2UtY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIZWFkaW5nRWxlbWVudENvbXBvbmVudCB9IGZyb20gJy4vaGVhZGluZy1lbGVtZW50L2hlYWRpbmctZWxlbWVudC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW1wb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2ltcG8tYnV0dG9uL3NpbXBvLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2NpYUljb25zQ29tcG9uZW50IH0gZnJvbSAnLi9zb2NpYS1pY29ucy9zb2NpYS1pY29ucy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDYXJkU2tlbGV0b25Mb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtc2tlbGV0b24tbG9hZGVyL2NhcmQtc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN2Z0RpdmlkZXJDb21wb25lbnQgfSBmcm9tICcuL3N2Zy1kaXZpZGVyL3N2Zy1kaXZpZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcnRmb2xpb0NvbXBvbmVudCB9IGZyb20gJy4vcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQnV0dG9uRWxlbWVudENvbXBvbmVudCwgVGV4dEVsZW1lbnRDb21wb25lbnQsIEJlbG93SW1hZ2VDYXJkQ29tcG9uZW50LCBUb3BPZkltYWdlQ2FyZENvbXBvbmVudCwgQ292ZXJpbmdJbWFnZUNhcmRDb21wb25lbnQsIEhlYWRpbmdFbGVtZW50Q29tcG9uZW50LFNpbXBvQnV0dG9uQ29tcG9uZW50LFNvY2lhSWNvbnNDb21wb25lbnQsIENhcmRTa2VsZXRvbkxvYWRlckNvbXBvbmVudCwgU3ZnRGl2aWRlckNvbXBvbmVudCxQb3J0Zm9saW9Db21wb25lbnRdLFxyXG4gIGV4cG9ydHM6IFtCdXR0b25FbGVtZW50Q29tcG9uZW50LCBUZXh0RWxlbWVudENvbXBvbmVudCwgQmVsb3dJbWFnZUNhcmRDb21wb25lbnQsIFRvcE9mSW1hZ2VDYXJkQ29tcG9uZW50LCBDb3ZlcmluZ0ltYWdlQ2FyZENvbXBvbmVudCwgSGVhZGluZ0VsZW1lbnRDb21wb25lbnQsU2ltcG9CdXR0b25Db21wb25lbnQsU29jaWFJY29uc0NvbXBvbmVudCwgQ2FyZFNrZWxldG9uTG9hZGVyQ29tcG9uZW50LCBTdmdEaXZpZGVyQ29tcG9uZW50LFBvcnRmb2xpb0NvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaW1wb0VsZW1lbnRzTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDMUYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDckUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sdURBQXVELENBQUM7O0FBTXJHLE1BQU0sT0FBTyxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLFlBSHBCLHNCQUFzQixFQUFFLG9CQUFvQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLHVCQUF1QixFQUFDLG9CQUFvQixFQUFDLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLGtCQUFrQixFQUFFLDRCQUE0QixhQUMvUixzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSx1QkFBdUIsRUFBQyxvQkFBb0IsRUFBQyxtQkFBbUIsRUFBRSwyQkFBMkIsRUFBRSxtQkFBbUIsRUFBQyxrQkFBa0IsRUFBRSw0QkFBNEI7K0dBRTlSLG1CQUFtQixZQUhwQixzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBK0MsbUJBQW1CLEVBQUUsMkJBQTJCLEVBQUUsbUJBQW1CLEVBQUMsa0JBQWtCLEVBQUUsNEJBQTRCOzsyRkFHOVIsbUJBQW1CO2tCQUovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFFLG9CQUFvQixFQUFFLHVCQUF1QixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLHVCQUF1QixFQUFDLG9CQUFvQixFQUFDLG1CQUFtQixFQUFFLDJCQUEyQixFQUFFLG1CQUFtQixFQUFDLGtCQUFrQixFQUFFLDRCQUE0QixDQUFDO29CQUMxUyxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSx1QkFBdUIsRUFBRSwwQkFBMEIsRUFBRSx1QkFBdUIsRUFBQyxvQkFBb0IsRUFBQyxtQkFBbUIsRUFBRSwyQkFBMkIsRUFBRSxtQkFBbUIsRUFBQyxrQkFBa0IsRUFBRSw0QkFBNEIsQ0FBQztpQkFDM1MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25FbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRleHRFbGVtZW50Q29tcG9uZW50IH0gZnJvbSAnLi90ZXh0L3RleHQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQmVsb3dJbWFnZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2JlbG93LWltYWdlLWNhcmQvYmVsb3ctaW1hZ2UtY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBUb3BPZkltYWdlQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vdG9wLW9mLWltYWdlLWNhcmQvdG9wLW9mLWltYWdlLWNhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ292ZXJpbmdJbWFnZUNhcmRDb21wb25lbnQgfSBmcm9tICcuL2NvdmVyaW5nLWltYWdlLWNhcmQvY292ZXJpbmctaW1hZ2UtY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBIZWFkaW5nRWxlbWVudENvbXBvbmVudCB9IGZyb20gJy4vaGVhZGluZy1lbGVtZW50L2hlYWRpbmctZWxlbWVudC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaW1wb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2ltcG8tYnV0dG9uL3NpbXBvLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2NpYUljb25zQ29tcG9uZW50IH0gZnJvbSAnLi9zb2NpYS1pY29ucy9zb2NpYS1pY29ucy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDYXJkU2tlbGV0b25Mb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtc2tlbGV0b24tbG9hZGVyL2NhcmQtc2tlbGV0b24tbG9hZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN2Z0RpdmlkZXJDb21wb25lbnQgfSBmcm9tICcuL3N2Zy1kaXZpZGVyL3N2Zy1kaXZpZGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcnRmb2xpb0NvbXBvbmVudCB9IGZyb20gJy4vcG9ydGZvbGlvL3BvcnRmb2xpby5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBQYXltZW50Q29uZmlybWF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYXltZW50LWNvbmZpcm1hdGlvbi9wYXltZW50LWNvbmZpcm1hdGlvbi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQnV0dG9uRWxlbWVudENvbXBvbmVudCwgVGV4dEVsZW1lbnRDb21wb25lbnQsIEJlbG93SW1hZ2VDYXJkQ29tcG9uZW50LCBUb3BPZkltYWdlQ2FyZENvbXBvbmVudCwgQ292ZXJpbmdJbWFnZUNhcmRDb21wb25lbnQsIEhlYWRpbmdFbGVtZW50Q29tcG9uZW50LFNpbXBvQnV0dG9uQ29tcG9uZW50LFNvY2lhSWNvbnNDb21wb25lbnQsIENhcmRTa2VsZXRvbkxvYWRlckNvbXBvbmVudCwgU3ZnRGl2aWRlckNvbXBvbmVudCxQb3J0Zm9saW9Db21wb25lbnQsIFBheW1lbnRDb25maXJtYXRpb25Db21wb25lbnRdLFxyXG4gIGV4cG9ydHM6IFtCdXR0b25FbGVtZW50Q29tcG9uZW50LCBUZXh0RWxlbWVudENvbXBvbmVudCwgQmVsb3dJbWFnZUNhcmRDb21wb25lbnQsIFRvcE9mSW1hZ2VDYXJkQ29tcG9uZW50LCBDb3ZlcmluZ0ltYWdlQ2FyZENvbXBvbmVudCwgSGVhZGluZ0VsZW1lbnRDb21wb25lbnQsU2ltcG9CdXR0b25Db21wb25lbnQsU29jaWFJY29uc0NvbXBvbmVudCwgQ2FyZFNrZWxldG9uTG9hZGVyQ29tcG9uZW50LCBTdmdEaXZpZGVyQ29tcG9uZW50LFBvcnRmb2xpb0NvbXBvbmVudCwgUGF5bWVudENvbmZpcm1hdGlvbkNvbXBvbmVudF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaW1wb0VsZW1lbnRzTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2022/lib/elements/my-orders/my-orders.component.mjs

@@ -1,11 +1,64 @@
+import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
+import { MatIcon } from '@angular/material/icon';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class MyOrdersComponent {
+    constructor() {
+        this.activeTab = "ALL_ORDERS";
+        this.tabs = [
+            { viewValue: "All Orders", value: "ALL_ORDERS" },
+            { viewValue: "Open Orders", value: "ORDERS" },
+            { viewValue: "Successful Orders", value: "SUCCESS" },
+            { viewValue: "Unsuccessful Orders", value: "UNSUCCESS" },
+            { viewValue: "Sell Orders", value: "SELL" },
+        ];
+        this.properties = [
+            {
+                imgUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png",
+                status: "SUCCESS",
+                investedOn: "10th May 2023",
+                sqft: "450 Sq ft",
+                investedAmount: "₹4.1 L",
+                orderType: "Sell Order",
+                orderPlacedOn: "10th May 2023",
+                orderExecutedOn: "12th May 2023",
+                propertyName: "Real Estate Debt Investment - Blue Moon",
+                propertyLocation: "RRR Hyderabad, Telangana",
+            },
+            {
+                imgUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png",
+                status: "PENDING",
+                investedOn: "10th May 2023",
+                sqft: "450 Sq ft",
+                investedAmount: "₹4.1 L",
+                orderType: "Buy Order",
+                orderPlacedOn: "10th May 2023",
+                orderExecutedOn: "12th May 2023",
+                propertyName: "Real Estate Debt Investment - Blue Moon",
+                propertyLocation: "RRR Hyderabad, Telangana",
+            },
+            {
+                imgUrl: "https://prod-simpo.s3.ap-south-1.amazonaws.com/prod-images/815921c1739254843186image%20%285%29.png",
+                status: "CANCELLED",
+                investedOn: "10th May 2023",
+                sqft: "450 Sq ft",
+                investedAmount: "₹4.1 L",
+                orderType: "Buy Order",
+                orderPlacedOn: "10th May 2023",
+                orderExecutedOn: "12th May 2023",
+                propertyName: "Real Estate Debt Investment - Blue Moon",
+                propertyLocation: "RRR Hyderabad, Telangana",
+            }
+        ];
+    }
+    ngOnInit() {
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyOrdersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyOrdersComponent, isStandalone: true, selector: "simpo-my-orders", ngImport: i0, template: "<p>my-orders works!</p>\r\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyOrdersComponent, isStandalone: true, selector: "simpo-my-orders", ngImport: i0, template: "<div class=\"main-container\">\r\n    <div class=\"property-tabs d-flex gap-10 mt-3 mb-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=\"cards-container\">\r\n        <div class=\"property-card mb-3\" *ngFor=\"let ele of properties\">\r\n            <div class=\"card-top d-flex justify-content-between\">\r\n                <div class=\"card-left d-flex p-10 align-items-center\">\r\n                    <div class=\"br-1 p-0-10\">\r\n                        <div class=\"status\" [class.success]=\"ele.status == 'SUCCESS'\" [class.cancelled]=\"ele.status == 'CANCELLED'\">\r\n                            &#x2022;&nbsp;{{ele.status | titlecase}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"investedOn p-10\">\r\n                        {{ele.investedOn}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"card-right d-flex align-items-center\" [class.buy]=\"ele.orderType == 'Buy Order' \">\r\n                    {{ele.orderType}}\r\n                </div>\r\n            </div>\r\n            <div class=\"card-middle d-flex justify-content-between p-15\">\r\n                <div class=\"middle-1 d-flex gap-10\">\r\n                    <div class=\"image-container\">\r\n                        <img [src]=\"ele.imgUrl\" alt=\"property image\" class=\"property-img\">\r\n                    </div>\r\n                    <div class=\"property-details\">\r\n                        <div class=\"property-name\">{{ele.propertyName}}</div>\r\n                        <div class=\"property-location\">{{ele.propertyLocation}}</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"middle-2\">\r\n                    {{ele.sqft}}\r\n                </div>\r\n                <div class=\"middle-3\">\r\n                    {{ele.investedAmount}}\r\n                </div>\r\n            </div>\r\n            <div class=\"card-bottom d-flex align-items-center\">\r\n                <div class=\"round-container\">\r\n                    <div class=\"round-1 d-flex align-items-center justify-content-center round-1-active\"><mat-icon class=\"d-flex align-items-center justify-content-center f-16\">check</mat-icon></div>\r\n                </div>\r\n                <div class=\"line\"></div>\r\n                <div class=\"round-container\">\r\n                    <div class=\"round-2 d-flex align-items-center justify-content-center\" [class.round-1-active]=\"ele.status == 'SUCCESS'\" [class.round-cancelled]=\"ele.status == 'CANCELLED'\"><mat-icon *ngIf=\"ele.status == 'CANCELLED'\" class=\"d-flex align-items-center justify-content-center f-16\">close</mat-icon><mat-icon class=\"d-flex align-items-center justify-content-center f-16\" *ngIf=\"ele.status == 'SUCCESS'\">check</mat-icon></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"card-bottom d-flex justify-content-between\">\r\n                <div class=\"placed\">\r\n                    <p class=\"placed-text mb-0\">Order Placed</p><span class=\"date\">{{ele.orderPlacedOn}}</span>\r\n                </div>\r\n                <div class=\"placed\">\r\n                    <p class=\"placed-text mb-0\">Order {{ele.status == 'CANCELLED' ? \"Cancelled\" : \"Executed\"}}</p><span class=\"date\">{{ele.orderExecutedOn}}</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.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}.gap-10{gap:10px}.cards-container{height:70vh;overflow-y:scroll}.property-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px}.p-10{padding:10px}.p-15{padding:15px}.status{background:#ffd84b1a;border-radius:10px;font-size:14px;font-weight:600;line-height:21px;color:#f3be00;padding:5px}.success{background-color:#09b6000f!important;color:#09b600!important}.cancelled{background-color:#9017150d!important;color:#e43d11!important}.br-1{border-right:2px solid rgba(0,0,0,.2)}.card-bottom{width:70%;margin:0 auto}.round-1,.round-2{height:3vh;width:20px;background:#e1e1e1;border-radius:50%}.round-1-active{background:#f8a938!important;color:#fff}.f-18{font-size:18px}.line{background:#e1e1e1;height:2px;width:80%}.card-bottom-1{width:70%;margin:0 auto}.investedOn{font-size:16px;line-height:21px;font-weight:600;color:#000000b3}.card-right{background:#f86e38;border-radius:8px 0 0 8px;font-size:14px;line-height:24px;padding:5px;font-weight:600;color:#fff;margin:15px 0}.buy{background:#077b01!important}.property-name{font-size:16px;line-height:21px;font-weight:600;color:#0009}.property-location{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.middle-2{font-size:16px;line-height:21px;color:#000000b3;font-weight:600}.middle-3{font-size:26px;line-height:33px;font-weight:700;color:#000000b3}.placed-text{font-size:16px;font-weight:600;line-height:21px;color:#000000b3}.date{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.property-img{height:8vh;width:80px;border-radius:10px}.f-16{font-size:16px}.p-0-10{padding:0 10px}.round-cancelled{background-color:#fd3516!important;color:#fff!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyOrdersComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'simpo-my-orders', standalone: true, imports: [], template: "<p>my-orders works!</p>\r\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktb3JkZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktb3JkZXJzL215LW9yZGVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LW9yZGVycy9teS1vcmRlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCO2tHQUFqQixpQkFBaUIsMkVDVDlCLDZCQUNBOzsyRkRRYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tbXktb3JkZXJzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9teS1vcmRlcnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9teS1vcmRlcnMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE15T3JkZXJzQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPHA+bXktb3JkZXJzIHdvcmtzITwvcD5cclxuIl19
+            args: [{ selector: 'simpo-my-orders', standalone: true, imports: [CommonModule, MatIcon], template: "<div class=\"main-container\">\r\n    <div class=\"property-tabs d-flex gap-10 mt-3 mb-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=\"cards-container\">\r\n        <div class=\"property-card mb-3\" *ngFor=\"let ele of properties\">\r\n            <div class=\"card-top d-flex justify-content-between\">\r\n                <div class=\"card-left d-flex p-10 align-items-center\">\r\n                    <div class=\"br-1 p-0-10\">\r\n                        <div class=\"status\" [class.success]=\"ele.status == 'SUCCESS'\" [class.cancelled]=\"ele.status == 'CANCELLED'\">\r\n                            &#x2022;&nbsp;{{ele.status | titlecase}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"investedOn p-10\">\r\n                        {{ele.investedOn}}\r\n                    </div>\r\n                </div>\r\n                <div class=\"card-right d-flex align-items-center\" [class.buy]=\"ele.orderType == 'Buy Order' \">\r\n                    {{ele.orderType}}\r\n                </div>\r\n            </div>\r\n            <div class=\"card-middle d-flex justify-content-between p-15\">\r\n                <div class=\"middle-1 d-flex gap-10\">\r\n                    <div class=\"image-container\">\r\n                        <img [src]=\"ele.imgUrl\" alt=\"property image\" class=\"property-img\">\r\n                    </div>\r\n                    <div class=\"property-details\">\r\n                        <div class=\"property-name\">{{ele.propertyName}}</div>\r\n                        <div class=\"property-location\">{{ele.propertyLocation}}</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"middle-2\">\r\n                    {{ele.sqft}}\r\n                </div>\r\n                <div class=\"middle-3\">\r\n                    {{ele.investedAmount}}\r\n                </div>\r\n            </div>\r\n            <div class=\"card-bottom d-flex align-items-center\">\r\n                <div class=\"round-container\">\r\n                    <div class=\"round-1 d-flex align-items-center justify-content-center round-1-active\"><mat-icon class=\"d-flex align-items-center justify-content-center f-16\">check</mat-icon></div>\r\n                </div>\r\n                <div class=\"line\"></div>\r\n                <div class=\"round-container\">\r\n                    <div class=\"round-2 d-flex align-items-center justify-content-center\" [class.round-1-active]=\"ele.status == 'SUCCESS'\" [class.round-cancelled]=\"ele.status == 'CANCELLED'\"><mat-icon *ngIf=\"ele.status == 'CANCELLED'\" class=\"d-flex align-items-center justify-content-center f-16\">close</mat-icon><mat-icon class=\"d-flex align-items-center justify-content-center f-16\" *ngIf=\"ele.status == 'SUCCESS'\">check</mat-icon></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"card-bottom d-flex justify-content-between\">\r\n                <div class=\"placed\">\r\n                    <p class=\"placed-text mb-0\">Order Placed</p><span class=\"date\">{{ele.orderPlacedOn}}</span>\r\n                </div>\r\n                <div class=\"placed\">\r\n                    <p class=\"placed-text mb-0\">Order {{ele.status == 'CANCELLED' ? \"Cancelled\" : \"Executed\"}}</p><span class=\"date\">{{ele.orderExecutedOn}}</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["*{font-family:DM Sans!important}mat-icon{font-family:Material Icons!important}.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}.gap-10{gap:10px}.cards-container{height:70vh;overflow-y:scroll}.property-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px}.p-10{padding:10px}.p-15{padding:15px}.status{background:#ffd84b1a;border-radius:10px;font-size:14px;font-weight:600;line-height:21px;color:#f3be00;padding:5px}.success{background-color:#09b6000f!important;color:#09b600!important}.cancelled{background-color:#9017150d!important;color:#e43d11!important}.br-1{border-right:2px solid rgba(0,0,0,.2)}.card-bottom{width:70%;margin:0 auto}.round-1,.round-2{height:3vh;width:20px;background:#e1e1e1;border-radius:50%}.round-1-active{background:#f8a938!important;color:#fff}.f-18{font-size:18px}.line{background:#e1e1e1;height:2px;width:80%}.card-bottom-1{width:70%;margin:0 auto}.investedOn{font-size:16px;line-height:21px;font-weight:600;color:#000000b3}.card-right{background:#f86e38;border-radius:8px 0 0 8px;font-size:14px;line-height:24px;padding:5px;font-weight:600;color:#fff;margin:15px 0}.buy{background:#077b01!important}.property-name{font-size:16px;line-height:21px;font-weight:600;color:#0009}.property-location{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.middle-2{font-size:16px;line-height:21px;color:#000000b3;font-weight:600}.middle-3{font-size:26px;line-height:33px;font-weight:700;color:#000000b3}.placed-text{font-size:16px;font-weight:600;line-height:21px;color:#000000b3}.date{font-size:14px;line-height:44px;font-weight:500;color:#0000004d}.property-img{height:8vh;width:80px;border-radius:10px}.f-16{font-size:16px}.p-0-10{padding:0 10px}.round-cancelled{background-color:#fd3516!important;color:#fff!important}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktb3JkZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktb3JkZXJzL215LW9yZGVycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LW9yZGVycy9teS1vcmRlcnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLGlCQUFpQjtJQUU1QjtRQVFBLGNBQVMsR0FBUyxZQUFZLENBQUE7UUFDOUIsU0FBSSxHQUFTO1lBQ1gsRUFBQyxTQUFTLEVBQUcsWUFBWSxFQUFHLEtBQUssRUFBRyxZQUFZLEVBQUM7WUFDakQsRUFBQyxTQUFTLEVBQUcsYUFBYSxFQUFHLEtBQUssRUFBRyxRQUFRLEVBQUM7WUFDOUMsRUFBQyxTQUFTLEVBQUcsbUJBQW1CLEVBQUcsS0FBSyxFQUFHLFNBQVMsRUFBQztZQUNyRCxFQUFDLFNBQVMsRUFBRyxxQkFBcUIsRUFBRyxLQUFLLEVBQUcsV0FBVyxFQUFDO1lBQ3pELEVBQUMsU0FBUyxFQUFHLGFBQWEsRUFBRyxLQUFLLEVBQUcsTUFBTSxFQUFDO1NBQzdDLENBQUE7UUFFRCxlQUFVLEdBQVM7WUFDakI7Z0JBQ0UsTUFBTSxFQUFHLG9HQUFvRztnQkFDN0csTUFBTSxFQUFHLFNBQVM7Z0JBQ2xCLFVBQVUsRUFBRyxlQUFlO2dCQUM1QixJQUFJLEVBQUcsV0FBVztnQkFDbEIsY0FBYyxFQUFHLFFBQVE7Z0JBQ3pCLFNBQVMsRUFBRyxZQUFZO2dCQUN4QixhQUFhLEVBQUcsZUFBZTtnQkFDL0IsZUFBZSxFQUFHLGVBQWU7Z0JBQ2pDLFlBQVksRUFBRyx5Q0FBeUM7Z0JBQ3hELGdCQUFnQixFQUFHLDBCQUEwQjthQUM5QztZQUNEO2dCQUNFLE1BQU0sRUFBRyxvR0FBb0c7Z0JBQzdHLE1BQU0sRUFBRyxTQUFTO2dCQUNsQixVQUFVLEVBQUcsZUFBZTtnQkFDNUIsSUFBSSxFQUFHLFdBQVc7Z0JBQ2xCLGNBQWMsRUFBRyxRQUFRO2dCQUN6QixTQUFTLEVBQUcsV0FBVztnQkFDdkIsYUFBYSxFQUFHLGVBQWU7Z0JBQy9CLGVBQWUsRUFBRyxlQUFlO2dCQUNqQyxZQUFZLEVBQUcseUNBQXlDO2dCQUN4RCxnQkFBZ0IsRUFBRywwQkFBMEI7YUFDOUM7WUFDRDtnQkFDRSxNQUFNLEVBQUcsb0dBQW9HO2dCQUM3RyxNQUFNLEVBQUcsV0FBVztnQkFDcEIsVUFBVSxFQUFHLGVBQWU7Z0JBQzVCLElBQUksRUFBRyxXQUFXO2dCQUNsQixjQUFjLEVBQUcsUUFBUTtnQkFDekIsU0FBUyxFQUFHLFdBQVc7Z0JBQ3ZCLGFBQWEsRUFBRyxlQUFlO2dCQUMvQixlQUFlLEVBQUcsZUFBZTtnQkFDakMsWUFBWSxFQUFHLHlDQUF5QztnQkFDeEQsZ0JBQWdCLEVBQUcsMEJBQTBCO2FBQzlDO1NBQ0YsQ0FBQTtJQXBERCxDQUFDO0lBRUQsUUFBUTtJQUVSLENBQUM7OEdBUlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsMkVDWDlCLCtoSEEwRE0sMCtERG5ETSxZQUFZLDZUQUFDLE9BQU87OzJGQUluQixpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFDLE9BQU8sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLW15LW9yZGVycycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLE1hdEljb25dLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9teS1vcmRlcnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9teS1vcmRlcnMuY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE15T3JkZXJzQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKXtcclxuXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpe1xyXG5cclxuICB9XHJcblxyXG4gIGFjdGl2ZVRhYiA6IGFueSA9IFwiQUxMX09SREVSU1wiXHJcbiAgdGFicyA6IGFueSA9IFtcclxuICAgIHt2aWV3VmFsdWUgOiBcIkFsbCBPcmRlcnNcIiAsIHZhbHVlIDogXCJBTExfT1JERVJTXCJ9LFxyXG4gICAge3ZpZXdWYWx1ZSA6IFwiT3BlbiBPcmRlcnNcIiAsIHZhbHVlIDogXCJPUkRFUlNcIn0sXHJcbiAgICB7dmlld1ZhbHVlIDogXCJTdWNjZXNzZnVsIE9yZGVyc1wiICwgdmFsdWUgOiBcIlNVQ0NFU1NcIn0sICAgIFxyXG4gICAge3ZpZXdWYWx1ZSA6IFwiVW5zdWNjZXNzZnVsIE9yZGVyc1wiICwgdmFsdWUgOiBcIlVOU1VDQ0VTU1wifSxcclxuICAgIHt2aWV3VmFsdWUgOiBcIlNlbGwgT3JkZXJzXCIgLCB2YWx1ZSA6IFwiU0VMTFwifSwgICBcclxuICBdXHJcblxyXG4gIHByb3BlcnRpZXMgOiBhbnkgPSBbXHJcbiAgICB7XHJcbiAgICAgIGltZ1VybCA6IFwiaHR0cHM6Ly9wcm9kLXNpbXBvLnMzLmFwLXNvdXRoLTEuYW1hem9uYXdzLmNvbS9wcm9kLWltYWdlcy84MTU5MjFjMTczOTI1NDg0MzE4NmltYWdlJTIwJTI4NSUyOS5wbmdcIixcclxuICAgICAgc3RhdHVzIDogXCJTVUNDRVNTXCIsXHJcbiAgICAgIGludmVzdGVkT24gOiBcIjEwdGggTWF5IDIwMjNcIixcclxuICAgICAgc3FmdCA6IFwiNDUwIFNxIGZ0XCIsXHJcbiAgICAgIGludmVzdGVkQW1vdW50IDogXCLigrk0LjEgTFwiLFxyXG4gICAgICBvcmRlclR5cGUgOiBcIlNlbGwgT3JkZXJcIixcclxuICAgICAgb3JkZXJQbGFjZWRPbiA6IFwiMTB0aCBNYXkgMjAyM1wiLFxyXG4gICAgICBvcmRlckV4ZWN1dGVkT24gOiBcIjEydGggTWF5IDIwMjNcIixcclxuICAgICAgcHJvcGVydHlOYW1lIDogXCJSZWFsIEVzdGF0ZSBEZWJ0IEludmVzdG1lbnQgLSBCbHVlIE1vb25cIixcclxuICAgICAgcHJvcGVydHlMb2NhdGlvbiA6IFwiUlJSIEh5ZGVyYWJhZCwgVGVsYW5nYW5hXCIsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBpbWdVcmwgOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvODE1OTIxYzE3MzkyNTQ4NDMxODZpbWFnZSUyMCUyODUlMjkucG5nXCIsXHJcbiAgICAgIHN0YXR1cyA6IFwiUEVORElOR1wiLFxyXG4gICAgICBpbnZlc3RlZE9uIDogXCIxMHRoIE1heSAyMDIzXCIsXHJcbiAgICAgIHNxZnQgOiBcIjQ1MCBTcSBmdFwiLFxyXG4gICAgICBpbnZlc3RlZEFtb3VudCA6IFwi4oK5NC4xIExcIixcclxuICAgICAgb3JkZXJUeXBlIDogXCJCdXkgT3JkZXJcIixcclxuICAgICAgb3JkZXJQbGFjZWRPbiA6IFwiMTB0aCBNYXkgMjAyM1wiLFxyXG4gICAgICBvcmRlckV4ZWN1dGVkT24gOiBcIjEydGggTWF5IDIwMjNcIixcclxuICAgICAgcHJvcGVydHlOYW1lIDogXCJSZWFsIEVzdGF0ZSBEZWJ0IEludmVzdG1lbnQgLSBCbHVlIE1vb25cIixcclxuICAgICAgcHJvcGVydHlMb2NhdGlvbiA6IFwiUlJSIEh5ZGVyYWJhZCwgVGVsYW5nYW5hXCIsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICBpbWdVcmwgOiBcImh0dHBzOi8vcHJvZC1zaW1wby5zMy5hcC1zb3V0aC0xLmFtYXpvbmF3cy5jb20vcHJvZC1pbWFnZXMvODE1OTIxYzE3MzkyNTQ4NDMxODZpbWFnZSUyMCUyODUlMjkucG5nXCIsXHJcbiAgICAgIHN0YXR1cyA6IFwiQ0FOQ0VMTEVEXCIsXHJcbiAgICAgIGludmVzdGVkT24gOiBcIjEwdGggTWF5IDIwMjNcIixcclxuICAgICAgc3FmdCA6IFwiNDUwIFNxIGZ0XCIsXHJcbiAgICAgIGludmVzdGVkQW1vdW50IDogXCLigrk0LjEgTFwiLFxyXG4gICAgICBvcmRlclR5cGUgOiBcIkJ1eSBPcmRlclwiLFxyXG4gICAgICBvcmRlclBsYWNlZE9uIDogXCIxMHRoIE1heSAyMDIzXCIsXHJcbiAgICAgIG9yZGVyRXhlY3V0ZWRPbiA6IFwiMTJ0aCBNYXkgMjAyM1wiLFxyXG4gICAgICBwcm9wZXJ0eU5hbWUgOiBcIlJlYWwgRXN0YXRlIERlYnQgSW52ZXN0bWVudCAtIEJsdWUgTW9vblwiLFxyXG4gICAgICBwcm9wZXJ0eUxvY2F0aW9uIDogXCJSUlIgSHlkZXJhYmFkLCBUZWxhbmdhbmFcIixcclxuICAgIH1cclxuICBdXHJcblxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS10YWJzIGQtZmxleCBnYXAtMTAgbXQtMyBtYi0zXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYlwiICpuZ0Zvcj1cImxldCBlbGUgb2YgdGFic1wiIChjbGljayk9XCJhY3RpdmVUYWIgPSBlbGUudmFsdWVcIlxyXG4gICAgICAgICAgICBbY2xhc3MudGFiQWN0aXZlXT1cImFjdGl2ZVRhYiA9PSBlbGUudmFsdWVcIj57e2VsZS52aWV3VmFsdWV9fTwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZHMtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByb3BlcnR5LWNhcmQgbWItM1wiICpuZ0Zvcj1cImxldCBlbGUgb2YgcHJvcGVydGllc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC10b3AgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1sZWZ0IGQtZmxleCBwLTEwIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJici0xIHAtMC0xMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzXCIgW2NsYXNzLnN1Y2Nlc3NdPVwiZWxlLnN0YXR1cyA9PSAnU1VDQ0VTUydcIiBbY2xhc3MuY2FuY2VsbGVkXT1cImVsZS5zdGF0dXMgPT0gJ0NBTkNFTExFRCdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICYjeDIwMjI7Jm5ic3A7e3tlbGUuc3RhdHVzIHwgdGl0bGVjYXNlfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImludmVzdGVkT24gcC0xMFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB7e2VsZS5pbnZlc3RlZE9ufX1cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtcmlnaHQgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiIFtjbGFzcy5idXldPVwiZWxlLm9yZGVyVHlwZSA9PSAnQnV5IE9yZGVyJyBcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2VsZS5vcmRlclR5cGV9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1taWRkbGUgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIHAtMTVcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtaWRkbGUtMSBkLWZsZXggZ2FwLTEwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiZWxlLmltZ1VybFwiIGFsdD1cInByb3BlcnR5IGltYWdlXCIgY2xhc3M9XCJwcm9wZXJ0eS1pbWdcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktZGV0YWlsc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHktbmFtZVwiPnt7ZWxlLnByb3BlcnR5TmFtZX19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcm9wZXJ0eS1sb2NhdGlvblwiPnt7ZWxlLnByb3BlcnR5TG9jYXRpb259fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWlkZGxlLTJcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2VsZS5zcWZ0fX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1pZGRsZS0zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3tlbGUuaW52ZXN0ZWRBbW91bnR9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1ib3R0b20gZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZC0xIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciByb3VuZC0xLWFjdGl2ZVwiPjxtYXQtaWNvbiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBmLTE2XCI+Y2hlY2s8L21hdC1pY29uPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGluZVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvdW5kLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3VuZC0yIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlclwiIFtjbGFzcy5yb3VuZC0xLWFjdGl2ZV09XCJlbGUuc3RhdHVzID09ICdTVUNDRVNTJ1wiIFtjbGFzcy5yb3VuZC1jYW5jZWxsZWRdPVwiZWxlLnN0YXR1cyA9PSAnQ0FOQ0VMTEVEJ1wiPjxtYXQtaWNvbiAqbmdJZj1cImVsZS5zdGF0dXMgPT0gJ0NBTkNFTExFRCdcIiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBmLTE2XCI+Y2xvc2U8L21hdC1pY29uPjxtYXQtaWNvbiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBmLTE2XCIgKm5nSWY9XCJlbGUuc3RhdHVzID09ICdTVUNDRVNTJ1wiPmNoZWNrPC9tYXQtaWNvbj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYm90dG9tIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBsYWNlZFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwicGxhY2VkLXRleHQgbWItMFwiPk9yZGVyIFBsYWNlZDwvcD48c3BhbiBjbGFzcz1cImRhdGVcIj57e2VsZS5vcmRlclBsYWNlZE9ufX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwbGFjZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInBsYWNlZC10ZXh0IG1iLTBcIj5PcmRlciB7e2VsZS5zdGF0dXMgPT0gJ0NBTkNFTExFRCcgPyBcIkNhbmNlbGxlZFwiIDogXCJFeGVjdXRlZFwifX08L3A+PHNwYW4gY2xhc3M9XCJkYXRlXCI+e3tlbGUub3JkZXJFeGVjdXRlZE9ufX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/elements/my-statement/my-statement.component.mjs

@@ -1,11 +1,26 @@
+import { CommonModule } from '@angular/common';
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class MyStatementComponent {
+    constructor() {
+        this.tableHeaders = ["Amount", "Status", "Payment Method", "Remarks"];
+        this.tableData = [
+            { amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
+            { amount: 12000, status: "SUCCESS", method: "UPI", remarks: "Property Purchased" },
+            { amount: 12000, status: "PENDING", method: "Credit Card", remarks: "Property Purchased" },
+            { amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
+            { amount: 12000, status: "SUCCESS", method: "Credit Card", remarks: "Property Purchased" },
+            { amount: 12000, status: "FAILED", method: "UPI", remarks: "Property Purchased" },
+            { amount: 12000, status: "SUCCESS", method: "UPI", remarks: "Property Purchased" },
+            { amount: 12000, status: "FAILED", method: "Credit Card", remarks: "Property Purchased" },
+        ];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyStatementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: MyStatementComponent, isStandalone: true, selector: "simpo-my-statement", ngImport: i0, template: "<p>my-statement works!</p>\r\n", styles: [""] }); }
+    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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: MyStatementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'simpo-my-statement', standalone: true, imports: [], template: "<p>my-statement works!</p>\r\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktc3RhdGVtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktc3RhdGVtZW50L215LXN0YXRlbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LXN0YXRlbWVudC9teS1zdGF0ZW1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLG9CQUFvQjs4R0FBcEIsb0JBQW9CO2tHQUFwQixvQkFBb0IsOEVDVGpDLGdDQUNBOzsyRkRRYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLW15LXN0YXRlbWVudCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbXktc3RhdGVtZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbXktc3RhdGVtZW50LmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNeVN0YXRlbWVudENvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxwPm15LXN0YXRlbWVudCB3b3JrcyE8L3A+XHJcbiJdfQ==
+            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"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXktc3RhdGVtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvZWxlbWVudHMvbXktc3RhdGVtZW50L215LXN0YXRlbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL215LXN0YXRlbWVudC9teS1zdGF0ZW1lbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVMxQyxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO1FBSUEsaUJBQVksR0FBUyxDQUFDLFFBQVEsRUFBQyxRQUFRLEVBQUMsZ0JBQWdCLEVBQUMsU0FBUyxDQUFDLENBQUE7UUFFbkUsY0FBUyxHQUFTO1lBQ2hCLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ25GLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQzNGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsUUFBUSxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ2xGLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsU0FBUyxFQUFDLE1BQU0sRUFBRyxLQUFLLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1lBQ25GLEVBQUMsTUFBTSxFQUFHLEtBQUssRUFBRyxNQUFNLEVBQUcsUUFBUSxFQUFDLE1BQU0sRUFBRyxhQUFhLEVBQUMsT0FBTyxFQUFHLG9CQUFvQixFQUFDO1NBQzNGLENBQUE7SUFiRCxDQUFDOzhHQUpVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDhFQ1ZqQywyNEJBaUJNLHUwQkRYTSxZQUFZOzsyRkFJWCxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1teS1zdGF0ZW1lbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL215LXN0YXRlbWVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL215LXN0YXRlbWVudC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTXlTdGF0ZW1lbnRDb21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe1xyXG5cclxuICB9XHJcblxyXG4gIHRhYmxlSGVhZGVycyA6IGFueSA9IFtcIkFtb3VudFwiLFwiU3RhdHVzXCIsXCJQYXltZW50IE1ldGhvZFwiLFwiUmVtYXJrc1wiXVxyXG5cclxuICB0YWJsZURhdGEgOiBhbnkgPSBbXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIlNVQ0NFU1NcIixtZXRob2QgOiBcIkNyZWRpdCBDYXJkXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJVUElcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIlBFTkRJTkdcIixtZXRob2QgOiBcIkNyZWRpdCBDYXJkXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJDcmVkaXQgQ2FyZFwiLHJlbWFya3MgOiBcIlByb3BlcnR5IFB1cmNoYXNlZFwifSxcclxuICAgIHthbW91bnQgOiAxMjAwMCAsIHN0YXR1cyA6IFwiU1VDQ0VTU1wiLG1ldGhvZCA6IFwiQ3JlZGl0IENhcmRcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIkZBSUxFRFwiLG1ldGhvZCA6IFwiVVBJXCIscmVtYXJrcyA6IFwiUHJvcGVydHkgUHVyY2hhc2VkXCJ9LFxyXG4gICAge2Ftb3VudCA6IDEyMDAwICwgc3RhdHVzIDogXCJTVUNDRVNTXCIsbWV0aG9kIDogXCJVUElcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgICB7YW1vdW50IDogMTIwMDAgLCBzdGF0dXMgOiBcIkZBSUxFRFwiLG1ldGhvZCA6IFwiQ3JlZGl0IENhcmRcIixyZW1hcmtzIDogXCJQcm9wZXJ0eSBQdXJjaGFzZWRcIn0sXHJcbiAgXVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5UcmFuc2FjdGlvbiBIaXN0b3J5PC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGFibGUtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPHRhYmxlIGNsYXNzPVwidy0xMDBcIj5cclxuICAgICAgICAgICAgPHRoZWFkPlxyXG4gICAgICAgICAgICAgICAgPHRoICpuZ0Zvcj1cImxldCBoZWFkIG9mIHRhYmxlSGVhZGVyc1wiPnt7aGVhZH19PC90aD5cclxuICAgICAgICAgICAgPC90aGVhZD5cclxuICAgICAgICAgICAgPHRib2R5PlxyXG4gICAgICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBkYXRhIG9mIHRhYmxlRGF0YVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZD57e2RhdGEuYW1vdW50fX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZD48ZGl2IFtjbGFzcy5zdWNjZXNzXT1cImRhdGEuc3RhdHVzID09ICdTVUNDRVNTJ1wiIFtjbGFzcy5wZW5kaW5nXT1cImRhdGEuc3RhdHVzID09ICdQRU5ESU5HJ1wiIFtjbGFzcy5mYWlsZWRdPVwiZGF0YS5zdGF0dXMgPT0gJ0ZBSUxFRCdcIiBjbGFzcz1cImNvbW1vbi1zdHlsZVwiPiAmI3gyMDIyOyZuYnNwO3t7ZGF0YS5zdGF0dXMgfCB0aXRsZWNhc2V9fTwvZGl2PjwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkPnt7ZGF0YS5tZXRob2R9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRkPnt7ZGF0YS5yZW1hcmtzLmxlbmd0aCA+IDE1ID8gZGF0YS5yZW1hcmtzLnN1YnN0cmluZygwLDE1KStcIi4uLlwiIDogZGF0YS5yZW1hcmtzfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgPC90cj5cclxuICAgICAgICAgICAgPC90Ym9keT5cclxuICAgICAgICA8L3RhYmxlPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/elements/payment-confirmation/payment-confirmation.component.mjs

@@ -0,0 +1,59 @@
+import { CommonModule } from '@angular/common';
+import { Component, Inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../../services/rest.service";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/forms";
+export class PaymentConfirmationComponent {
+    constructor(dialogRef, data, restService) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.restService = restService;
+        this.sqFeetArea = 0;
+        this.payload = {
+            totalAmount: 0,
+            totalTax: 0
+        };
+    }
+    ngOnInit() {
+        this.propertyDetails = this.data.details;
+        this.sqFeetArea = this.data.totalArea;
+        this.addOrRemoveProperty();
+    }
+    close() {
+        this.dialogRef.close();
+    }
+    addOrRemoveProperty() {
+        this.payload.totalAmount = Number(Number((this.propertyDetails?.financeDetails?.pricePerSqFeet || 0) * this.sqFeetArea).toFixed(2));
+        this.payload.totalTax = Number(Number((0.28) * this.payload.totalAmount).toFixed(2));
+    }
+    addSqFeet() {
+        this.sqFeetArea++;
+        this.addOrRemoveProperty();
+    }
+    removeSqFeet() {
+        this.sqFeetArea--;
+        this.addOrRemoveProperty();
+    }
+    purchaseProperty() {
+        this.restService.purchaseProperty(this.payload).subscribe((res) => {
+        });
+    }
+    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 }], target: i0.ɵɵFactoryTarget.Component }); }
+    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)]=\"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{{payload.totalAmount}}\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 {{payload.totalTax}}\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 {{payload.totalAmount + payload.totalTax}}\r\n        </div>\r\n      </div>\r\n      <button class=\"buy-btn\">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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: PaymentConfirmationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'simpo-payment-confirmation', standalone: true, imports: [MatIconModule,
+                        FormsModule,
+                        CommonModule
+                    ], 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)]=\"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{{payload.totalAmount}}\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 {{payload.totalTax}}\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 {{payload.totalAmount + payload.totalTax}}\r\n        </div>\r\n      </div>\r\n      <button class=\"buy-btn\">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"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i2.RestService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5bWVudC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9lbGVtZW50cy9wYXltZW50LWNvbmZpcm1hdGlvbi9wYXltZW50LWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL2VsZW1lbnRzL3BheW1lbnQtY29uZmlybWF0aW9uL3BheW1lbnQtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7OztBQWF2RCxNQUFNLE9BQU8sNEJBQTRCO0lBRXZDLFlBQW1CLFNBQXFELEVBQ3RDLElBQVMsRUFDakMsV0FBd0I7UUFGZixjQUFTLEdBQVQsU0FBUyxDQUE0QztRQUN0QyxTQUFJLEdBQUosSUFBSSxDQUFLO1FBQ2pDLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBSWxDLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFDdkIsWUFBTyxHQUFRO1lBQ2IsV0FBVyxFQUFFLENBQUM7WUFDZCxRQUFRLEVBQUUsQ0FBQztTQUNaLENBQUE7SUFQRSxDQUFDO0lBU0osUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUV0QyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxjQUFjLEVBQUUsY0FBYyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwSSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2RixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7UUFFdkUsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDOzhHQTVDVSw0QkFBNEIsOENBRzdCLGVBQWU7a0dBSGQsNEJBQTRCLHNGQ2pCekMsKzdFQTRFQSxxaEVEbEVZLGFBQWEsbUxBQ3JCLFdBQVcsZ3hCQUNYLFlBQVk7OzJGQUtILDRCQUE0QjtrQkFWeEMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQLENBQUMsYUFBYTt3QkFDckIsV0FBVzt3QkFDWCxZQUFZO3FCQUNiOzswQkFPRSxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFJlc3RTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvcmVzdC5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ltcG8tcGF5bWVudC1jb25maXJtYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BheW1lbnQtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcGF5bWVudC1jb25maXJtYXRpb24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFBheW1lbnRDb25maXJtYXRpb25Db21wb25lbnQge1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UGF5bWVudENvbmZpcm1hdGlvbkNvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcclxuICAgIHByaXZhdGUgcmVzdFNlcnZpY2U6IFJlc3RTZXJ2aWNlXHJcbiAgKSB7fVxyXG5cclxuICBwcm9wZXJ0eURldGFpbHM6IGFueTtcclxuICBzcUZlZXRBcmVhOiBudW1iZXIgPSAwO1xyXG4gIHBheWxvYWQ6IGFueSA9IHtcclxuICAgIHRvdGFsQW1vdW50OiAwLFxyXG4gICAgdG90YWxUYXg6IDBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5wcm9wZXJ0eURldGFpbHMgPSB0aGlzLmRhdGEuZGV0YWlscztcclxuICAgIHRoaXMuc3FGZWV0QXJlYSA9IHRoaXMuZGF0YS50b3RhbEFyZWE7XHJcblxyXG4gICAgdGhpcy5hZGRPclJlbW92ZVByb3BlcnR5KCk7XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBhZGRPclJlbW92ZVByb3BlcnR5KCkge1xyXG4gICAgdGhpcy5wYXlsb2FkLnRvdGFsQW1vdW50ID0gTnVtYmVyKE51bWJlcigodGhpcy5wcm9wZXJ0eURldGFpbHM/LmZpbmFuY2VEZXRhaWxzPy5wcmljZVBlclNxRmVldCB8fCAwKSAqIHRoaXMuc3FGZWV0QXJlYSkudG9GaXhlZCgyKSk7XHJcbiAgICB0aGlzLnBheWxvYWQudG90YWxUYXggPSBOdW1iZXIoTnVtYmVyKCgwLjI4KSAqIHRoaXMucGF5bG9hZC50b3RhbEFtb3VudCkudG9GaXhlZCgyKSk7XHJcbiAgfVxyXG5cclxuICBhZGRTcUZlZXQoKSB7XHJcbiAgICB0aGlzLnNxRmVldEFyZWErKztcclxuICAgIHRoaXMuYWRkT3JSZW1vdmVQcm9wZXJ0eSgpO1xyXG4gIH1cclxuXHJcbiAgcmVtb3ZlU3FGZWV0KCkge1xyXG4gICAgdGhpcy5zcUZlZXRBcmVhLS07XHJcbiAgICB0aGlzLmFkZE9yUmVtb3ZlUHJvcGVydHkoKTtcclxuICB9XHJcblxyXG4gIHB1cmNoYXNlUHJvcGVydHkoKSB7XHJcbiAgICB0aGlzLnJlc3RTZXJ2aWNlLnB1cmNoYXNlUHJvcGVydHkodGhpcy5wYXlsb2FkKS5zdWJzY3JpYmUoKHJlczogYW55KSA9PiB7XHJcblxyXG4gICAgfSlcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24+XHJcbiAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgPHA+UGF5bWVudCBDb25maXJtYXRpb248L3A+XHJcbiAgICA8bWF0LWljb24gKGNsaWNrKT1cImNsb3NlKClcIj5jbG9zZTwvbWF0LWljb24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJib2R5XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicHJvcGVydHlcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJwcm9wZXJ0eURldGFpbHMuaW1nVXJsWzBdXCJcclxuICAgICAgICAgIGFsdD1cIlwiPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICA8cCBjbGFzcz1cInByb3BlcnR5LW5hbWVcIj57e3Byb3BlcnR5RGV0YWlscy5uYW1lfX08L3A+XHJcbiAgICAgICAgICA8cCBjbGFzcz1cImxvY2F0aW9uXCI+e3twcm9wZXJ0eURldGFpbHMubG9jYXRpb259fTwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1zaWRlXCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJQcmljZS10ZXh0XCI+UHJpY2UvU3EuZnQ8L3A+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJwZXJTcUZ0QW1vdW50XCI+4oK5IHt7cHJvcGVydHlEZXRhaWxzLmZpbmFuY2VEZXRhaWxzLnByaWNlUGVyU3FGZWV0fX0vU3EuZnQ8L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInByaWNlLWRldGFpbFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktc3BhY2UgbWItMzBcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtbGVmdC1zaWRlXCI+XHJcbiAgICAgICAgICBRdWFudGl0eVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1yaWdodC1zaWRlXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwicXVhbnRpdHlcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFkZFwiIChjbGljayk9XCJhZGRTcUZlZXQoKVwiPjxtYXQtaWNvbj5hZGQ8L21hdC1pY29uPjwvZGl2PlxyXG4gICAgICAgICAgICA8aW5wdXQgdHlwZT1cIm51bWJlclwiIFsobmdNb2RlbCldPVwic3FGZWV0QXJlYVwiIChuZ01vZGVsQ2hhbmdlKT1cImFkZE9yUmVtb3ZlUHJvcGVydHkoKVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVtb3ZlXCIgKGNsaWNrKT1cInJlbW92ZVNxRmVldCgpXCI+PG1hdC1pY29uPnJlbW92ZTwvbWF0LWljb24+PC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0xNVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIFRvdGFsIFByaWNlXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLXJpZ2h0LXNpZGVcIj5cclxuICAgICAgICAgIOKCuXt7cGF5bG9hZC50b3RhbEFtb3VudH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktc3BhY2UgbWItMTVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtbGVmdC1zaWRlXCI+XHJcbiAgICAgICAgICBQcm9wZXJ0eSBUYXhcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtdGV4dFwiPlxyXG4gICAgICAgICAg4oK5IDBcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0xNVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIEdTVCgyOCUpXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInByaWNlLXRleHRcIj5cclxuICAgICAgICAgIOKCuSB7e3BheWxvYWQudG90YWxUYXh9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1zcGFjZSBtYi0xNVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmljZS1sZWZ0LXNpZGVcIj5cclxuICAgICAgICAgIFRvdGFsIFBheWFibGVcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJpY2UtdGV4dFwiPlxyXG4gICAgICAgICAg4oK5IHt7cGF5bG9hZC50b3RhbEFtb3VudCArIHBheWxvYWQudG90YWxUYXh9fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1eS1idG5cIj5CdXkgTm93PC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbjwvc2VjdGlvbj5cclxuIl19

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

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