simpo-component-library 3.5.43 → 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/header-section/header-section.component.d.ts

@@ -6,6 +6,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { StorageServiceService } from '../../services/storage.service';
 import { Header_Type, ProductCardTheme } from '../../styles/index';
+import { MovingTextModal } from '../moving-text/moving-text.modal';
 import * as i0 from "@angular/core";
 export declare class HeaderSectionComponent implements OnInit {
     private readonly _eventService;
@@ -39,6 +40,7 @@ export declare class HeaderSectionComponent implements OnInit {
     goToCart(): void;
     applyFilter(value: any, type: string): void;
     onScroll(event: any): void;
+    movingText?: MovingTextModal;
     ngOnInit(): void;
     isNavbarOpen: boolean;
     screenWidth: number;

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

@@ -1,5 +1,5 @@
-import { Header_Type, HeaderButtonStyle, ProductCardTheme } from "./../../styles/index";
-import { BackgroundModel, HeaderButtonStyleModel, InputTextModel, NavbarButton } from "../../styles/style.model";
+import { animationType, Header_Type, HeaderButtonStyle, ProductCardTheme } from "./../../styles/index";
+import { BackgroundModel, DisplaySection, HeaderButtonStyleModel, InputTextModel, ListItemModal, NavbarButton } from "../../styles/style.model";
 import { FooterLayoutModel, FooterLogoModel, FooterSocialLinkModel } from "../footer-section/footer-section.modal";
 import { ActionModel } from "../../styles/style.model";
 export interface HeaderSectionModel {
@@ -19,6 +19,13 @@ export interface HeaderContentModel {
     ecomlinks: {
         [key: string]: string[];
     };
+    listItem: ListItemModal<HeaderSectionListItemModel>;
+    display: Display;
+}
+export interface Display extends DisplaySection {
+}
+export interface HeaderSectionListItemModel {
+    inputText: InputTextModel[];
 }
 export interface HeaderStyleModel {
     layout: FooterLayoutModel;
@@ -28,4 +35,5 @@ export interface HeaderStyleModel {
     navbarButtonStyle: HeaderButtonStyleModel;
     styling: Header_Type;
     theme: ProductCardTheme;
+    animationType: animationType;
 }

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

@@ -0,0 +1,26 @@
+import BaseSection from '../BaseSection';
+import { EventsService } from '../../services/events.service';
+import * as i0 from "@angular/core";
+export declare class MovingTextComponent extends BaseSection {
+    private _eventService;
+    data?: any;
+    edit?: boolean;
+    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;
+    isTransitioning: boolean;
+    animationDirection: string;
+    private interval;
+    private alternateDirection;
+    startAnimationCycle(): void;
+    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/moving-text/moving-text.modal.d.ts

@@ -0,0 +1,19 @@
+import { ListItemModal, InputTextModel, BackgroundModel } from './../../styles/style.model';
+import { animationType } from "./../../styles/index";
+export interface MovingTextModal {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: MovingTextContentModal;
+    styles: MovingTextStylesModal;
+}
+export interface MovingTextContentModal {
+    listItem: ListItemModal<NewServicesItemModel>;
+}
+export interface NewServicesItemModel {
+    inputText: InputTextModel[];
+}
+export interface MovingTextStylesModal {
+    background: BackgroundModel;
+    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

@@ -233,6 +233,11 @@ export declare enum FooterType {
     FOOTER_3 = "Footer3",
     FOOTER_4 = "Footer4"
 }
+export declare enum animationType {
+    INFINITE_SCROLL = "InfiniteScroll",
+    SOFT_TRANSITION = "SoftTransition",
+    NO_EFFECT = "NoEffect"
+}
 export declare enum GradientDirection {
     DOWN = "",
     RIGHT = "90deg",

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;
@@ -86,6 +89,7 @@ export interface DisplaySection {
     showCard: boolean;
     showIcon: boolean;
     linkType: LINK_TYPE;
+    showHeadline: boolean;
 }
 export interface Button {
     linkType: RedirectionLinkType;

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.43",
+  "version": "3.5.45",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",

package/public-api.d.ts

@@ -40,6 +40,7 @@ export * from './lib/sections/footer/footer.component';
 export * from './lib/sections/header-section/header-section.component';
 export * from './lib/sections/new-testimonials/new-testimonials.component';
 export * from './lib/sections/new-services/new-services.component';
+export * from './lib/sections/moving-text/moving-text.component';
 export * from './lib/ecommerce/sections/featured-products/featured-products.component';
 export * from './lib/ecommerce/sections/featured-category/featured-category.component';
 export * from './lib/ecommerce/sections/product-desc/product-desc.component';
@@ -82,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';