simpo-component-library 3.0.2 → 3.0.31

package/lib/directive/background-directive.d.ts

@@ -11,7 +11,7 @@ export declare class BackgroundDirective implements OnChanges {
     constructor(el: ElementRef, eventService: EventsService);
     ngOnDestroy(): void;
     ngOnChanges(change: SimpleChanges): void;
-    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundDirective, "[simpoBackground]", never, { "simpoBackground": { "alias": "simpoBackground"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/directive/button-directive.directive.d.ts

@@ -15,7 +15,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, color: string): void;
     applyButtonShape(style: ButtonStyleModel): void;
-    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
     buttonStyleSubscription?: Subscription;
     buttonStyleChangeCheck(): void;
     changeButtonStyle(id: any, style: ButtonStyleModel, bgColor: string): void;

package/lib/directive/color.directive.d.ts

@@ -12,7 +12,7 @@ export declare class ColorDirective implements OnChanges {
     ngOnDestroy(): void;
     applyColor(): void;
     bgColorChangeCheck(): void;
-    getTextColor(): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(): "#ffffff" | "#000000" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColorDirective, "[simpoColor]", never, { "bgColor": { "alias": "simpoColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -7,6 +7,7 @@ export declare class PortfolioComponent {
     growthPercentage: number;
     portFolioData: any;
     ngOnInit(): void;
+    pageLoader: boolean;
     getPortfolioDetails(): void;
     propertyDetails: any;
     getPropertyDetails(): void;

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

@@ -6,6 +6,7 @@ export declare class PropertiesComponent {
     ngOnInit(): void;
     propertyDetails: any;
     selectedId: any;
+    pageLoader: boolean;
     getPropertyDetails(): void;
     screenWidth: any;
     getScreenSize(): void;

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

@@ -9,6 +9,7 @@ export declare class PropertyViewComponent {
     srcHeight: any;
     srcWidth: any;
     getScreenSize(event?: any): void;
+    pageLoader: boolean;
     getPropertyDetails(id: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PropertyViewComponent, "simpo-property-view", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;

package/lib/sections/banner-carousel/banner-carousel.component.d.ts

@@ -25,8 +25,8 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     get stylesLayout(): LayOutModel;
     get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
     get getBackgroundColor(): BackgroundModel;
-    get getBackgroundOpacity(): "0" | "0.2" | "0.3" | "0.5" | "0.7";
-    opacityValue(value: OverlayValue): "0" | "0.2" | "0.3" | "0.5" | "0.7";
+    get getBackgroundOpacity(): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerCarouselComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BannerCarouselComponent, "simpo-banner-carousel", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;

package/lib/sections/carousel-banner/carousel-banner.component.d.ts

@@ -25,7 +25,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
     get canMergeNavbar(): boolean | undefined;
     get isBorderlessImage(): boolean | undefined;
     get getPositionLayout(): PositionLayoutModal;
-    opacityValue(value: OverlayValue): "0" | "0.2" | "0.3" | "0.5" | "0.7";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselBannerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CarouselBannerComponent, "simpo-carousel-banner", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;

package/lib/sections/image-section/image-section.component.d.ts

@@ -20,8 +20,8 @@ export declare class ImageSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get canMergeNavbar(): boolean | undefined;
-    get getBackgroundOpacity(): "1" | "0.2" | "0.3" | "0.5" | "0.7";
-    opacityValue(value: OverlayValue): "1" | "0.2" | "0.3" | "0.5" | "0.7";
+    get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

package/lib/sections/logo-showcase/logo-showcase.component.d.ts

@@ -23,7 +23,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get animationDuration(): logoSpeed;
-    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
+    get animationDirection(): logoDirection.Left | "reverse" | "normal";
     screenWidth: number;
     getScreenSize(event?: number): void;
     editSection(): void;

package/lib/sections/pricing-section/pricing-section.component.d.ts

@@ -17,7 +17,7 @@ export declare class PricingSectionComponent extends BaseSection {
     style?: PricingSectionStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
-    getTextColor(): "#000000" | "#ffffff";
+    getTextColor(): "#ffffff" | "#000000";
     get headingSpace(): SPACING;
     editSection(): void;
     redirectTo(): void;

package/lib/sections/signup-signin/signup-signin.component.d.ts

@@ -21,6 +21,7 @@ export declare class SignupSigninComponent extends BaseSection {
     constructor(_eventService: EventsService, restService: RestService, router: Router, activatedRoute: ActivatedRoute, messageService: MessageService, matDialog: MatDialog);
     propertyId?: number;
     buttonLoader: boolean;
+    textType: string;
     kycDetailsSubscription?: Subscription;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -36,14 +37,29 @@ export declare class SignupSigninComponent extends BaseSection {
     investor: any;
     otpSent: boolean;
     buttonClickedEvent(): void;
+    showWarning: boolean;
+    invalidEmail: boolean;
+    invalidPhone: boolean;
+    verifyPhoneEmail(): void;
+    validEmail(): void;
+    validPhone(): void;
     signUp(): void;
     sendOtp(): void;
     loginWithPassword(): void;
+    isSignUp: boolean;
+    resend: boolean;
     sendOtpForLogin(): void;
+    showForgotFields: boolean;
+    logInOtp: string;
     verifyOtp(): void;
     isValidEmail(email: string): boolean;
     getKycDetails(): void;
     get isMobile(): boolean;
+    reEnteredPassword: string;
+    newPassword: string;
+    fOtpSent: boolean;
+    checkPasswordMatch(password: string, reEnteredPassword: string): boolean;
+    forgotPassword(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SignupSigninComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SignupSigninComponent, "simpo-signup-signin", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/services/rest.service.d.ts

@@ -103,6 +103,8 @@ export declare class RestService implements OnDestroy {
     propertyDetails: any;
     getMyPropertyDetails(): Observable<any>;
     getPropertyById(propertyId: any): Observable<Object>;
+    verifyEmailPhone(phoneNumber: any, email: any): Observable<Object>;
+    forgotPassword(payload: any): Observable<Object>;
     getFieldsToDisplay(fieldsList: any[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<RestService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RestService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simpo-component-library",
-  "version": "3.0.2",
+  "version": "3.0.31",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",

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;
+  }
+}