simpo-component-library 3.6.111 → 3.6.113

package/lib/components/input-fields/input-fields.component.d.ts

@@ -13,7 +13,7 @@ export declare class InputFieldsComponent implements OnChanges {
     constructor(elementRef: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     handleMoneyInput(event: any): void;
-    get getTextColor(): "#000" | "#FFF";
+    get getTextColor(): "#FFF" | "#000";
     interpolateColor(color1: string, color2: string, factor: number): string;
     padZero(str: string, length: number): string;
     generateColorBasedOnNumber(number: number): string;

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

@@ -16,7 +16,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, backgroundInfo?: BackgroundModel): 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, backgroundInfo: BackgroundModel): 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/ecommerce/sections/authentication-required/authentication-required.component.d.ts

@@ -58,7 +58,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     validateNumber(event: KeyboardEvent): void;
     validateOTP(event: KeyboardEvent): void;
     checkStrength(): void;
-    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
+    getStrengthColor(index: number): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
     get isEmailValid(): boolean;
     get isPasswordValid(): boolean;
     get isMobile(): boolean;

package/lib/ecommerce/sections/new-collection/new-collection.component.d.ts

@@ -30,7 +30,7 @@ export declare class NewCollectionComponent extends BaseSection {
     get getDirection(): "ROW" | "COLUMN" | undefined;
     get isMobile(): boolean;
     editSection(): void;
-    getColor(color: any): "#000000" | "#ffffff";
+    getColor(color: any): "#ffffff" | "#000000";
     static ɵfac: i0.ɵɵFactoryDeclaration<NewCollectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NewCollectionComponent, "simpo-new-collection", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "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/ecommerce/sections/product-desc/product-desc.component.d.ts

@@ -99,10 +99,10 @@ export declare class ProductDescComponent extends BaseSection {
     getDifference(sellingPrice: any, mrp: any): number;
     getBackgroundColor(type: string): "#FFF4D1" | "#EFE1F4" | "linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%)" | "#e2f6ff";
     getHeaderColor(type: string): "#FDCD33" | "#9D43B8" | "linear-gradient(180deg, #BDBDBD 0%, #E2E2E2 100%)" | "linear-gradient(159deg, rgba(65,105,225,1) 0%, rgba(137,207,240,1) 100%)";
-    getTextColor(color: any): "#000000" | "#ffffff";
+    getTextColor(color: any): "#ffffff" | "#000000";
     languages: string[];
     selectedLang: string;
-    getClass(map: any): "col-6" | "col-4" | "col-3" | "width-max";
+    getClass(map: any): "col-4" | "col-6" | "col-3" | "width-max";
     onFindInStore(): void;
     onBookAppointment(): void;
     isDetails: boolean;

package/lib/elements/link-editor/link-editor.component.d.ts

@@ -28,7 +28,7 @@ export declare class LinkEditorComponent {
     buttonStyles: any;
     changeButtonStyle(): void;
     backgroundType: string[];
-    setBorderRadius(): "0px" | "7px" | "99px";
+    setBorderRadius(): "0px" | "99px" | "7px";
     setBorder(): string;
     setColor(): any;
     setBackground(): any;

package/lib/sections/banner-grid-section/banner-grid-section.component.d.ts

@@ -27,7 +27,7 @@ export declare class BannerGridSectionComponent extends BaseSection implements O
     get spacingLayout(): SpacingModel;
     get alignmentLayout(): import("simpo-component-library").ALIGN | undefined;
     get fitLayout(): import("simpo-component-library").FIT | undefined;
-    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerGridSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BannerGridSectionComponent, "simpo-banner-grid-section", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "index": { "alias": "index"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/sections/contact-us/contact-us.component.d.ts

@@ -28,7 +28,7 @@ export declare class ContactUsComponent extends BaseSection implements OnInit {
     editSection(): void;
     canShowContactField(field: any): any;
     getCardStyle(): {};
-    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<ContactUsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ContactUsComponent, "simpo-contact-us", 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/header-section/header-section.component.d.ts

@@ -71,7 +71,7 @@ export declare class HeaderSectionComponent implements OnInit {
     get userGender(): import("../../ecommerce/styles/user.modal").GENDER | null;
     get getNavbarButton(): any[];
     isScrolled: boolean;
-    setColor(): "#000000" | "#ffffff";
+    setColor(): "#ffffff" | "#000000";
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HeaderSectionComponent, "simpo-header-section", never, { "data": { "alias": "data"; "required": false; }; "nextComponent": { "alias": "nextComponent"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/sections/moving-text/moving-text.component.d.ts

@@ -22,7 +22,7 @@ export declare class MovingTextComponent extends BaseSection {
     private transitionToNext;
     isItemVisible(index: number): boolean;
     getItemClass(index: number): string;
-    getTextColor(bgColor: string): "#000000" | "#ffffff";
+    getTextColor(bgColor: string): "#ffffff" | "#000000";
     static ɵfac: i0.ɵɵFactoryDeclaration<MovingTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MovingTextComponent, "simpo-moving-text", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -18,7 +18,7 @@ export declare class PricingSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    getTextColor(): "#000000" | "#ffffff";
+    getTextColor(): "#ffffff" | "#000000";
     get headingSpace(): SPACING;
     getButtonId(): string;
     editSection(): void;

package/package.json

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

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

@@ -166,12 +166,20 @@
     max-width: 100% !important;
   }
 
+  .sidepanel-class {
+    max-width: 100vw !important;
+  }
+
+  .address-class {
+    width: 100vw;
+  }
+
   .media-selector {
     width: 100% !important;
     max-width: 100% !important;
   }
 
-  .add-section{
+  .add-section {
     width: 100% !important;
     max-width: 100% !important;
   }
@@ -191,8 +199,8 @@
   animation: slideInLeft 0.5s ease-in-out forwards;
 }
 
-.appointment-form{
-  @media only screen and (max-width: 500px){
+.appointment-form {
+  @media only screen and (max-width: 500px) {
     margin: auto !important;
     height: 65vh !important;
     width: 95vw !important;
@@ -202,6 +210,14 @@
 .hover-effect:hover {
   box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
 }
+
 .address-class {
- width: 100vw;
+  width: 100vw;
 }
+
+.sidepanel-class {
+  position: absolute !important;
+  right: 0px;
+  top: 0px;
+  height: 100vh;
+}