simpo-component-library 1.4.212 → 1.4.214

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

@@ -15,7 +15,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, color: string): 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, bgColor: string): 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/removeCarousel-directive.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { EventsService } from '../services/events.service';
+import * as i0 from "@angular/core";
+export declare class RemoveCarouselDirective implements OnChanges, OnInit, OnDestroy {
+    private el;
+    private renderer;
+    private eventService;
+    carouselRemove?: any;
+    currentIndex?: number;
+    eventServiceSubscription: any;
+    private observer;
+    animationSpeed: {
+        type: {
+            top: string;
+            bottom: string;
+            left: string;
+            right: string;
+            fadeIn: string;
+            zoom: string;
+            none: string;
+        };
+        speed: {
+            slow: string;
+            medium: string;
+            fast: string;
+        };
+    };
+    constructor(el: ElementRef, renderer: Renderer2, eventService: EventsService);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private stopCarousel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RemoveCarouselDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RemoveCarouselDirective, "[simpoCarouselRemove]", never, { "carouselRemove": { "alias": "simpoCarouselRemove"; "required": false; }; "currentIndex": { "alias": "currentIndex"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ecommerce/sections/featured-products/featured-products.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { FeaturedProductContentModal, FeaturedProductModal, FeaturedProductStylesModel } from './featured-products.modal';
-import { Product } from '../../styles/product.modal';
+import { Product, ItemVariant } from '../../styles/product.modal';
 import { EventsService } from '.././../../services/events.service';
 import BaseSection from '../../../sections/BaseSection';
 import { ButtonModel } from '../../../styles/style.model';
@@ -9,6 +9,7 @@ import { Router } from '@angular/router';
 import { CartService } from '../../../services/cart.service';
 import { StorageServiceService } from '../../../services/storage.service';
 import { MessageService } from 'primeng/api';
+import { MatBottomSheet } from '@angular/material/bottom-sheet';
 import * as i0 from "@angular/core";
 export declare class FeaturedProductsComponent extends BaseSection implements OnInit, OnDestroy, OnChanges {
     private platformId;
@@ -16,6 +17,7 @@ export declare class FeaturedProductsComponent extends BaseSection implements On
     private readonly restService;
     private readonly router;
     private readonly cartService;
+    private readonly bottomSheet;
     private readonly storageService;
     private readonly messageService;
     data: FeaturedProductModal | null;
@@ -31,7 +33,7 @@ export declare class FeaturedProductsComponent extends BaseSection implements On
     styles?: FeaturedProductStylesModel;
     button?: ButtonModel;
     private _eventSubscriber;
-    constructor(platformId: Object, _eventService: EventsService, restService: RestService, router: Router, cartService: CartService, storageService: StorageServiceService, messageService: MessageService);
+    constructor(platformId: Object, _eventService: EventsService, restService: RestService, router: Router, cartService: CartService, bottomSheet: MatBottomSheet, storageService: StorageServiceService, messageService: MessageService);
     screenWidth: number;
     private USER_CART;
     private USER_WISHLIST;
@@ -47,6 +49,7 @@ export declare class FeaturedProductsComponent extends BaseSection implements On
     proceedToProductDesc(product: Product): void;
     togglePreviewImage(product: Product, idx: number): void;
     isItemOutOfStock(product: Product): boolean;
+    getItemVarient(product: Product, varientId: string): ItemVariant | null;
     get currency(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedProductsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedProductsComponent, "simpo-featured-products", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "isRelatedProduct": { "alias": "isRelatedProduct"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, { "changeDetailProduct": "changeDetailProduct"; }, never, never, true, never>;

package/lib/ecommerce/sections/item-varient/item-varient.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ItemVarientComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItemVarientComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItemVarientComponent, "simpo-item-varient", never, {}, {}, never, never, true, never>;
+}

package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts

@@ -1,5 +1,5 @@
 import { ProductDescModal, ProductDescStylesModal } from './product-desc.modal';
-import { Product } from '../../styles/product.modal';
+import { ItemImage, ItemVariant, Product } from '../../styles/product.modal';
 import { ButtonModel } from '../../../styles/style.model';
 import BaseSection from '../../../sections/BaseSection';
 import { EventsService } from '.././../../services/events.service';
@@ -10,6 +10,7 @@ import { FeaturedProductModal } from '../featured-products/featured-products.mod
 import { StorageServiceService } from '../../../services/storage.service';
 import { MessageService } from 'primeng/api';
 import { Meta, Title } from '@angular/platform-browser';
+import { MatBottomSheet } from '@angular/material/bottom-sheet';
 import * as i0 from "@angular/core";
 export declare class ProductDescComponent extends BaseSection {
     private platformId;
@@ -22,6 +23,7 @@ export declare class ProductDescComponent extends BaseSection {
     private readonly messageService;
     private readonly metaTagService;
     private readonly titleService;
+    private readonly bottomSheet;
     data?: ProductDescModal;
     responseData: Product;
     index?: number;
@@ -29,20 +31,26 @@ export declare class ProductDescComponent extends BaseSection {
     delete?: boolean;
     isLoading: boolean;
     featureProductData: FeaturedProductModal | null;
+    varients: Map<string, string[]>;
+    selectedVarient: Map<string, string>;
     relatedProductData: Product[];
-    constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title);
+    constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title, bottomSheet: MatBottomSheet);
     buttonId?: string;
     button?: ButtonModel;
     styles?: ProductDescStylesModal;
     isItemAsFavorite: boolean;
     private USER_CART;
     private USER_WISHLIST;
+    itemImages: ItemImage[];
     ngOnInit(): void;
+    selectVarient(key: string, value: string): void;
+    getItemVarient(): ItemVariant | null;
     routeToHome(): void;
     screenWidth: any;
     getScreenSize(): void;
     currentImg: any;
     changeImg(url: any): void;
+    getKeys(varient: Object): string[];
     goToCart(): void;
     addToCart(type?: 'ADD' | 'SUBSTRACT'): void;
     goToFilter(category: string): void;
@@ -51,6 +59,7 @@ export declare class ProductDescComponent extends BaseSection {
     getProductByCategory(): void;
     getProductByCollection(): void;
     changeProduct(product: Product): void;
+    getKeyByIdx(property: any, index: number): string;
     get isItemOutOfStock(): boolean;
     get currency(): string;
     get isItemLowStock(): boolean;

package/lib/ecommerce/styles/OrderedItems.modal.d.ts

@@ -1,5 +1,6 @@
 export declare class OrderedItems {
     itemId: string;
+    variantId: string;
     businessId: string;
     itemName: string;
     businessName: string;

package/lib/ecommerce/styles/product.modal.d.ts

@@ -1,5 +1,6 @@
 export declare class Product {
     itemId: string;
+    varientId: string | null;
     storeId: string[];
     name: string;
     itemCategorisation: ItemCategorisation;
@@ -76,6 +77,8 @@ export interface ItemInventory {
 export interface ItemVariant {
     variantId: string;
     itemId: string;
+    quantity: number;
+    wishlist: boolean;
     variantName: string;
     variantImages: VariantImage[];
     itemPacks: ItemPack[];

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

@@ -0,0 +1,28 @@
+import { OnInit, ElementRef } from '@angular/core';
+import { LayOutModel, PositionLayoutModal } from '../../styles/style.model';
+import BaseSection from '../BaseSection';
+import { EventsService } from './../../services/events.service';
+import { BannerSectionModel } from './carousel-banner.model';
+import { OverlayValue } from "../../styles/index";
+import * as i0 from "@angular/core";
+export declare class CarouselBannerComponent extends BaseSection implements OnInit {
+    private _eventService;
+    carouselElement1: ElementRef;
+    data?: BannerSectionModel;
+    index?: number;
+    edit?: boolean;
+    delete?: boolean;
+    currentIndex: number;
+    selectSlide(index: number): void;
+    constructor(_eventService: EventsService);
+    ngOnInit(): void;
+    stylesLayout(item: any): LayOutModel;
+    get getJustifyContent(): string;
+    canMergeNavbar(item: any): any;
+    isBorderlessImage(item: any): any;
+    getPositionLayout(item: any): PositionLayoutModal;
+    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; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,42 @@
+import { ActionModel, BannerStylesModel, Image, InputTextModel, ListItemModal } from './../../styles/style.model';
+export interface BannerSectionModel {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    listBanners: [singleBannerModel];
+    styles: stylesModel;
+}
+export interface ImageModel extends Image {
+    showImage: boolean;
+}
+export interface stylesModel {
+    bannerAnimation: {
+        label: string;
+        value: string;
+        types: [];
+    };
+}
+export interface textModel {
+    value: string;
+}
+export interface BannerContentModel {
+    inputText: InputTextModel[];
+    image: ImageModel;
+    listItem: ListItemModal<BannerListItem>;
+}
+export interface BannerListItem {
+    inputText: InputTextModel[];
+}
+export interface singleBannerModel {
+    sectionName: string;
+    sectionType: string;
+    id: string;
+    content: BannerContentModel;
+    styles: BannerStylesModel;
+    action: ActionModel;
+}
+export interface actionsModel {
+    label: string;
+    value: string;
+    types: ["Horizontal", "Animated"];
+}

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

@@ -15,7 +15,7 @@ export declare class PricingSectionComponent extends BaseSection {
     style?: PricingSectionStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
-    getTextColor(): "#000000" | "#ffffff";
+    getTextColor(): "#ffffff" | "#000000";
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;

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

@@ -34,6 +34,7 @@ export declare class EventsService implements OnInit {
     openBlogListEvent: EventEmitter<unknown>;
     toggleEditorEvent: EventEmitter<boolean>;
     closeEditorEvent: EventEmitter<false>;
+    stopCarouselEvent: EventEmitter<any>;
     redirectToPage: EventEmitter<unknown>;
     addToCart: EventEmitter<unknown>;
     placeOrder: EventEmitter<unknown>;

package/package.json

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

package/public-api.d.ts

@@ -28,6 +28,7 @@ export * from './lib/sections/features-section/features-section.component';
 export * from './lib/sections/testimonial-fullwidth/testimonial-fullwidth.component';
 export * from './lib/sections/logo-showcase/logo-showcase.component';
 export * from './lib/sections/banner-carousel/banner-carousel.component';
+export * from './lib/sections/carousel-banner/carousel-banner.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';
@@ -61,6 +62,7 @@ export * from './lib/directive/color.directive';
 export * from './lib/directive/image-position.directive';
 export * from './lib/directive/container-alignment.directive';
 export * from './lib/directive/sticky-directive';
+export * from './lib/directive/removeCarousel-directive';
 export * from './lib/styles/index';
 export * from './lib/styles/style.model';
 export * from './lib/styles/types';