simpo-component-library 3.2.73 → 3.2.75

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

@@ -1,6 +1,6 @@
 import { ElementRef, OnChanges } from '@angular/core';
 import { EventsService } from '../services/events.service';
-import { ButtonStyleModel } from '../styles/style.model';
+import { BackgroundModel, ButtonStyleModel } from '../styles/style.model';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ButtonDirectiveDirective implements OnChanges {
@@ -9,16 +9,17 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     buttonStyle?: ButtonStyleModel;
     color?: string;
     scrollValue?: number;
+    backgroundInfo?: BackgroundModel;
     constructor(el: ElementRef, eventService: EventsService);
     ngOnChanges(): void;
     ngOnDestroy(): void;
     applyButtonStyleChanges(): void;
-    applyButtonType(style: ButtonStyleModel, color: string): 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, bgColor: string): void;
+    changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirectiveDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirectiveDirective, "[simpoButtonDirective]", never, { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirectiveDirective, "[simpoButtonDirective]", never, { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; }, {}, never, never, true, never>;
 }

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

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

package/lib/elements/simpo-button/simpo-button.component.d.ts

@@ -1,4 +1,4 @@
-import { Button, ButtonStyleModel } from '../../styles/style.model';
+import { BackgroundModel, Button, ButtonStyleModel } from '../../styles/style.model';
 import { EventsService } from '../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class SimpoButtonComponent {
@@ -9,9 +9,10 @@ export declare class SimpoButtonComponent {
     color?: string;
     sectionId?: string;
     edit?: boolean;
+    backgroundInfo?: BackgroundModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpoButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -20,6 +20,9 @@ export declare class TextEditorComponent {
     rightZero: boolean;
     showSuggestion: boolean;
     toolbarData: any;
+    selectedColorType: 'SOLID' | 'GRADIENT';
+    primaryColor: string;
+    secondaryColor: string;
     constructor(editorService: ElementServiceService, platformId: Object);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -33,6 +36,8 @@ export declare class TextEditorComponent {
     openColorPicker(): void;
     readFormattingProperties(): void;
     reFormattingData(): void;
+    changeGradientColor(): void;
+    applyGradientToText(gradientValue: any): void;
     regenerateText(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextEditorComponent, "simpo-text-editor", never, { "value": { "alias": "value"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;

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

@@ -25,8 +25,8 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     get stylesLayout(): LayOutModel;
     get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
     get getBackgroundColor(): BackgroundModel;
-    get getBackgroundOpacity(): "0" | "0.7" | "0.5" | "0.3" | "0.2";
-    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "0";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerCarouselComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BannerCarouselComponent, "simpo-banner-carousel", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -25,7 +25,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
     get canMergeNavbar(): boolean | undefined;
     get isBorderlessImage(): boolean | undefined;
     get getPositionLayout(): PositionLayoutModal;
-    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselBannerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CarouselBannerComponent, "simpo-carousel-banner", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -20,8 +20,8 @@ export declare class ImageSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get canMergeNavbar(): boolean | undefined;
-    get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

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

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

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

@@ -17,7 +17,7 @@ export declare class PricingSectionComponent extends BaseSection {
     style?: PricingSectionStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
-    getTextColor(): "#ffffff" | "#000000";
+    getTextColor(): "#000000" | "#ffffff";
     get headingSpace(): SPACING;
     editSection(): void;
     redirectTo(): void;

package/lib/styles/index.d.ts

@@ -233,3 +233,9 @@ export declare enum FooterType {
     FOOTER_3 = "Footer3",
     FOOTER_4 = "Footer4"
 }
+export declare enum GradientDirection {
+    DOWN = "",
+    RIGHT = "90deg",
+    DIAGONAL_RIGHT = "45deg",
+    DIAGONAL_LEFT = "315deg"
+}

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

@@ -1,5 +1,5 @@
-import { AlignContent, Corners, DeviderType, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
-import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION } from './types';
+import { AlignContent, Corners, DeviderType, GradientDirection, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
+import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -55,6 +55,12 @@ export interface BackgroundModel {
     position: PositionModel;
     blur?: keyof typeof OverlayValue;
     overlay?: OverlayValue;
+    backgroundType: BACKGROUND_TYPE;
+    secondaryAccentColor: string;
+    gradientDirection: GradientDirection;
+    accentBackgroundType: BACKGROUND_TYPE;
+    secondaryColor: string;
+    backgroundGradientDirection: GradientDirection;
 }
 export interface AnimationModel {
     type: ANIMATION_DIRECTION;

package/lib/styles/types.d.ts

@@ -18,3 +18,4 @@ export type SITE_NAME_LOGo = 'custom' | 'same as header';
 export type INPUT_FIELDS_TYPE = "text" | "number" | "desc" | "password" | "checkbox" | "option" | "money" | "rating" | "dropdown" | "address" | "email" | "date" | "radioButton";
 export type MAP_STYLE = 'Streets' | 'Outdoors' | 'Light' | 'Dark' | 'Satellite' | 'Satellite_street' | 'navigation_day' | 'navigation_night';
 export type BANNER_TRANSITION = 'Horizontal' | 'Animated';
+export type BACKGROUND_TYPE = 'Solid' | 'Gradient';

package/package.json

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