simpo-component-library 2.0.65 → 2.0.67

package/lib/ecommerce/sections/authenticate-user/authenticate-user.component.d.ts

@@ -5,7 +5,7 @@ import { RestService } from '../../../services/rest.service';
 import { Router } from '@angular/router';
 import { StorageServiceService } from '../../../services/storage.service';
 import { EventsService } from '../../../services/events.service';
-import { InputTextModel, StylesModel } from '../../../styles/style.model';
+import { BackgroundModel, InputTextModel, StylesModel } from '../../../styles/style.model';
 import { ActionModel } from "../../../styles/style.model";
 import BaseSection from '../../../sections/BaseSection';
 import { MessageService } from 'primeng/api';
@@ -38,6 +38,7 @@ export declare class AuthenticateUserComponent extends BaseSection implements On
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     isLoading: boolean;
     otpData: undefined[];
     otpString: string;
@@ -90,6 +91,6 @@ export declare class AuthenticateUserComponent extends BaseSection implements On
     get isMobileValid(): boolean;
     get isMobile(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticateUserComponent, [{ optional: true; }, { optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AuthenticateUserComponent, "simpo-authenticate-user", 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthenticateUserComponent, "simpo-authenticate-user", 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>;
 }
 export {};

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

@@ -7,7 +7,7 @@ import { ItemVariant, Product } from '../../styles/product.modal';
 import { FeaturedProductModal } from '../featured-products/featured-products.modal';
 import { CartService } from '../../../services/cart.service';
 import BaseSection from '../../../sections/BaseSection';
-import { LayOutModel } from '../../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class CategoryProductComponent extends BaseSection implements OnInit {
     private readonly restService;
@@ -18,6 +18,7 @@ export declare class CategoryProductComponent extends BaseSection implements OnI
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     apiLoading: boolean;
     containerRef: ElementRef<HTMLDivElement> | undefined;
     styles?: CategoryProductStylesModel;
@@ -45,5 +46,5 @@ export declare class CategoryProductComponent extends BaseSection implements OnI
     get isMobile(): boolean;
     get getSpacingLayout(): LayOutModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<CategoryProductComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CategoryProductComponent, "simpo-category-product", 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CategoryProductComponent, "simpo-category-product", 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/ecommerce/sections/checkout/checkout.component.d.ts

@@ -1,6 +1,6 @@
 import { CheckoutContentModal, CheckoutModal, CheckoutStylesModal } from './checkout.modal';
 import BaseSection from '../../../sections/BaseSection';
-import { ButtonModel } from '../../../styles/style.model';
+import { BackgroundModel, BannerStylesModel, ButtonModel } from '../../../styles/style.model';
 import { EventsService } from '.././../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class CheckoutComponent extends BaseSection {
@@ -11,6 +11,8 @@ export declare class CheckoutComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
+    style?: BannerStylesModel;
     isLoading: boolean;
     constructor(_eventService: EventsService);
     editDeliveryAddress: boolean;
@@ -22,5 +24,5 @@ export declare class CheckoutComponent extends BaseSection {
     editSection(): void;
     get currency(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutComponent, "simpo-checkout", 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutComponent, "simpo-checkout", 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/customer-review/customer-review.component.d.ts

@@ -3,6 +3,7 @@ import { ActivatedRoute } from '@angular/router';
 import { RestService } from '../../../services/rest.service';
 import { Review } from '../../styles/review.modal';
 import { ProductDescModal } from '../product-desc/product-desc.modal';
+import { BackgroundModel } from '../../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class CustomerReviewComponent implements OnInit {
     private readonly activatedRoute;
@@ -11,6 +12,7 @@ export declare class CustomerReviewComponent implements OnInit {
     index?: number;
     edit?: boolean;
     delete?: boolean;
+    nextComponentColor?: BackgroundModel;
     productId: string | null;
     customerReviews: Review[];
     totalRating: number;
@@ -22,5 +24,5 @@ export declare class CustomerReviewComponent implements OnInit {
     getKeys(object: Map<string, string> | null): string[];
     getPercentage(value: string | number | undefined): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomerReviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomerReviewComponent, "simpo-customer-review", 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomerReviewComponent, "simpo-customer-review", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/ecommerce/sections/featured-category/featured-category.component.d.ts

@@ -4,7 +4,7 @@ import { FeaturedCategoryContentModal, FeaturedCategoryModal, FeaturedCategorySt
 import { Category } from '../../styles/category.modal';
 import { RestService } from '../../../services/rest.service';
 import { Router } from '@angular/router';
-import { LayOutModel } from '../../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class FeaturedCategoryComponent extends BaseSection {
     private platformId;
@@ -18,6 +18,7 @@ export declare class FeaturedCategoryComponent extends BaseSection {
     delete?: boolean;
     customClass?: string;
     isLoading: boolean;
+    nextComponentColor?: BackgroundModel;
     content?: FeaturedCategoryContentModal;
     styles?: FeaturedCategoryStylesModel;
     constructor(platformId: Object, router: Router, restService: RestService, _eventService: EventsService);
@@ -30,5 +31,5 @@ export declare class FeaturedCategoryComponent extends BaseSection {
     get stylesLayout(): LayOutModel;
     get isMobile(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCategoryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCategoryComponent, "simpo-featured-category", 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCategoryComponent, "simpo-featured-category", 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/featured-category/featured-collection.component.d.ts

@@ -4,7 +4,7 @@ import { FeaturedCategoryContentModal, FeaturedCategoryModal, FeaturedCategorySt
 import { Category } from '../../styles/category.modal';
 import { RestService } from '../../../services/rest.service';
 import { Router } from '@angular/router';
-import { LayOutModel } from '../../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class FeaturedCollectionComponent extends BaseSection {
     private readonly router;
@@ -16,6 +16,7 @@ export declare class FeaturedCollectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     isLoading: boolean;
     content?: FeaturedCategoryContentModal;
     styles?: FeaturedCategoryStylesModel;
@@ -30,5 +31,5 @@ export declare class FeaturedCollectionComponent extends BaseSection {
     get isMobile(): boolean;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCollectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCollectionComponent, "simpo-featured-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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCollectionComponent, "simpo-featured-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/featured-products/featured-products.component.d.ts

@@ -3,7 +3,7 @@ import { FeaturedProductContentModal, FeaturedProductModal, FeaturedProductStyle
 import { Product, ItemVariant } from '../../styles/product.modal';
 import { EventsService } from '.././../../services/events.service';
 import BaseSection from '../../../sections/BaseSection';
-import { ButtonModel, LayOutModel } from '../../../styles/style.model';
+import { BackgroundModel, ButtonModel, LayOutModel } from '../../../styles/style.model';
 import { RestService } from '../../../services/rest.service';
 import { Router } from '@angular/router';
 import { CartService } from '../../../services/cart.service';
@@ -28,6 +28,7 @@ export declare class FeaturedProductsComponent extends BaseSection implements On
     edit?: boolean;
     customClass?: string;
     delete?: boolean;
+    nextComponentColor?: BackgroundModel;
     changeDetailProduct: EventEmitter<Product>;
     content?: FeaturedProductContentModal;
     styles?: FeaturedProductStylesModel;
@@ -68,5 +69,5 @@ export declare class FeaturedProductsComponent extends BaseSection implements On
     proceedToProductList(): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedProductsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedProductsComponent, "simpo-featured-products", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "isRelatedProduct": { "alias": "isRelatedProduct"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, { "changeDetailProduct": "changeDetailProduct"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedProductsComponent, "simpo-featured-products", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "isRelatedProduct": { "alias": "isRelatedProduct"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, { "changeDetailProduct": "changeDetailProduct"; }, never, never, true, never>;
 }

package/lib/ecommerce/sections/product-category-list/product-category-list.component.d.ts

@@ -8,7 +8,7 @@ import { CartService } from '../../../services/cart.service';
 import { ActivatedRoute } from '@angular/router';
 import { ProductCategoryListModal, ProductCategoryListStylesModal } from './product-category-list.model';
 import { SPACING } from '../../../styles/index';
-import { LayOutModel } from '../../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../../styles/style.model';
 import { EventsService } from '../../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class ProductCategoryListComponent extends BaseSection implements OnInit, OnDestroy {
@@ -22,6 +22,7 @@ export declare class ProductCategoryListComponent extends BaseSection implements
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: ProductCategoryListStylesModal;
     productListContainer: ElementRef<HTMLDivElement> | undefined;
     productCategoryListSection: ElementRef<HTMLDivElement> | undefined;
@@ -47,5 +48,5 @@ export declare class ProductCategoryListComponent extends BaseSection implements
     get isMobile(): boolean;
     get currency(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductCategoryListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductCategoryListComponent, "simpo-product-category-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductCategoryListComponent, "simpo-product-category-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "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/ecommerce/sections/product-category-list/product-category-list.model.d.ts

@@ -1,4 +1,4 @@
-import { ActionModel, AnimationModel, BackgroundModel, InputTextModel, LayOutModel } from "../../../styles/style.model";
+import { ActionModel, AnimationModel, BackgroundModel, DeviderModel, InputTextModel, LayOutModel } from "../../../styles/style.model";
 import { ImageModel } from "../cart/cart.modal";
 export interface ProductCategoryListModal {
     id: string;
@@ -12,6 +12,7 @@ export interface ProductCategoryListStylesModal {
     layout: LayOutModel;
     background: BackgroundModel;
     animation: AnimationModel;
+    devider: DeviderModel;
 }
 export interface ProductCategoryListContentModal {
     inputText: InputTextModel[];

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

@@ -1,6 +1,6 @@
 import { ProductDescModal, ProductDescStylesModal } from './product-desc.modal';
 import { ItemImage, ItemVariant, Product } from '../../styles/product.modal';
-import { ButtonModel } from '../../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../../styles/style.model';
 import BaseSection from '../../../sections/BaseSection';
 import { EventsService } from '.././../../services/events.service';
 import { ActivatedRoute, Router } from '@angular/router';
@@ -32,6 +32,7 @@ export declare class ProductDescComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     isLoading: boolean;
     featureProductData: FeaturedProductModal | null;
     recentViewedData: FeaturedProductModal | null;
@@ -84,5 +85,5 @@ export declare class ProductDescComponent extends BaseSection {
     get isItemLowStock(): boolean;
     get isMobile(): boolean;
     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; }; }, {}, never, never, true, 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/ecommerce/sections/product-desc/product-desc.modal.d.ts

@@ -1,5 +1,5 @@
 import { FooterSocialLinkModel } from "../../../sections/footer-section/footer-section.modal";
-import { AnimationModel, BackgroundModel, InputTextModel, LayOutModel } from "../../../styles/style.model";
+import { AnimationModel, BackgroundModel, DeviderModel, InputTextModel, LayOutModel } from "../../../styles/style.model";
 import { ActionModel } from '../../../styles/style.model';
 export interface ProductDescModal {
     id: string;
@@ -15,6 +15,7 @@ export interface ProductDescStylesModal {
     animation: AnimationModel;
     maximumProduct: number;
     direction: "ROW" | "COLUMN";
+    devider: DeviderModel;
 }
 export interface ProductDescContentModal {
     button: string;

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

@@ -3,7 +3,7 @@ import BaseSection from '../../../sections/BaseSection';
 import { ProductListContentModal, ProductListModal, ProductListStylesModal } from './product-list.modal';
 import { EventsService } from '.././../../services/events.service';
 import { RestService } from '.././../../services/rest.service';
-import { ButtonModel } from '../../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../../styles/style.model';
 import { ActivatedRoute, Router } from '@angular/router';
 import { StorageServiceService } from '../../../services/storage.service';
 import { MatBottomSheet } from '@angular/material/bottom-sheet';
@@ -35,6 +35,7 @@ export declare class ProductListComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     isLoading: boolean;
     apiLoading: boolean;
     content?: ProductListContentModal;
@@ -99,6 +100,6 @@ export declare class ProductListComponent extends BaseSection {
     get currency(): string;
     get minSize(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProductListComponent, "simpo-product-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductListComponent, "simpo-product-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "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>;
 }
 export {};

package/lib/sections/appointment-form/appointment-form.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, TemplateRef } from '@angular/core';
-import { BannerStylesModel, LayOutModel, PositionLayoutModal } from '../../styles/style.model';
+import { BackgroundModel, BannerStylesModel, LayOutModel, PositionLayoutModal } from '../../styles/style.model';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { BannerContentModel, BannerSectionModel } from './appointment-form.model';
@@ -18,6 +18,7 @@ export declare class AppointmentFormComponent extends BaseSection implements OnI
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: BannerStylesModel;
     constructor(_eventService: EventsService, matDialog: MatDialog, appointmentService: RestService, snackbar: MatSnackBar);
     screenWidth: number;
@@ -80,5 +81,5 @@ export declare class AppointmentFormComponent extends BaseSection implements OnI
     reFilterData(): void;
     isFormValid(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AppointmentFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppointmentFormComponent, "simpo-appointment-form", 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppointmentFormComponent, "simpo-appointment-form", 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/banner-carousel/banner-carousel.component.d.ts

@@ -12,6 +12,7 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     id: string;
     action: ActionModel;
     content?: BannerCarouselContentModel;
@@ -22,11 +23,11 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
+    get getBlurValue(): "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | "NONE" | 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.7" | "0.5" | "0.3" | "0.2" | "0";
+    opacityValue(value: OverlayValue): "0.7" | "0.5" | "0.3" | "0.2" | "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; }; }, {}, never, never, true, 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/banner-grid-section/banner-grid-section.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import { BannerGridSectionModel, BannerGridContentModel, BannerGridStylesModel } from './banner-grid-section.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class BannerGridSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -12,6 +13,7 @@ export declare class BannerGridSectionComponent extends BaseSection implements O
     delete?: boolean;
     customClass?: string;
     index?: number;
+    nextComponentColor?: BackgroundModel;
     listItems: any;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
@@ -19,5 +21,5 @@ export declare class BannerGridSectionComponent extends BaseSection implements O
     get isBorderlessImage(): boolean | undefined;
     editSection(): void;
     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; }; }, {}, never, never, true, 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/blog-list/blog-list.component.d.ts

@@ -2,6 +2,7 @@ import { EventsService } from '../../services/events.service';
 import { BlogListContentModel, BlogListSectionModel, BlogListStylesModel } from './blog-list.model';
 import { SPACING } from '../../directive/content-title-spacing.directive';
 import BaseSection from '../BaseSection';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class BlogListComponent extends BaseSection {
     private _eventService;
@@ -10,6 +11,7 @@ export declare class BlogListComponent extends BaseSection {
     edit?: boolean;
     customClass?: string;
     data?: BlogListSectionModel;
+    nextComponentColor?: BackgroundModel;
     constructor(_eventService: EventsService);
     style?: BlogListStylesModel;
     blogContent?: BlogListContentModel;
@@ -18,5 +20,5 @@ export declare class BlogListComponent extends BaseSection {
     getBlogById(blogId: any): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlogListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlogListComponent, "simpo-blog-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlogListComponent, "simpo-blog-list", never, { "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "data": { "alias": "data"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { OnInit, ElementRef } from '@angular/core';
-import { LayOutModel, PositionLayoutModal } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel, PositionLayoutModal } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
 import { BannerSectionModel, CarouselBannerContentModel, CarouselBannerStyelsModel } from './carousel-banner.model';
@@ -14,6 +14,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: CarouselBannerStyelsModel;
     currentIndex: number;
     selectSlide(index: number): void;
@@ -24,8 +25,8 @@ 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.7" | "0.5" | "0.3" | "0.2" | "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; }; }, {}, never, never, true, 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/carousel-banner/carousel-banner.model.d.ts

@@ -1,4 +1,4 @@
-import { ActionModel, AnimationModel, BackgroundModel, BorderModel, Image, ImageStyle, InputTextModel, ListItemModal, PositionLayoutModal, TextSize } from './../../styles/style.model';
+import { ActionModel, AnimationModel, BackgroundModel, BorderModel, DeviderModel, Image, ImageStyle, InputTextModel, ListItemModal, PositionLayoutModal, TextSize } from './../../styles/style.model';
 import { Corners, AlignContent } from "./../../styles/index";
 import { ALIGN, FIT, SPACING_TYPE, BANNER_TRANSITION } from './../../styles/types';
 export interface BannerSectionModel {
@@ -40,6 +40,7 @@ export interface CarouselBannerStyelsModel {
     textSize: TextSize;
     merge?: boolean;
     transition: BANNER_TRANSITION;
+    devider: DeviderModel;
 }
 export interface CarouselBannerLayoutModel {
     fit: FIT;

package/lib/sections/choose-us-section/choose-us-section.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
 import { ChooseUsContentModal, ChooseUsStylesModel, ContactUsSectionModal } from './choose-us-section.model';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ChooseUsSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -11,10 +12,11 @@ export declare class ChooseUsSectionComponent extends BaseSection implements OnI
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: ChooseUsStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChooseUsSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChooseUsSectionComponent, "simpo-choose-us-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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChooseUsSectionComponent, "simpo-choose-us-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/contact-us/contact-us.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../styles/style.model';
 import { EventsService } from './../../services/events.service';
 import { ContactUsContentModel, ContactUsModel, ContactUsStylesModel } from './contact-us.modal';
 import BaseSection from '../BaseSection';
@@ -15,6 +15,7 @@ export declare class ContactUsComponent extends BaseSection implements OnInit {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: ContactUsStylesModel;
     button?: ButtonModel;
     buttonId: string;
@@ -27,5 +28,5 @@ export declare class ContactUsComponent extends BaseSection implements OnInit {
     editSection(): void;
     canShowContactField(field: any): any;
     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; }; }, {}, never, never, true, 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/faq-section/faq-section.component.d.ts

@@ -2,7 +2,7 @@ import { FAQContentModal, FAQSectionModal, FAQStylesModel } from './faq-section.
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
-import { LayOutModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class FaqSectionComponent extends BaseSection {
     private _eventService;
@@ -11,6 +11,7 @@ export declare class FaqSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     content?: FAQContentModal;
     style?: FAQStylesModel;
     unCollapsedList: number[];
@@ -23,5 +24,5 @@ export declare class FaqSectionComponent extends BaseSection {
     editSection(): void;
     getScreenSize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FaqSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FaqSectionComponent, "simpo-faq-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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FaqSectionComponent, "simpo-faq-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/features-section/features-section.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import BaseSection from '../BaseSection';
 import { EventsService } from '../../services/events.service';
 import { FeatureContentModel, FeatureStylesModel, FeatureSectionModel, FeatureItemModel } from './features-section.model';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class FeaturesSectionComponent extends BaseSection implements OnInit {
     private readonly _eventService;
@@ -12,6 +13,7 @@ export declare class FeaturesSectionComponent extends BaseSection implements OnI
     styles?: FeatureStylesModel;
     delete?: boolean;
     index?: number;
+    nextComponentColor?: BackgroundModel;
     listItems: any;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
@@ -22,5 +24,5 @@ export declare class FeaturesSectionComponent extends BaseSection implements OnI
     changetab(index: number): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturesSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturesSectionComponent, "simpo-features-section", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturesSectionComponent, "simpo-features-section", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "index": { "alias": "index"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import { FooterContentModel, FooterSectionModel, FooterStylesModel } from './foo
 import { FooterTypes } from '../../styles/index';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class FooterSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -11,6 +12,7 @@ export declare class FooterSectionComponent extends BaseSection implements OnIni
     edit?: boolean;
     delete?: boolean | undefined;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     content?: FooterContentModel;
     style?: FooterStylesModel;
     color: any;
@@ -21,5 +23,5 @@ export declare class FooterSectionComponent extends BaseSection implements OnIni
     changePage(pageData?: any): void;
     get checkFooter(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FooterSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FooterSectionComponent, "simpo-footer-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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterSectionComponent, "simpo-footer-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/footer-section/footer-section.modal.d.ts

@@ -1,5 +1,5 @@
 import { ChannelType, FooterTypes } from "./../../styles/index";
-import { ActionModel, BackgroundModel, InputTextModel, NavbarButton, SpacingModel } from "./../../styles/style.model";
+import { ActionModel, BackgroundModel, DeviderModel, InputTextModel, NavbarButton, SpacingModel } from "./../../styles/style.model";
 import { FOOTER_IMAGE_SOURCE, SOCIAL_ICON_SHAPE, SOCIAL_ICON_SIZE, SOCIAL_ICON_TYPE } from "./../../styles/types";
 export interface FooterSectionModel {
     id: string;
@@ -14,6 +14,7 @@ export interface FooterStylesModel {
     background: BackgroundModel;
     footerType: FooterTypes;
     socialIcon: FooterSocialIconSizeModel;
+    devider: DeviderModel;
 }
 export interface FooterLayoutModel {
     spacing: SpacingModel;

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

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { ActionModel } from '../../styles/style.model';
+import { ActionModel, BackgroundModel } from '../../styles/style.model';
 import { HeaderTextStylesModel } from './header-text.model';
 import BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
@@ -12,6 +12,7 @@ export declare class HeaderTextComponent extends BaseSection implements OnInit {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     id: string;
     action: ActionModel;
     content?: HeaderTextContentModel;
@@ -19,5 +20,5 @@ export declare class HeaderTextComponent extends BaseSection implements OnInit {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderTextComponent, "simpo-header-text", 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderTextComponent, "simpo-header-text", 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>;
 }