simpo-component-library 3.0.1 → 3.0.3

package/src/lib/styles/global-styles.css

@@ -1,86 +1,86 @@
-@media screen and (min-width: 1280px) {
-  .content-side {
-    h1 {
-      font-size: 72px!important;
-      line-height: 80px!important;
-    }
-    h2 {
-      font-size: 48px!important;
-      line-height: 56px!important;
-    }
-    h3 {
-      font-size: 32px!important;
-      line-height: 40px!important;
-    }
-    h4 {
-      font-size: 24px!important;
-      line-height: 36px!important;
-    }
-    h5 {
-      font-size: 18px!important;
-      line-height: 28px!important;
-    }
-    p{
-      font-size: 16px!important;
-      line-height: 21px!important;
-    }
-  }
-
-}
-
-@media screen and (min-width: 768px) {
-  .content-side {
-    h1 {
-      font-size: 46px;
-      line-height: 54px;
-    }
-    h2 {
-      font-size: 35px;
-      line-height: 42px;
-    }
-    h3 {
-      font-size: 28px;
-      line-height: 36px;
-    }
-    h4 {
-      font-size: 18px;
-      line-height: 26px;
-    }
-    h5 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-    p{
-      font-size: 14px;
-      line-height: 21px;
-    }
-  }
-
-}
-
-.content-side {
-  h1 {
-    font-size: 36px;
-    line-height: 42px;
-  }
-  h2 {
-    font-size: 30px;
-    line-height: 36px;
-  }
-  h3 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-  h4 {
-    font-size: 18px;
-    line-height: 26px;
-  }
-  h5 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-  p{
-    font-size: 14px;
-    line-height: 21px;
-  }
-}
+@media screen and (min-width: 1280px) {
+  .content-side {
+    h1 {
+      font-size: 72px!important;
+      line-height: 80px!important;
+    }
+    h2 {
+      font-size: 48px!important;
+      line-height: 56px!important;
+    }
+    h3 {
+      font-size: 32px!important;
+      line-height: 40px!important;
+    }
+    h4 {
+      font-size: 24px!important;
+      line-height: 36px!important;
+    }
+    h5 {
+      font-size: 18px!important;
+      line-height: 28px!important;
+    }
+    p{
+      font-size: 16px!important;
+      line-height: 21px!important;
+    }
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .content-side {
+    h1 {
+      font-size: 46px;
+      line-height: 54px;
+    }
+    h2 {
+      font-size: 35px;
+      line-height: 42px;
+    }
+    h3 {
+      font-size: 28px;
+      line-height: 36px;
+    }
+    h4 {
+      font-size: 18px;
+      line-height: 26px;
+    }
+    h5 {
+      font-size: 16px;
+      line-height: 24px;
+    }
+    p{
+      font-size: 14px;
+      line-height: 21px;
+    }
+  }
+
+}
+
+.content-side {
+  h1 {
+    font-size: 36px;
+    line-height: 42px;
+  }
+  h2 {
+    font-size: 30px;
+    line-height: 36px;
+  }
+  h3 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+  h4 {
+    font-size: 18px;
+    line-height: 26px;
+  }
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+  p{
+    font-size: 14px;
+    line-height: 21px;
+  }
+}

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

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

package/lib/elements/property/property.component.d.ts

@@ -1,8 +0,0 @@
-import { Property } from '@simpo-ui/sections/property-component/property-component.modal';
-import * as i0 from "@angular/core";
-export declare class PropertyComponent {
-    element?: Property;
-    obj: any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyComponent, "simpo-property", never, { "element": { "alias": "element"; "required": false; }; }, {}, never, never, true, never>;
-}