simpo-component-library 3.6.894 → 3.6.896

package/lib/directive/sticky-directive.d.ts

@@ -1,18 +1,27 @@
-import { ElementRef, OnChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy } from '@angular/core';
 import { Router } from '@angular/router';
+import { Sticky_Type } from '../styles/index';
 import * as i0 from "@angular/core";
-export declare class SimpoStickyDirective implements OnChanges {
+export declare class SimpoStickyDirective implements OnChanges, AfterViewInit, OnDestroy {
     private el;
     private router;
     private platformId;
-    simpoSticky?: boolean;
+    stickyType?: Sticky_Type | boolean;
     categoryHeader?: boolean;
+    stickyScrolled: EventEmitter<boolean>;
     private isBrowser;
-    private resizeObserver?;
+    private scrollListener?;
+    private resizeListener?;
     constructor(el: ElementRef, router: Router, platformId: object);
+    private get resolvedType();
+    private get isMobile();
     ngOnChanges(): void;
     ngAfterViewInit(): void;
+    private onScroll;
+    private applyType;
+    private applyFixed;
+    private applyZIndex;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpoStickyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SimpoStickyDirective, "[simpoSticky]", never, { "simpoSticky": { "alias": "simpoSticky"; "required": false; }; "categoryHeader": { "alias": "categoryHeader"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SimpoStickyDirective, "[simpoSticky]", never, { "stickyType": { "alias": "simpoSticky"; "required": false; }; "categoryHeader": { "alias": "categoryHeader"; "required": false; }; }, { "stickyScrolled": "stickyScrolled"; }, never, never, true, never>;
 }

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

@@ -37,7 +37,7 @@ export declare class FeaturedCategoryComponent extends BaseSection {
     get getDirection(): "ROW" | "COLUMN" | undefined;
     get stylesLayout(): LayOutModel;
     get isMobile(): boolean;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCategoryComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCategoryComponent, "simpo-featured-category", 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/ecommerce/sections/featured-category/featured-collection.component.d.ts

@@ -32,7 +32,7 @@ export declare class FeaturedCollectionComponent extends BaseSection {
     get getDirection(): "ROW" | "COLUMN" | undefined;
     get isMobile(): boolean;
     editSection(): void;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCollectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCollectionComponent, "simpo-featured-collection", 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/ecommerce/sections/new-collection/new-collection.component.d.ts

@@ -33,7 +33,7 @@ export declare class NewCollectionComponent extends BaseSection {
     get isMobile(): boolean;
     editSection(): void;
     getColor(color: any): "#000000" | "#ffffff";
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     static ɵfac: i0.ɵɵFactoryDeclaration<NewCollectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NewCollectionComponent, "simpo-new-collection", 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/sections/countdown-banner/countdown-banner.component.d.ts

@@ -1,12 +1,13 @@
-import { OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { StylesModel } from '../../styles/style.model';
 import { EventsService } from '../../services/events.service';
 import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import { CountDownBannerContentModal, CountDownBannerSection } from './countdown-banner.component.model';
 import BaseSection from '../BaseSection';
 import * as i0 from "@angular/core";
-export declare class CountdownBannerComponent extends BaseSection implements OnInit {
+export declare class CountdownBannerComponent extends BaseSection implements OnInit, OnDestroy {
     private eventService;
+    private platformId;
     edit?: boolean;
     data?: CountDownBannerSection | any;
     customClass?: string;
@@ -23,8 +24,9 @@ export declare class CountdownBannerComponent extends BaseSection implements OnI
     bannerText: string;
     targetDate: string;
     currentTime: number;
-    constructor(eventService: EventsService);
+    constructor(eventService: EventsService, platformId: object);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     getDays(dateString: string): number;
     getHours(dateString: string): number;
     getMinutes(dateString: string): number;

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

@@ -5,7 +5,7 @@ import { ActionModel, LayOutModel } from '../../styles/style.model';
 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 { Header_Type, Mobile_Menu_Type, ProductCardTheme, Sticky_Type } from '../../styles/index';
 import { MovingTextModal } from '../moving-text/moving-text.modal';
 import { RestService } from '../../services/rest.service';
 import { StorageLike } from '../../services/storage-like';
@@ -30,10 +30,9 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     mobileOffcanvas?: ElementRef<HTMLElement>;
     private resizeObserver?;
     private queryParamSubscription?;
-    private routerSubscription?;
     private isBrowser;
-    scrollValue: number;
     isOffcanvasOpen: boolean;
+    isFullScreenMenuOpen: boolean;
     private offcanvasShownHandler?;
     private offcanvasHiddenHandler?;
     content?: HeaderContentModel | any;
@@ -43,10 +42,13 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     searchText: string;
     theme: typeof ProductCardTheme;
     HeaderStyling: typeof Header_Type;
+    StickyType: typeof Sticky_Type;
+    MobileMenuType: typeof Mobile_Menu_Type;
     parentHeight: number;
     currentPlaceholder: string;
     placeholderIndex: number;
     animatePlaceholder: boolean;
+    isScrolled: boolean;
     private _eventSubscriber;
     constructor(_eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, matDialog: MatDialog, storageService: StorageServiceService, restService: RestService, eventService: EventsService, storage: StorageLike, platformId: object, document: Document);
     searchChangeTimeout: any;
@@ -60,7 +62,6 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     goToWishlist(): void;
     goToCart(): void;
     applyFilter(value: any, type: string): void;
-    onScroll(event: any): void;
     movingText?: MovingTextModal;
     toShowInJewellery: boolean;
     differ: any;
@@ -76,7 +77,7 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     getScreenSize(event?: number): void;
     height: any;
     private scheduleParentHeightCalculation;
-    private syncScrollState;
+    onStickyScrolled(scrolled: boolean): void;
     getParentHeight(): void;
     get getDropdownLinks(): string[];
     get isEcommerceWebsite(): boolean;
@@ -84,7 +85,16 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;
     goToHome(): void;
-    get isHeaderSticky(): boolean | undefined;
+    get resolvedMobileMenuType(): Mobile_Menu_Type;
+    get bottomStickyNavItems(): any[];
+    isNavItemActive(item: any): boolean;
+    get activeBottomNavIndex(): number;
+    openFullScreenMenu(): void;
+    closeFullScreenMenu(): void;
+    /** Full-screen menu item tap: drill into submenu if it has children, else navigate + close. */
+    onFullScreenItemClick(item: any): void;
+    get resolvedStickyType(): Sticky_Type;
+    get isHeaderSticky(): boolean;
     get backgroundInfo(): any;
     get simpoColor(): any;
     get accentColor(): any;
@@ -106,7 +116,6 @@ export declare class HeaderSectionComponent implements OnInit, AfterViewInit, On
     getValues(object: any): unknown[];
     get userGender(): import("../../ecommerce/styles/user.modal").GENDER | null;
     get getNavbarButton(): any[];
-    isScrolled: boolean;
     setColor(): "#000000" | "#ffffff";
     showList: boolean;
     dropdownLeft: number;

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

@@ -1,4 +1,4 @@
-import { Header_Type, HeaderButtonStyle, headlineAnimationType, Menu_Type, ProductCardTheme } from "./../../styles/index";
+import { Header_Type, HeaderButtonStyle, headlineAnimationType, Menu_Type, Mobile_Menu_Type, ProductCardTheme, Sticky_Type } 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";
@@ -21,6 +21,7 @@ export interface HeaderContentModel {
     };
     listItem: ListItemModal<HeaderSectionListItemModel>;
     display: Display;
+    countdownBanner?: any;
 }
 export interface Display extends DisplaySection {
 }
@@ -30,12 +31,16 @@ export interface HeaderSectionListItemModel {
 export interface HeaderStyleModel {
     layout: FooterLayoutModel;
     background: BackgroundModel;
+    /** @deprecated use stickyType */
     sticky?: boolean;
     navigationStyle: HeaderButtonStyle;
+    /** @deprecated use stickyType */
     shrinkOnScroll?: boolean;
+    stickyType?: Sticky_Type;
     navbarButtonStyle: HeaderButtonStyleModel;
     styling: Header_Type;
     menuType: Menu_Type;
+    mobileMenuType?: Mobile_Menu_Type;
     enableHeaderCarousel?: boolean;
     theme: ProductCardTheme;
     showSearchBar: boolean;
@@ -44,4 +49,7 @@ export interface HeaderStyleModel {
         color: string;
         headlineAnimationType: headlineAnimationType;
     };
+    countdown?: {
+        display: boolean;
+    };
 }

package/lib/sections/image-grid-hotspot/image-grid-hotspot.component.d.ts

@@ -23,7 +23,7 @@ export declare class ImageGridHotspotComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     getLength(): number;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     private get scrollStep();
     scrollRight(): void;
     isOverflowing: boolean;

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

@@ -23,7 +23,7 @@ export declare class ImageGridSectionComponent extends BaseSection {
     get headingSpace(): SPACING;
     editSection(): void;
     getLength(): number;
-    getJustifyContent(): import("simpo-component-library").ALIGN | "" | "flex-start";
+    getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
     private get scrollStep();
     scrollRight(): void;
     isOverflowing: boolean;

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

@@ -7,7 +7,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { CookieService } from 'ngx-cookie-service';
 import { StorageServiceService } from '../../services/storage.service';
 import { MatBottomSheet } from '@angular/material/bottom-sheet';
-import { HEADER_STYLING, ProductCardTheme } from '../../styles/index';
+import { HEADER_STYLING, ProductCardTheme, Sticky_Type } from '../../styles/index';
 import { RestService } from '../../services/rest.service';
 import * as i0 from "@angular/core";
 export declare class NavbarSectionComponent implements OnInit {
@@ -19,13 +19,14 @@ export declare class NavbarSectionComponent implements OnInit {
     private readonly cookieService;
     private readonly storageService;
     private readonly restService;
+    private platformId;
     data?: HeaderSectionModel;
     nextComponent: any;
     index?: number;
     customClass?: string;
     edit?: boolean;
     childContainer: any;
-    scrollValue: number;
+    isScrolled: boolean;
     content?: HeaderContentModel;
     style?: HeaderStyleModel;
     action?: ActionModel;
@@ -33,7 +34,9 @@ export declare class NavbarSectionComponent implements OnInit {
     searchText: string;
     theme: typeof ProductCardTheme;
     HeaderStyling: typeof HEADER_STYLING;
-    constructor(_eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, matDialog: MatDialog, bottomSheet: MatBottomSheet, cookieService: CookieService, storageService: StorageServiceService, restService: RestService);
+    StickyType: typeof Sticky_Type;
+    private isBrowser;
+    constructor(_eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, matDialog: MatDialog, bottomSheet: MatBottomSheet, cookieService: CookieService, storageService: StorageServiceService, restService: RestService, platformId: object);
     searchProducts(): void;
     goToFav(): void;
     get stylesLayout(): LayOutModel;
@@ -41,7 +44,7 @@ export declare class NavbarSectionComponent implements OnInit {
     goToWishlist(): void;
     goToCart(): void;
     applyFilter(value: any, type: string): void;
-    onScroll(event: any): void;
+    onStickyScrolled(scrolled: boolean): void;
     ngOnInit(): void;
     isNavbarOpen: boolean;
     screenWidth: number;
@@ -53,6 +56,7 @@ export declare class NavbarSectionComponent implements OnInit {
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;
     goToHome(): void;
+    get resolvedStickyType(): Sticky_Type;
     get isHeaderSticky(): boolean;
     get backgroundInfo(): any;
     get simpoColor(): any;

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

@@ -1,4 +1,4 @@
-import { HEADER_STYLING, HeaderButtonStyle, ProductCardTheme } from "./../../styles/index";
+import { HEADER_STYLING, HeaderButtonStyle, ProductCardTheme, Sticky_Type } from "./../../styles/index";
 import { BackgroundModel, HeaderButtonStyleModel, InputTextModel, NavbarButton } from "../../styles/style.model";
 import { FooterLayoutModel, FooterLogoModel, FooterSocialLinkModel } from "../footer-section/footer-section.modal";
 import { ActionModel } from "../../styles/style.model";
@@ -23,7 +23,11 @@ export interface HeaderContentModel {
 export interface HeaderStyleModel {
     layout: FooterLayoutModel;
     background: BackgroundModel;
+    /** @deprecated use stickyType */
     sticky?: boolean;
+    /** @deprecated use stickyType */
+    shrinkOnScroll?: boolean;
+    stickyType?: Sticky_Type;
     navigationStyle: HeaderButtonStyle;
     navbarButtonStyle: HeaderButtonStyleModel;
     styling: HEADER_STYLING;

package/lib/styles/index.d.ts

@@ -82,10 +82,22 @@ export declare enum Header_Type {
     HEADER3 = "Header3",
     HEADER4 = "Header4"
 }
+export declare enum Sticky_Type {
+    NONE = "None",
+    STICKY = "Sticky",
+    SHRINK_ON_SCROLL = "ShrinkOnScroll",
+    TRANSPARENT_ON_SCROLL = "TransparentOnScroll",
+    STICKY_AFTER_SCROLL = "StickyAfterScroll"
+}
 export declare enum Menu_Type {
     MEGA_MENU = "MEGA_MENU",
     DROP_DOWN = "DROPDOWN_MENU"
 }
+export declare enum Mobile_Menu_Type {
+    HAMBURGER = "HAMBURGER",
+    FULL_SCREEN = "FULL_SCREEN",
+    BOTTOM_STICKY = "BOTTOM_STICKY"
+}
 export declare enum TEXT_SIZE {
     Small = "Small",
     Medium = "Medium",

package/package.json

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