simpo-component-library 3.2.68 → 3.2.70

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/add-section/add-section.component.d.ts

@@ -10,6 +10,7 @@ export declare class AddSectionComponent {
     private _eventService;
     private editorService;
     private elementService;
+    Object?: Object;
     constructor(dialog: MatDialogRef<AddSectionComponent>, data: any, http: HttpClient, _eventService: EventsService, editorService: ElementServiceService, elementService: ElementServiceService);
     businessType: 'STATIC' | 'E_COMMERCE';
     ngOnInit(): void;
@@ -23,10 +24,12 @@ export declare class AddSectionComponent {
     selectSection(ele: any): void;
     getAllSections(): void;
     getObjectKeys(obj: any): any[];
+    getSectionLength(section: any): number;
     addNewSection(componentId: any, sectionType: any, event: any): void;
     searchText: string;
     dummySections: any;
     dummy2: any;
+    isSearch: boolean;
     searchSections(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AddSectionComponent, "simpo-add-section", never, {}, {}, never, never, true, never>;

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

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { HeaderContentModel, HeaderSectionModel, HeaderStyleModel } from './header-section.model';
 import { EventsService } from './../../services/events.service';
 import { ActionModel, LayOutModel } from '../../styles/style.model';
@@ -13,7 +13,6 @@ export declare class HeaderSectionComponent implements OnInit {
     private readonly activatedRoute;
     private readonly matDialog;
     private readonly storageService;
-    private cdRef;
     data?: HeaderSectionModel;
     nextComponent: any;
     index?: number;
@@ -29,7 +28,7 @@ export declare class HeaderSectionComponent implements OnInit {
     theme: typeof ProductCardTheme;
     HeaderStyling: typeof Header_Type;
     parentHeight: number;
-    constructor(_eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, matDialog: MatDialog, storageService: StorageServiceService, cdRef: ChangeDetectorRef);
+    constructor(_eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, matDialog: MatDialog, storageService: StorageServiceService);
     searchProducts(): void;
     goToFav(): void;
     get stylesLayout(): LayOutModel;
@@ -41,8 +40,6 @@ export declare class HeaderSectionComponent implements OnInit {
     applyFilter(value: any, type: string): void;
     onScroll(event: any): void;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    updateParentHeight(): void;
     isNavbarOpen: boolean;
     screenWidth: number;
     getScreenSize(event?: number): 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/package.json

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

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

@@ -3,6 +3,7 @@
   --primary-bg-color: linear-gradient(94.22deg, #283E90 -4.45%, #F000E8 111.88%);
   --primary-color: white;
 }
+
 .add-section {
   position: absolute !important;
   width: 40%;
@@ -11,11 +12,11 @@
   height: 100vh;
   background-color: transparent !important;
   box-shadow: none !important;
-animation: slideInLeft 0.5s ease-in-out forwards;
+  animation: slideInLeft 0.5s ease-in-out forwards;
 }
 
 .add-section.closing {
-  animation: slideOutLeft 0.5  s ease-in-out forwards;
+  animation: slideOutLeft 0.5 s ease-in-out forwards;
 }
 
 @keyframes slideInLeft {
@@ -23,6 +24,7 @@ animation: slideInLeft 0.5s ease-in-out forwards;
     transform: translateX(-100%);
     opacity: 0;
   }
+
   to {
     transform: translateX(0);
     opacity: 1;
@@ -34,8 +36,10 @@ animation: slideInLeft 0.5s ease-in-out forwards;
     transform: translateX(0);
     opacity: 1;
   }
+
   to {
-    transform: translateX(-100%); /* Close to the left side */
+    transform: translateX(-100%);
+    /* Close to the left side */
     opacity: 0;
   }
 }
@@ -44,28 +48,33 @@ animation: slideInLeft 0.5s ease-in-out forwards;
 @media screen and (min-width: 1280px) {
   .content-side {
     h1 {
-      font-size: 72px!important;
-      line-height: 80px!important;
+      font-size: 72px !important;
+      line-height: 80px !important;
     }
+
     h2 {
-      font-size: 48px!important;
-      line-height: 56px!important;
+      font-size: 48px !important;
+      line-height: 56px !important;
     }
+
     h3 {
-      font-size: 32px!important;
-      line-height: 40px!important;
+      font-size: 32px !important;
+      line-height: 40px !important;
     }
+
     h4 {
-      font-size: 24px!important;
-      line-height: 36px!important;
+      font-size: 24px !important;
+      line-height: 36px !important;
     }
+
     h5 {
-      font-size: 18px!important;
-      line-height: 28px!important;
+      font-size: 18px !important;
+      line-height: 28px !important;
     }
-    p{
-      font-size: 16px!important;
-      line-height: 21px!important;
+
+    p {
+      font-size: 16px !important;
+      line-height: 21px !important;
     }
   }
 
@@ -77,23 +86,28 @@ animation: slideInLeft 0.5s ease-in-out forwards;
       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{
+
+    p {
       font-size: 14px;
       line-height: 21px;
     }
@@ -106,43 +120,68 @@ animation: slideInLeft 0.5s ease-in-out forwards;
     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{
+
+  p {
     font-size: 14px;
     line-height: 21px;
   }
 }
+
 .link-editor {
   height: 100vh;
   width: 28vw;
-  position: absolute!important;
+  position: absolute !important;
   top: 0;
   left: 0 !important;
   animation: slideInLeft 0.5s ease-in-out forwards;
 }
-.mat-mdc-form-field-subscript-wrapper{
+
+@media screen and (max-width : 475px) {
+  .link-editor {
+    width: 100% !important;
+  }
+
+  .link-editor {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .media-selector {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+}
+
+.mat-mdc-form-field-subscript-wrapper {
   display: none;
 }
-.media-selector{
+
+.media-selector {
   position: absolute !important;
   top: 0 !important;
   left: 0 !important;
   width: 60%;
   height: 100vh;
   animation: slideInLeft 0.5s ease-in-out forwards;
-}
+}