simpo-component-library 2.0.6 → 2.0.7

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

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

@@ -3,12 +3,14 @@ import { ImageCarouselSection, ImageCarouselSectionContentModel, ImageCarouselSe
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ImageCarouselSectionComponent extends BaseSection implements OnInit {
     private _eventService;
     data?: ImageCarouselSection;
     index?: number;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     content?: ImageCarouselSectionContentModel;
     style?: ImageCarouselSectionStylesModel;
     edit?: boolean;
@@ -17,10 +19,10 @@ export declare class ImageCarouselSectionComponent extends BaseSection implement
     ngOnInit(): void;
     screenWidth: number;
     getScreenSize(event?: number): void;
-    getPrevImage(index: number): import("simpo-component-library").Image | undefined;
-    getNextImage(index: number): import("simpo-component-library").Image | undefined;
+    getPrevImage(index: number): import("../../styles/style.model").Image | undefined;
+    getNextImage(index: number): import("../../styles/style.model").Image | undefined;
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageCarouselSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCarouselSectionComponent, "simpo-image-carousel-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCarouselSectionComponent, "simpo-image-carousel-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import { ImageGridContentModal, ImageGridSectionModel, ImageGridStylesModel } fr
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ImageGridSectionComponent extends BaseSection {
     private _eventService;
@@ -11,6 +12,7 @@ export declare class ImageGridSectionComponent extends BaseSection {
     edit?: boolean;
     customClass?: string;
     delete?: boolean;
+    nextComponentColor?: BackgroundModel;
     _mainContainer: ElementRef | null;
     content?: ImageGridContentModal;
     style?: ImageGridStylesModel;
@@ -19,5 +21,5 @@ export declare class ImageGridSectionComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGridSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageGridSectionComponent, "simpo-image-grid-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageGridSectionComponent, "simpo-image-grid-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import { ImageContentModal, imageSectionModel, imageSectionStylesModel } from '.
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { OverlayValue } from "../../styles/index";
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ImageSectionComponent extends BaseSection {
     private _eventService;
@@ -11,15 +12,16 @@ export declare class ImageSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     _mainContainer: ElementRef | null;
     content?: ImageContentModal;
     style?: imageSectionStylesModel;
     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;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageSectionComponent, "simpo-image-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<ImageSectionComponent, "simpo-image-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/location-section/location-section.component.d.ts

@@ -4,6 +4,7 @@ import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import * as mapboxgl from 'mapbox-gl';
 import { Subscription } from 'rxjs';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class LocationSectionComponent extends BaseSection {
     private zone;
@@ -13,6 +14,7 @@ export declare class LocationSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: LocationStyleModel;
     content?: LocationContentModel;
     constructor(zone: NgZone, _eventService: EventsService);
@@ -31,5 +33,5 @@ export declare class LocationSectionComponent extends BaseSection {
     checkMapStyleChange(): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocationSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LocationSectionComponent, "simpo-location-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<LocationSectionComponent, "simpo-location-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/logo-gallery/logo-gallery.component.d.ts

@@ -1,11 +1,13 @@
 import { LogoGalleryContentModal, LogoGallerySectionMOdal, LogoGalleryStylesModel } from './logo-gallery.modal';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class LogoGalleryComponent extends BaseSection {
     data?: LogoGallerySectionMOdal;
     index?: number;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     content?: LogoGalleryContentModal;
     style?: LogoGalleryStylesModel;
     constructor();
@@ -13,5 +15,5 @@ export declare class LogoGalleryComponent extends BaseSection {
     get headingSpace(): SPACING;
     isEvenRow(index: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<LogoGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LogoGalleryComponent, "simpo-logo-gallery", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoGalleryComponent, "simpo-logo-gallery", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/sections/logo-showcase/logo-showcase.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 BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
 import { LogoShowcaseContentModel, LogoShowcaseSection, LogoShowcaseStylesModel } from './logo-showcase.modal';
@@ -12,6 +12,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     id: string;
     action: ActionModel;
     content?: LogoShowcaseContentModel;
@@ -27,5 +28,5 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     getScreenSize(event?: number): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LogoShowcaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LogoShowcaseComponent, "simpo-logo-showcase", 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<LogoShowcaseComponent, "simpo-logo-showcase", 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/pricing-section/pricing-section.component.d.ts

@@ -1,5 +1,5 @@
 import { PricingSectionContentModal, PricingSectionModal, PricingSectionStylesModel } from './pricing-section.modal';
-import { ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../styles/style.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
@@ -12,6 +12,7 @@ export declare class PricingSectionComponent extends BaseSection {
     customClass?: string;
     delete?: boolean;
     button?: ButtonModel;
+    nextComponentColor?: BackgroundModel;
     content?: PricingSectionContentModal;
     style?: PricingSectionStylesModel;
     constructor(_eventService: EventsService);
@@ -21,5 +22,5 @@ export declare class PricingSectionComponent extends BaseSection {
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PricingSectionComponent, "simpo-pricing-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PricingSectionComponent, "simpo-pricing-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { LayOutModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { ProcessModernContentModel, ProcessModernModel, ProcessModernStylesModel } from './process-modern.model';
@@ -12,6 +12,7 @@ export declare class ProcessModernComponent extends BaseSection implements OnIni
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: ProcessModernStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
@@ -19,5 +20,5 @@ export declare class ProcessModernComponent extends BaseSection implements OnIni
     get getJustifyContent(): string;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProcessModernComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProcessModernComponent, "simpo-process-modern", 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<ProcessModernComponent, "simpo-process-modern", 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.component.d.ts

@@ -1,6 +1,6 @@
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
-import { LayOutModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import { ProcessSectionContentModel, ProcessSectionModel, ProcessSectionStylesModel } from './process-section.modal';
 import * as i0 from "@angular/core";
 export declare class ProcessSectionComponent extends BaseSection {
@@ -11,6 +11,7 @@ export declare class ProcessSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     styles?: ProcessSectionStylesModel;
     deviceWidth: number;
     constructor(_eventService: EventsService);
@@ -21,5 +22,5 @@ export declare class ProcessSectionComponent extends BaseSection {
     get getJustifyContent(): string;
     editSection(): void;
     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; }; }, {}, never, never, true, 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/recent-blog-post-section/recent-blog-post-section.component.d.ts

@@ -3,7 +3,7 @@ import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
 import { RecentBlogPostSectionModel, RecentBlogPostContentModel, BannerGridStylesModel } from './recent-blog-post-section.model';
 import { SPACING } from '../../styles/index';
-import { ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class RecentBlogPostSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -13,6 +13,7 @@ export declare class RecentBlogPostSectionComponent extends BaseSection implemen
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     responseData: any[];
     style?: BannerGridStylesModel;
     buttonData?: ButtonModel;
@@ -24,5 +25,5 @@ export declare class RecentBlogPostSectionComponent extends BaseSection implemen
     openBlogList(): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RecentBlogPostSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RecentBlogPostSectionComponent, "simpo-recent-blog-post-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; }; "responseData": { "alias": "responseData"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecentBlogPostSectionComponent, "simpo-recent-blog-post-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; }; "responseData": { "alias": "responseData"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -2,7 +2,7 @@ import { ElementRef } from '@angular/core';
 import { ServiceContentModal, ServiceSectionModal, ServiceStylesModel } from './service-section.model';
 import { EventsService } from '../../services/events.service';
 import { TextPosition } from '../../styles/index';
-import { ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
@@ -13,6 +13,7 @@ export declare class ServiceSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     _mainContainer: ElementRef | null;
     TextPosition: typeof TextPosition;
     content?: ServiceContentModal;
@@ -23,5 +24,5 @@ export declare class ServiceSectionComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ServiceSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ServiceSectionComponent, "simpo-service-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<ServiceSectionComponent, "simpo-service-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/team-member-section/team-member-section.component.d.ts

@@ -1,7 +1,7 @@
 import { TeamMemberContentModal, TeamMemberSectionModal, TeamMemberStylesModel } from './team-member-section.model';
 import { TextPosition } from '../../styles/index';
 import { EventsService } from '../../services/events.service';
-import { ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
@@ -12,6 +12,7 @@ export declare class TeamMemberSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     TextPosition: typeof TextPosition;
     content?: TeamMemberContentModal;
     style?: TeamMemberStylesModel;
@@ -21,5 +22,5 @@ export declare class TeamMemberSectionComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TeamMemberSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TeamMemberSectionComponent, "simpo-team-member-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<TeamMemberSectionComponent, "simpo-team-member-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/testimonial-fullwidth/testimonial-fullwidth.component.d.ts

@@ -1,5 +1,6 @@
 import { TextPosition } from '../../styles/index';
 import { EventsService } from '../../services/events.service';
+import { BackgroundModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { TestimonialFullwidthContentModel, TestimonialFullwidthSectionModel, TestimonialFullwidthStylesModel } from './testimonial-fullwidth.model';
 import * as i0 from "@angular/core";
@@ -10,6 +11,7 @@ export declare class TestimonialFullwidthComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     TextPosition: typeof TextPosition;
     content?: TestimonialFullwidthContentModel;
     style?: TestimonialFullwidthStylesModel;
@@ -17,5 +19,5 @@ export declare class TestimonialFullwidthComponent extends BaseSection {
     ngOnInit(): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialFullwidthComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialFullwidthComponent, "simpo-testimonial-fullwidth", 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<TestimonialFullwidthComponent, "simpo-testimonial-fullwidth", 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/testimonial-section/testimonial-section.component.d.ts

@@ -3,7 +3,7 @@ import { testimonialContentModel, testimonialSectionModel, testimonialStylesMode
 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 TestimonialSectionComponent extends BaseSection {
     private _eventService;
@@ -12,6 +12,7 @@ export declare class TestimonialSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     _mainContainer: ElementRef | null;
     content?: testimonialContentModel;
     style?: testimonialStylesModel;
@@ -21,5 +22,5 @@ export declare class TestimonialSectionComponent extends BaseSection {
     get getLayout(): LayOutModel;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialSectionComponent, "simpo-testimonial-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<TestimonialSectionComponent, "simpo-testimonial-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/testimonial-video/testimonial-video.component.d.ts

@@ -3,6 +3,7 @@ import { TestimonialVideoContentModel, TestimonialVideoItemModel, TestimonialVid
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class TestimonialVideoComponent extends BaseSection {
     private _eventService;
@@ -11,6 +12,7 @@ export declare class TestimonialVideoComponent extends BaseSection {
     index?: number;
     edit?: boolean;
     delete?: boolean;
+    nextComponentColor?: BackgroundModel;
     content?: TestimonialVideoContentModel;
     style?: TestimonialVideoStylesModel;
     constructor(_eventService: EventsService);
@@ -28,5 +30,5 @@ export declare class TestimonialVideoComponent extends BaseSection {
     onVideoEnd(video: HTMLVideoElement): void;
     redirectTo(content: TestimonialVideoItemModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialVideoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialVideoComponent, "simpo-testimonial-video", 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<TestimonialVideoComponent, "simpo-testimonial-video", 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/sections/text-image-section/text-image-section.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { BannerStylesModel } from '../../styles/style.model';
+import { BackgroundModel, BannerStylesModel } from '../../styles/style.model';
 import { TextImageContentModel, TextImageSectionModel } from './text-image-section.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
@@ -11,6 +11,7 @@ export declare class TextImageSectionComponent extends BaseSection implements On
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     content?: TextImageContentModel;
     styles?: BannerStylesModel;
     constructor(_eventService: EventsService);
@@ -18,5 +19,5 @@ export declare class TextImageSectionComponent extends BaseSection implements On
     editSection(): void;
     get canMergeNavbar(): boolean | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextImageSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextImageSectionComponent, "simpo-text-image-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<TextImageSectionComponent, "simpo-text-image-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/text-section/text-section.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { TextContentModel, TextSectionModel } from './text-section.model';
-import { StylesModel } from '../../styles/style.model';
+import { BackgroundModel, StylesModel } from '../../styles/style.model';
 import { MatDialog } from '@angular/material/dialog';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
@@ -13,6 +13,7 @@ export declare class TextSectionComponent extends BaseSection implements OnInit
     edit?: boolean;
     customClass?: string;
     delete?: boolean;
+    nextComponentColor?: BackgroundModel;
     _mainContainer: ElementRef | null;
     content: TextContentModel | undefined;
     styles: StylesModel | undefined;
@@ -20,5 +21,5 @@ export declare class TextSectionComponent extends BaseSection implements OnInit
     ngOnInit(): void;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextSectionComponent, "simpo-text-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextSectionComponent, "simpo-text-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -4,6 +4,7 @@ import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
+import { BackgroundModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class VideoSectionComponent extends BaseSection {
     dom: DomSanitizer;
@@ -14,6 +15,7 @@ export declare class VideoSectionComponent extends BaseSection {
     edit?: boolean;
     delete?: false;
     customClass?: string;
+    nextComponentColor?: BackgroundModel;
     _mainContainer: ElementRef | null;
     videoLink: string;
     content?: videoSectionContentModel;
@@ -26,5 +28,5 @@ export declare class VideoSectionComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VideoSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VideoSectionComponent, "simpo-video-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<VideoSectionComponent, "simpo-video-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/styles/index.d.ts

@@ -204,3 +204,20 @@ export declare enum MapType {
     INLINE_MAP = "Inline map",
     BACKGROUND_MAP = "Background map"
 }
+export declare enum DeviderType {
+    TILT = "TILT",
+    INVERT_TILT = "INVERT_TILT",
+    TRIANGLE = "TRIANGLE",
+    INVERT_TRIANGLE = "INVERT_TRIANGLE",
+    CURVE = "CURVE",
+    INVERT_CURVE = "INVERT_CURVE",
+    WAVE = "WAVE",
+    INVERT_WAVE = "INVERT_WAVE"
+}
+export declare const svgData: {
+    [key in DeviderType]: {
+        svg: string;
+        rotate: boolean;
+        rotateY: boolean;
+    };
+};

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

@@ -1,4 +1,4 @@
-import { AlignContent, Corners, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
+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 } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
@@ -18,6 +18,7 @@ export interface BorderModel {
 }
 export interface DeviderModel {
     display: boolean;
+    deviderType: DeviderType;
 }
 export interface LayOutModel {
     align: ALIGN;

package/package.json

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