simpo-component-library 3.6.77 → 3.6.81

package/lib/directive/background-directive.d.ts

@@ -11,7 +11,7 @@ export declare class BackgroundDirective implements OnChanges {
     constructor(el: ElementRef, eventService: EventsService);
     ngOnDestroy(): void;
     ngOnChanges(change: SimpleChanges): void;
-    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundDirective, "[simpoBackground]", never, { "simpoBackground": { "alias": "simpoBackground"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -16,7 +16,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, backgroundInfo?: BackgroundModel): void;
     applyButtonShape(style: ButtonStyleModel): void;
-    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     buttonStyleSubscription?: Subscription;
     buttonStyleChangeCheck(): void;
     changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;

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

@@ -12,7 +12,7 @@ export declare class ColorDirective implements OnChanges {
     ngOnDestroy(): void;
     applyColor(): void;
     bgColorChangeCheck(): void;
-    getTextColor(): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(): "#000000" | "#ffffff" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColorDirective, "[simpoColor]", never, { "bgColor": { "alias": "simpoColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/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): "#000000" | "#ffffff" | "#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/moving-text/moving-text.component.d.ts

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

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

@@ -18,8 +18,9 @@ export declare class PricingSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    getTextColor(): "#ffffff" | "#000000";
+    getTextColor(): "#000000" | "#ffffff";
     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/styles/types.d.ts

@@ -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.77",
+  "version": "3.6.81",
   "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;
 }