simpo-component-library 3.6.80 → 3.6.82

package/lib/elements/below-image-card/below-image-card.component.d.ts

@@ -13,6 +13,9 @@ export declare class BelowImageCardComponent {
     ngOnInit(): void;
     redirectTo(): void;
     get getAspectRatio(): any;
+    getContentAnimation(): {
+        contentAnimation: any;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<BelowImageCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BelowImageCardComponent, "simpo-below-image-card", never, { "data": { "alias": "data"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "content": { "alias": "content"; "required": false; }; "componentId": { "alias": "componentId"; "required": false; }; "button": { "alias": "button"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/elements/covering-image-card/covering-image-card.component.d.ts

@@ -12,6 +12,9 @@ export declare class CoveringImageCardComponent {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     redirectTo(): void;
+    getContentAnimation(): {
+        contentAnimation: any;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<CoveringImageCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CoveringImageCardComponent, "simpo-covering-image-card", never, { "data": { "alias": "data"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "content": { "alias": "content"; "required": false; }; "componentId": { "alias": "componentId"; "required": false; }; "button": { "alias": "button"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -30,7 +30,7 @@ export declare class LinkEditorComponent {
     backgroundType: string[];
     setBorderRadius(): "0px" | "99px" | "7px";
     setBorder(): string;
-    setColor(): string;
+    setColor(): any;
     setBackground(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LinkEditorComponent, "simpo-link-editor", never, {}, {}, never, never, true, never>;

package/lib/elements/pricing-s1/pricing-s1.component.d.ts

@@ -0,0 +1,20 @@
+import BaseSection from '../../sections/BaseSection';
+import { PricingSectionContentModal, PricingSectionModal, PricingSectionStylesModel } from '../../sections/pricing-section/pricing-section.modal';
+import { ButtonModel } from '../../styles/style.model';
+import { EventsService } from '../../services/events.service';
+import * as i0 from "@angular/core";
+export declare class PricingS1Component extends BaseSection {
+    private _eventService;
+    data?: PricingSectionModal;
+    edit?: boolean;
+    content?: PricingSectionContentModal;
+    style?: PricingSectionStylesModel;
+    button?: ButtonModel;
+    constructor(_eventService: EventsService);
+    ngOnInit(): void;
+    editSection(): void;
+    getButtonId(): string;
+    redirectTo(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PricingS1Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PricingS1Component, "simpo-pricing-s1", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -18,7 +18,6 @@ export declare class ContactUsComponent extends BaseSection implements OnInit {
     nextComponentColor?: BackgroundModel;
     styles?: ContactUsStylesModel;
     button?: ButtonModel;
-    buttonId: string;
     constructor(_eventService: EventsService, platformId: Object, snackBar: MatSnackBar);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
@@ -28,6 +27,8 @@ export declare class ContactUsComponent extends BaseSection implements OnInit {
     buttonClick(): void;
     editSection(): void;
     canShowContactField(field: any): any;
+    getCardStyle(): {};
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<ContactUsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ContactUsComponent, "simpo-contact-us", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { InputTextModel, PositionLayoutModal, StylesModel, Image } from "../../styles/style.model";
-import { INPUT_FIELDS_TYPE } from "../../styles/types";
+import { CONTENT_BACKGROUND, INPUT_FIELDS_TYPE } from "../../styles/types";
 import { ActionModel } from "../../styles/style.model";
 import { Corners } from "./../../styles/index";
 export interface ContactUsModel {
@@ -14,6 +14,10 @@ export interface ContactUsStylesModel extends StylesModel {
     positionLayout: PositionLayoutModal;
     inputOpacity: number;
     corners: Corners;
+    contentBackground: {
+        display: boolean;
+        style: CONTENT_BACKGROUND;
+    };
 }
 export interface ContactUsContentModel {
     headingText: string;

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

@@ -35,5 +35,9 @@ export interface HeaderStyleModel {
     navbarButtonStyle: HeaderButtonStyleModel;
     styling: Header_Type;
     theme: ProductCardTheme;
-    animationType: headlineAnimationType;
+    headline: {
+        display: boolean;
+        color: string;
+        headlineAnimationType: headlineAnimationType;
+    };
 }

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

@@ -1,4 +1,4 @@
-import { ActionModel, InputTextModel, PositionLayoutModal, StylesModel } from "./../../styles/style.model";
+import { ActionModel, InputTextModel, PositionLayoutModal, StylesModel, AlignContent } from "./../../styles/style.model";
 export interface HeaderTextModel {
     id: string;
     sectionType: string;
@@ -15,4 +15,5 @@ export interface textModel {
 }
 export interface HeaderTextStylesModel extends StylesModel {
     positionLayout: PositionLayoutModal;
+    contentAlignment: AlignContent;
 }

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

@@ -3,7 +3,7 @@ import { ImageContentModal, imageSectionModel, imageSectionStylesModel } from '.
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import { OverlayValue } from "../../styles/index";
-import { BackgroundModel, Button } from '../../styles/style.model';
+import { BackgroundModel, Button, LayOutModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ImageSectionComponent extends BaseSection {
     private _eventService;
@@ -21,6 +21,7 @@ export declare class ImageSectionComponent extends BaseSection {
     ngOnInit(): void;
     get canMergeNavbar(): boolean | undefined;
     get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    get stylesLayout(): LayOutModel;
     opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     redirectTo(): void;

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

@@ -1,7 +1,7 @@
 import { LogoGalleryContentModal, LogoGallerySectionMOdal, LogoGalleryStylesModel } from './logo-gallery.modal';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
-import { BackgroundModel } 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 LogoGalleryComponent extends BaseSection {
@@ -19,6 +19,7 @@ export declare class LogoGalleryComponent extends BaseSection {
     getScreenSize(): void;
     ngOnInit(): void;
     get headingSpace(): SPACING;
+    get stylesLayout(): LayOutModel;
     isEvenRow(index: number): boolean;
     editSection(): void;
     stopPropagation(event: any): void;

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

@@ -8,19 +8,21 @@ export declare class MovingTextComponent extends BaseSection {
     delete?: boolean;
     customClass?: string;
     index?: number;
-    constructor(_eventService: EventsService);
-    ngOnInit(): void;
-    ngOnChanges(): void;
-    editSection(): void;
-    stopPropagation(event: any): void;
-    screenWidth: any;
-    getScreenSize(): void;
     currentIndex: number;
+    previousIndex: number;
     isTransitioning: boolean;
-    animationDirection: string;
+    animationDirection: 'left' | 'right';
     private interval;
-    private alternateDirection;
+    private animationDuration;
+    private displayDuration;
+    constructor(_eventService: EventsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     startAnimationCycle(): void;
+    private transitionToNext;
+    isItemVisible(index: number): boolean;
+    getItemClass(index: number): string;
+    getTextColor(bgColor: string): "#ffffff" | "#000000";
     static ɵfac: i0.ɵɵFactoryDeclaration<MovingTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MovingTextComponent, "simpo-moving-text", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/sections/new-testimonials/new-testimonials.component.d.ts

@@ -15,12 +15,13 @@ export declare class NewTestimonialsComponent extends BaseSection {
     styles?: NewTestimonialsStyleModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    ngOnChanges(): void;
     ngAfterViewInit(): void;
     get stylesLayout(): LayOutModel;
     idx: number;
     getImageData(): import("../../styles/style.model").Image | undefined;
     getImageUrl(): string | undefined;
-    getImageType(): import("simpo-component-library").FILE_TYPE | undefined;
+    getImageType(): "Image" | "Video";
     editSection(): void;
     stopPropagation(event: any): void;
     screenWidth: any;

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

@@ -20,6 +20,7 @@ export declare class PricingSectionComponent extends BaseSection {
     get stylesLayout(): LayOutModel;
     getTextColor(): "#ffffff" | "#000000";
     get headingSpace(): SPACING;
+    getButtonId(): string;
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;

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

@@ -1,3 +1,4 @@
+import { PRICING_STYLE } from '../../styles/types';
 import { Corners } from '../../styles/index';
 import { ActionModel, Button, DisplaySection, Image, ImageStyle, InputTextModel, ListItemModal, StylesModel } from '../../styles/style.model';
 export interface PricingSectionModal {
@@ -22,6 +23,7 @@ export interface Display extends DisplaySection {
 export interface PricingSectionStylesModel extends StylesModel {
     image: ImageStyle;
     corners: Corners;
+    pricingStyle: PRICING_STYLE;
 }
 export interface PricingSectionItemModal {
     image: Image;

package/lib/sections/testimonial-fullwidth/testimonial-fullwidth.component.d.ts

@@ -19,6 +19,7 @@ export declare class TestimonialFullwidthComponent extends BaseSection {
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
     editSection(): void;
+    getListItemLength(): number;
     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; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -198,3 +198,4 @@ export interface TextSize {
     heading: TEXT_SIZE;
     desc: TEXT_SIZE;
 }
+export { AlignContent };

package/lib/styles/types.d.ts

@@ -1,5 +1,5 @@
 export type SPACING_TYPE = 'none' | 'small' | 'medium' | 'large' | 'remove';
-export type CONTENT_ANIMATION = 'hover' | 'grow-shadow' | 'pop-bounce' | 'hover-pop' | 'slide-in-left';
+export type CONTENT_ANIMATION = 'hover' | 'grow-shadow' | 'pop-bounce' | 'hover-pop' | 'slide-in-left' | 'none';
 export type ALIGN = 'left' | 'center' | 'right';
 export type LAYOUTPOSITION = 'left' | 'right' | 'top' | 'bottom';
 export type CONTENTPOSITION = 'image center' | 'image top' | 'image bottom';
@@ -25,3 +25,5 @@ export type GRADIENT_DIRECTION = 'DOWN' | 'RIGHT' | 'DIAGONAL_RIGHT' | 'DIAGONAL
 export type BACKGROUND_ANIMATION = 'NONE' | 'DANCING_DOTS' | 'SCATTERING_DOTS' | 'WAVES' | 'ABSTRACT' | 'DREW' | 'DOTS';
 export type PROCESS_SECTION_DISPLAY_STYLE = 'STYLE1' | 'STYLE2';
 export type TAB_STYLING = 'UNDERLINE' | 'BOXED' | 'NONE';
+export type PRICING_STYLE = 'STYLE1' | 'STYLE2';
+export type CONTENT_BACKGROUND = 'black' | 'white';

package/package.json

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

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

@@ -1,192 +1,192 @@
-:root {
-  --primary-font-family: 'mulish';
-  --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
-  --primary-color: white;
-}
-
-.add-section {
-  position: absolute !important;
-  width: 40%;
-  top: 0;
-  left: 0 !important;
-  height: 100vh;
-  background-color: transparent !important;
-  box-shadow: none !important;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-.add-section.closing {
-  animation: slideOutLeft 0.5 s ease-in-out forwards;
-}
-
-@keyframes slideInLeft {
-  from {
-    transform: translateX(-100%);
-    opacity: 0;
-  }
-
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-}
-
-@keyframes slideOutLeft {
-  from {
-    transform: translateX(0);
-    opacity: 1;
-  }
-
-  to {
-    transform: translateX(-100%);
-    /* Close to the left side */
-    opacity: 0;
-  }
-}
-
-
-@media screen and (min-width: 1280px) {
-  .content-side {
-    h1 {
-      font-size: 72px !important;
-      line-height: 80px !important;
-    }
-
-    h2 {
-      font-size: 48px !important;
-      line-height: 56px !important;
-    }
-
-    h3 {
-      font-size: 32px !important;
-      line-height: 40px !important;
-    }
-
-    h4 {
-      font-size: 24px !important;
-      line-height: 36px !important;
-    }
-
-    h5 {
-      font-size: 18px !important;
-      line-height: 28px !important;
-    }
-
-    p {
-      font-size: 16px !important;
-      line-height: 21px !important;
-    }
-  }
-
-}
-
-@media screen and (min-width: 768px) {
-  .content-side {
-    h1 {
-      font-size: 46px;
-      line-height: 54px;
-    }
-
-    h2 {
-      font-size: 35px;
-      line-height: 42px;
-    }
-
-    h3 {
-      font-size: 28px;
-      line-height: 36px;
-    }
-
-    h4 {
-      font-size: 18px;
-      line-height: 26px;
-    }
-
-    h5 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    p {
-      font-size: 14px;
-      line-height: 21px;
-    }
-  }
-
-}
-
-.content-side {
-  h1 {
-    font-size: 36px;
-    line-height: 42px;
-  }
-
-  h2 {
-    font-size: 30px;
-    line-height: 36px;
-  }
-
-  h3 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-
-  h4 {
-    font-size: 18px;
-    line-height: 26px;
-  }
-
-  h5 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  p {
-    font-size: 14px;
-    line-height: 21px;
-  }
-}
-
-.link-editor {
-  height: 100vh;
-  width: 28vw;
-  position: absolute !important;
-  top: 0;
-  left: 0 !important;
-  animation: slideInLeft 0.5s ease-in-out forwards;
-}
-
-@media screen and (max-width : 475px) {
-  .link-editor {
-    width: 100% !important;
-  }
-
-  .link-editor {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .media-selector {
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-  .add-section{
-    width: 100% !important;
-    max-width: 100% !important;
-  }
-
-}
-
-.mat-mdc-form-field-subscript-wrapper {
-  display: none;
-}
-
-.media-selector {
-  position: absolute !important;
-  top: 0 !important;
-  left: 0 !important;
-  width: 60%;
-  height: 100vh;
-  animation: slideInLeft 0.5s ease-in-out forwards;
+:root {
+  --primary-font-family: 'mulish';
+  --primary-bg-color: linear-gradient(345deg, #230860 0%, #00b6ff 100%);
+  --primary-color: white;
+}
+
+.add-section {
+  position: absolute !important;
+  width: 40%;
+  top: 0;
+  left: 0 !important;
+  height: 100vh;
+  background-color: transparent !important;
+  box-shadow: none !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+.add-section.closing {
+  animation: slideOutLeft 0.5 s ease-in-out forwards;
+}
+
+@keyframes slideInLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideOutLeft {
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+
+  to {
+    transform: translateX(-100%);
+    /* Close to the left side */
+    opacity: 0;
+  }
+}
+
+
+@media screen and (min-width: 1280px) {
+  .content-side {
+    h1 {
+      font-size: 72px !important;
+      line-height: 80px !important;
+    }
+
+    h2 {
+      font-size: 48px !important;
+      line-height: 56px !important;
+    }
+
+    h3 {
+      font-size: 32px !important;
+      line-height: 40px !important;
+    }
+
+    h4 {
+      font-size: 24px !important;
+      line-height: 36px !important;
+    }
+
+    h5 {
+      font-size: 18px !important;
+      line-height: 28px !important;
+    }
+
+    p {
+      font-size: 16px !important;
+      line-height: 21px !important;
+    }
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .content-side {
+    h1 {
+      font-size: 46px;
+      line-height: 54px;
+    }
+
+    h2 {
+      font-size: 35px;
+      line-height: 42px;
+    }
+
+    h3 {
+      font-size: 28px;
+      line-height: 36px;
+    }
+
+    h4 {
+      font-size: 18px;
+      line-height: 26px;
+    }
+
+    h5 {
+      font-size: 16px;
+      line-height: 24px;
+    }
+
+    p {
+      font-size: 14px;
+      line-height: 21px;
+    }
+  }
+
+}
+
+.content-side {
+  h1 {
+    font-size: 36px;
+    line-height: 42px;
+  }
+
+  h2 {
+    font-size: 30px;
+    line-height: 36px;
+  }
+
+  h3 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+
+  h4 {
+    font-size: 18px;
+    line-height: 26px;
+  }
+
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  p {
+    font-size: 14px;
+    line-height: 21px;
+  }
+}
+
+.link-editor {
+  height: 100vh;
+  width: 28vw;
+  position: absolute !important;
+  top: 0;
+  left: 0 !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+
+@media screen and (max-width : 475px) {
+  .link-editor {
+    width: 100% !important;
+  }
+
+  .link-editor {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .media-selector {
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+  .add-section{
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
+}
+
+.mat-mdc-form-field-subscript-wrapper {
+  display: none;
+}
+
+.media-selector {
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 60%;
+  height: 100vh;
+  animation: slideInLeft 0.5s ease-in-out forwards;
 }