simpo-component-library 3.5.42 → 3.5.45

package/lib/components/input-fields/input-fields.component.d.ts

@@ -13,7 +13,7 @@ export declare class InputFieldsComponent implements OnChanges {
     constructor(elementRef: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     handleMoneyInput(event: any): void;
-    get getTextColor(): "#FFF" | "#000";
+    get getTextColor(): "#000" | "#FFF";
     interpolateColor(color1: string, color2: string, factor: number): string;
     padZero(str: string, length: number): string;
     generateColorBasedOnNumber(number: number): string;

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/directive/hover-animation.directive.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { contentAnimationModel } from '../styles/style.model';
+import { EventsService } from '../services/events.service';
+import * as i0 from "@angular/core";
+export declare class HoverAnimationDirective {
+    private el;
+    private renderer;
+    private eventService;
+    animationData?: contentAnimationModel;
+    eventServiceSubscription: any;
+    constructor(el: ElementRef, renderer: Renderer2, eventService: EventsService);
+    ngOnInit(): void;
+    mouseEnterListener?: () => void;
+    mouseLeaveListener?: () => void;
+    setupAnimation(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HoverAnimationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HoverAnimationDirective, "[simpoHoverAnimation]", never, { "animationData": { "alias": "simpoHoverAnimation"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ecommerce/sections/authentication-required/authentication-required.component.d.ts

@@ -58,7 +58,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     validateNumber(event: KeyboardEvent): void;
     validateOTP(event: KeyboardEvent): void;
     checkStrength(): void;
-    getStrengthColor(index: number): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
+    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
     get isEmailValid(): boolean;
     get isPasswordValid(): boolean;
     get isMobile(): boolean;

package/lib/elements/top-of-image-card/top-of-image-card.component.d.ts

@@ -11,6 +11,9 @@ export declare class TopOfImageCardComponent {
     edit?: boolean;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    getContentAnimation(): {
+        contentAnimation: any;
+    };
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TopOfImageCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TopOfImageCardComponent, "simpo-top-of-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/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" | "0.2" | "0.3" | "0.5" | "0.7";
+    opacityValue(value: OverlayValue): "0" | "0.2" | "0.3" | "0.5" | "0.7";
     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" | "0.2" | "0.3" | "0.5" | "0.7";
     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

@@ -24,7 +24,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
     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/moving-text/moving-text.component.d.ts

@@ -1,10 +1,9 @@
 import BaseSection from '../BaseSection';
-import { MovingTextModal } from './moving-text.modal';
 import { EventsService } from '../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class MovingTextComponent extends BaseSection {
     private _eventService;
-    data?: MovingTextModal;
+    data?: any;
     edit?: boolean;
     delete?: boolean;
     customClass?: string;

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

@@ -15,5 +15,5 @@ export interface NewServicesItemModel {
 }
 export interface MovingTextStylesModal {
     background: BackgroundModel;
-    animationType: animationType;
+    headlineAnimationType: animationType;
 }

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

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

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

@@ -1,4 +1,4 @@
-import { ActionModel, Button, CardStyles, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
+import { ActionModel, Button, CardStyles, contentAnimationModel, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
 export interface ServiceSectionModal {
     id: string;
     sectionType: string;
@@ -14,9 +14,11 @@ export interface ServiceContentModal {
 }
 export interface Display extends DisplaySection {
     showIcon: boolean;
+    showButtonOnHover: boolean;
 }
 export interface ServiceStylesModel extends StylesModel, CardStyles {
     direction: "ROW" | "COLUMN";
+    contentAnimation: contentAnimationModel;
 }
 export interface ServiceItemModal {
     image: Image;

package/lib/services/events.service.d.ts

@@ -17,6 +17,7 @@ export declare class EventsService implements OnInit {
     colorOverlayChangeChecks: EventEmitter<unknown>;
     alignmentChangeChecks: EventEmitter<unknown>;
     animationChangeChecks: EventEmitter<unknown>;
+    contentAnimationChangeChecks: EventEmitter<unknown>;
     spacingChangeChecks: EventEmitter<unknown>;
     borderChangeChecks: EventEmitter<unknown>;
     cardSizeChangeChecks: EventEmitter<unknown>;

package/lib/styles/index.d.ts

@@ -235,7 +235,8 @@ export declare enum FooterType {
 }
 export declare enum animationType {
     INFINITE_SCROLL = "InfiniteScroll",
-    SOFT_TRANSITION = "SoftTransition"
+    SOFT_TRANSITION = "SoftTransition",
+    NO_EFFECT = "NoEffect"
 }
 export declare enum GradientDirection {
     DOWN = "",

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, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION } from './types';
+import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION, CONTENT_ANIMATION } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -28,6 +28,9 @@ export interface LayOutModel {
     spacingHorizontal?: SPACING_TYPE;
     spacingAround?: SPACING_TYPE;
 }
+export interface contentAnimationModel {
+    contentAnimation: CONTENT_ANIMATION;
+}
 export interface BannerLayOutModel {
     layoutAlignment: PositionLayoutModal;
     contentAlignment: contentAlignmentModal;

package/lib/styles/types.d.ts

@@ -1,4 +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 ALIGN = 'left' | 'center' | 'right';
 export type LAYOUTPOSITION = 'left' | 'right' | 'top' | 'bottom';
 export type CONTENTPOSITION = 'image center' | 'image top' | 'image bottom';

package/package.json

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

package/public-api.d.ts

@@ -83,6 +83,7 @@ export * from './lib/directive/container-alignment.directive';
 export * from './lib/directive/sticky-directive';
 export * from './lib/directive/removeCarousel-directive';
 export * from './lib/directive/spacing-around.directive';
+export * from './lib/directive/hover-animation.directive';
 export * from './lib/styles/index';
 export * from './lib/styles/style.model';
 export * from './lib/styles/types';