simpo-component-library 3.5.52 → 3.6.51

package/lib/components/payment-details/payment-details.component.d.ts

@@ -42,7 +42,6 @@ export declare class PaymentDetailsComponent {
     addingTransportFee(): void;
     removeTrasportFee(): void;
     onCheckboxChange(item: any, event: any): void;
-    addingTransportRequest(): void;
     getPickupTime(item: any): Date | null;
     getDroptime(item: any): Date | null;
     changeTransportTermValue(item: any): void;

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): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#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): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#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(): "#000000" | "#ffffff" | "#ffffff;";
+    getTextColor(): "#ffffff" | "#000000" | "#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/product-desc/product-desc.component.d.ts

@@ -86,8 +86,12 @@ export declare class ProductDescComponent extends BaseSection {
     get currency(): string;
     get isItemLowStock(): boolean;
     get isMobile(): boolean;
-    getCarat(carat: any): "24 Carats" | "22 Carats" | "18 Carats" | "14 Carats" | "10 Carats";
+    getCarat(carat: any): "24 Carats" | "22 Carats" | "18 Carats" | "14 Carats" | "10 Carats" | "99.9% Pure" | "92.5% Pure" | "90% Pure" | "Very Slightly Included" | "Slightly Included";
     getPricePerGram(weight: any, price: any): string | 0;
+    isDescriptionCollapsed: boolean;
+    toggleDescription(): void;
+    isPriceBreakup: boolean;
+    togglePriceBreakDown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductDescComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProductDescComponent, "simpo-product-desc", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "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/elements/editor-service.service.d.ts

@@ -1,13 +1,10 @@
 import { HttpClient } from '@angular/common/http';
-import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class ElementServiceService {
     private http;
     private BASE_URL;
     private CMIS_URL;
-    dialog: MatDialog;
-    constructor(http: HttpClient, BASE_URL: string, CMIS_URL: string, dialog: MatDialog);
-    openSocialBrand(componentName: any, height: any, width: any, data: any): import("@angular/material/dialog").MatDialogRef<unknown, any>;
+    constructor(http: HttpClient, BASE_URL: string, CMIS_URL: string);
     getComponentApi(businessType?: 'STATIC' | 'E_COMMERCE'): import("rxjs").Observable<Object>;
     regenerateText(request: any): import("rxjs").Observable<Object>;
     getImageLibrary(): import("rxjs").Observable<Object>;

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

@@ -23,7 +23,7 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    get getBlurValue(): "STRONG" | "NONE" | "LIGHT" | "MODERATE" | "VERY_STRONG" | undefined;
+    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";

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 { Header_Type, HeaderButtonStyle, headlineAnimationType, 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: headlineAnimationType;
 }

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 { headlineAnimationType } 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: headlineAnimationType;
+}

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(): "#000000" | "#ffffff";
+    getTextColor(): "#ffffff" | "#000000";
     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 headlineAnimationType {
+    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.52",
+  "version": "3.6.51",
   "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';