simpo-component-library 3.6.55 → 3.6.57

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(): "#FFF" | "#000";
+    get getTextColor(): "#000" | "#FFF";
     interpolateColor(color1: string, color2: string, factor: number): string;
     padZero(str: string, length: number): string;
     generateColorBasedOnNumber(number: number): string;

package/lib/components/payment-details/payment-details.component.d.ts

@@ -42,6 +42,7 @@ export declare class PaymentDetailsComponent {
     addingTransportFee(): void;
     removeTrasportFee(): void;
     onCheckboxChange(item: any, event: any): void;
+    addingTransportRequest(): void;
     getPickupTime(item: any): Date | null;
     getDroptime(item: any): Date | null;
     changeTransportTermValue(item: any): void;

package/lib/components/trasport-availability/trasport-availability.component.d.ts

@@ -0,0 +1,14 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from "@angular/core";
+export declare class TrasportAvailabilityComponent {
+    dialogRef: MatDialogRef<TrasportAvailabilityComponent>;
+    data: any;
+    private snackBar;
+    constructor(dialogRef: MatDialogRef<TrasportAvailabilityComponent>, data: any, snackBar: MatSnackBar);
+    ngOnInit(): void;
+    close(): void;
+    sendRequest(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrasportAvailabilityComponent, [null, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrasportAvailabilityComponent, "simpo-trasport-availability", never, {}, {}, never, never, true, never>;
+}

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): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#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): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     buttonStyleSubscription?: Subscription;
     buttonStyleChangeCheck(): void;
     changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;

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

@@ -1,5 +1,5 @@
 import { ElementRef } from '@angular/core';
-import { Button } from '../styles/style.model';
+import { BackgroundModel, Button, ButtonStyleModel } from '../styles/style.model';
 import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class ButtonEditorDirective {
@@ -7,6 +7,10 @@ export declare class ButtonEditorDirective {
     private matDialog;
     appButtonEditor: boolean;
     buttonData?: Button;
+    buttonStyle?: ButtonStyleModel;
+    backgroundInfo?: BackgroundModel;
+    sectionId?: string;
+    buttonId: string;
     private mouseEnterSub?;
     private mouseLeaveSub?;
     private clickSub?;
@@ -18,5 +22,5 @@ export declare class ButtonEditorDirective {
     private cleanup;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonEditorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonEditorDirective, "button[appButtonEditor]", never, { "appButtonEditor": { "alias": "appButtonEditor"; "required": false; }; "buttonData": { "alias": "buttonData"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonEditorDirective, "button[appButtonEditor]", never, { "appButtonEditor": { "alias": "appButtonEditor"; "required": false; }; "buttonData": { "alias": "buttonData"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -12,7 +12,7 @@ export declare class ColorDirective implements OnChanges {
     ngOnDestroy(): void;
     applyColor(): void;
     bgColorChangeCheck(): void;
-    getTextColor(): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(): "#000000" | "#ffffff" | "#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): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
+    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
     get isEmailValid(): boolean;
     get isPasswordValid(): boolean;
     get isMobile(): boolean;

package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts

@@ -92,6 +92,7 @@ export declare class ProductDescComponent extends BaseSection {
     toggleDescription(): void;
     isPriceBreakup: boolean;
     togglePriceBreakDown(): void;
+    getDifference(sellingPrice: any, mrp: any): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductDescComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProductDescComponent, "simpo-product-desc", 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/elements/editor-service.service.d.ts

@@ -1,10 +1,13 @@
 import { HttpClient } from '@angular/common/http';
+import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class ElementServiceService {
     private http;
     private BASE_URL;
     private CMIS_URL;
-    constructor(http: HttpClient, BASE_URL: string, CMIS_URL: string);
+    dialog: MatDialog;
+    constructor(http: HttpClient, BASE_URL: string, CMIS_URL: string, dialog: MatDialog);
+    openSocialBrand(componentName: any, height: any, width: any, data: any): import("@angular/material/dialog").MatDialogRef<unknown, any>;
     getComponentApi(businessType?: 'STATIC' | 'E_COMMERCE'): import("rxjs").Observable<Object>;
     regenerateText(request: any): import("rxjs").Observable<Object>;
     getImageLibrary(): import("rxjs").Observable<Object>;

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

@@ -2,24 +2,30 @@ import { Button } from '../../styles/style.model';
 import { RedirectionLinkType } from '../../styles/index';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ElementServiceService } from '../editor-service.service';
+import { EventsService } from '../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class LinkEditorComponent {
     private editorService;
     dialogRef: MatDialogRef<LinkEditorComponent>;
     data: any;
+    private eventService;
     link: Button;
     RedirectionLink: typeof RedirectionLinkType;
     externalLinkType: Array<type>;
     selectedType: RedirectionLinkType;
     linkType: any[];
+    buttonTypes: any[];
+    buttonShapes: any[];
     templatePage: any[];
     addLink: boolean;
-    constructor(editorService: ElementServiceService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any);
+    constructor(editorService: ElementServiceService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any, eventService: EventsService);
     ngOnInit(): void;
     closeDialog(): void;
     getTemplatePage(): void;
     changeType(type: RedirectionLinkType): void;
     addNewLink(): void;
+    buttonStyles: any;
+    changeButtonStyle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LinkEditorComponent, "simpo-link-editor", never, {}, {}, 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.7" | "0.5" | "0.3" | "0.2";
-    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "0";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     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.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     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/header-section/header-section.component.d.ts

@@ -70,6 +70,8 @@ export declare class HeaderSectionComponent implements OnInit {
     getValues(object: any): unknown[];
     get userGender(): import("../../ecommerce/styles/user.modal").GENDER | null;
     get getNavbarButton(): any[];
+    isScrolled: boolean;
+    onWindowScroll(): void;
     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/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.7" | "0.5" | "0.3" | "0.2";
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

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

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

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(): "#ffffff" | "#000000";
+    getTextColor(): "#000000" | "#ffffff";
     get headingSpace(): SPACING;
     editSection(): void;
     redirectTo(): void;

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

@@ -21,6 +21,7 @@ export declare class ProcessSectionComponent extends BaseSection {
     get stylesLayout(): LayOutModel;
     get getJustifyContent(): string;
     editSection(): void;
+    getLength(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProcessSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProcessSectionComponent, "simpo-process-section", 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/process-section/process-section.modal.d.ts

@@ -1,4 +1,5 @@
 import { BannerStylesModel, CardStyles, Image, InputTextModel, ListItemModal } from './../../styles/style.model';
+import { PROCESS_SECTION_DISPLAY_STYLE } from './../../styles/types';
 export interface ProcessSectionModel {
     id: string;
     sectionType: string;
@@ -15,6 +16,7 @@ export interface ProcessSectionContentModel {
     listItem: ListItemModal<ProcessSectionItemModal>;
 }
 export interface ProcessSectionStylesModel extends BannerStylesModel, CardStyles {
+    processSectionDisplayStyle: PROCESS_SECTION_DISPLAY_STYLE;
 }
 export interface ProcessSectionItemModal {
     image: Image;

package/lib/styles/style.model.d.ts

@@ -1,5 +1,5 @@
 import { AlignContent, Corners, DeviderType, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
-import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION, CONTENT_ANIMATION } from './types';
+import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION, CONTENT_ANIMATION, BACKGROUND_ANIMATION } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -64,6 +64,7 @@ export interface BackgroundModel {
     accentBackgroundType: BACKGROUND_TYPE;
     secondaryColor: string;
     backgroundGradientDirection: GRADIENT_DIRECTION;
+    backgroundAnimation?: BACKGROUND_ANIMATION;
 }
 export interface AnimationModel {
     type: ANIMATION_DIRECTION;
@@ -90,6 +91,7 @@ export interface DisplaySection {
     showIcon: boolean;
     linkType: LINK_TYPE;
     showHeadline: boolean;
+    showShrinkingHeader: boolean;
 }
 export interface Button {
     linkType: RedirectionLinkType;

package/lib/styles/types.d.ts

@@ -9,8 +9,8 @@ export type ANIMATION_DIRECTION = 'left' | 'top' | 'bottom' | 'right' | 'fadeIn'
 export type BORDER_DIRECTION = "ALL" | "LEFT" | "RIGHT" | "TOP" | "BOTTOM";
 export type ANIMATION_SPEED = 'slow' | 'medium' | 'fast';
 export type LINK_TYPE = 'Button' | 'List Item';
-export type BUTTON_TYPE = 'Solid' | 'Outline';
-export type BUTTON_SHAPE = 'Round' | 'Square';
+export type BUTTON_TYPE = 'Solid' | 'Outline' | 'Text';
+export type BUTTON_SHAPE = 'Round' | 'Square' | 'Curve';
 export type FOOTER_IMAGE_SOURCE = 'BRANDING' | 'UPLOAD';
 export type SOCIAL_ICON_SIZE = 'large' | 'medium' | 'small';
 export type SOCIAL_ICON_SHAPE = 'circle' | 'square' | 'rounded';
@@ -22,3 +22,5 @@ export type BANNER_TRANSITION = 'Horizontal' | 'Animated';
 export type FILE_TYPE = 'Image' | 'Video';
 export type BACKGROUND_TYPE = 'Solid' | 'Gradient';
 export type GRADIENT_DIRECTION = 'DOWN' | 'RIGHT' | 'DIAGONAL_RIGHT' | 'DIAGONAL_LEFT';
+export type BACKGROUND_ANIMATION = 'NONE' | 'DANCING_DOTS' | 'SCATTERING_DOTS' | '';
+export type PROCESS_SECTION_DISPLAY_STYLE = 'STYLE1' | 'STYLE2';

package/package.json

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