simpo-component-library 3.2.4 → 3.2.6

package/lib/directive/button-editor.directive.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef } from '@angular/core';
+import { Button } from '../styles/style.model';
+import { MatDialog } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class ButtonEditorDirective {
+    private el;
+    private matDialog;
+    appButtonEditor: boolean;
+    buttonData?: Button;
+    private mouseEnterSub?;
+    private mouseLeaveSub?;
+    private clickSub?;
+    private readonly HIGHLIGHT_BORDER;
+    constructor(el: ElementRef, matDialog: MatDialog);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private setupEventListeners;
+    private cleanup;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonEditorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonEditorDirective, "button[appButtonEditor]", never, { "appButtonEditor": { "alias": "appButtonEditor"; "required": false; }; "buttonData": { "alias": "buttonData"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directive/image-editor.directive.d.ts

@@ -1,18 +1,23 @@
-import { ElementRef, Renderer2 } from '@angular/core';
+import { ElementRef, OnInit, OnDestroy } from '@angular/core';
 import { Image } from '../styles/style.model';
 import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
-export declare class ImageEditorDirective {
+export declare class ImageEditorDirective implements OnInit, OnDestroy {
     private el;
-    private renderer;
     private matDialog;
     appImageEditor: boolean;
     imageData?: Image;
     sectionId?: string;
-    constructor(el: ElementRef, renderer: Renderer2, matDialog: MatDialog);
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    onClick(event: Event): void;
+    private mouseEnterSub?;
+    private mouseLeaveSub?;
+    private clickSub?;
+    private readonly HIGHLIGHT_BORDER;
+    constructor(el: ElementRef, matDialog: MatDialog);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    private setupEventListeners;
+    private cleanup;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ImageEditorDirective, "img[appImageEditor]", never, { "appImageEditor": { "alias": "appImageEditor"; "required": false; }; "imageData": { "alias": "imageData"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/elements/add-section/add-section.component.d.ts

@@ -8,18 +8,26 @@ export declare class AddSectionComponent {
     data: any;
     private http;
     private _eventService;
+    private editorService;
     private elementService;
-    constructor(dialog: MatDialogRef<AddSectionComponent>, data: any, http: HttpClient, _eventService: EventsService, elementService: ElementServiceService);
+    constructor(dialog: MatDialogRef<AddSectionComponent>, data: any, http: HttpClient, _eventService: EventsService, editorService: ElementServiceService, elementService: ElementServiceService);
+    businessType: 'STATIC' | 'E_COMMERCE';
     ngOnInit(): void;
     selectedTab: string;
     tabs: any;
     sections: any;
     selectedSection: any;
     selectedSectionName: any;
+    loader: boolean;
+    tabShiftLoader: boolean;
+    selectSection(ele: any): void;
     getAllSections(): void;
     getObjectKeys(obj: any): any[];
-    getComponentApi(): import("rxjs").Observable<Object>;
     addNewSection(componentId: any, sectionType: any, event: any): void;
+    searchText: string;
+    dummySections: any;
+    dummy2: any;
+    searchSections(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AddSectionComponent, "simpo-add-section", never, {}, {}, never, never, true, never>;
 }

package/lib/elements/editor-service.service.d.ts

@@ -3,9 +3,12 @@ import * as i0 from "@angular/core";
 export declare class ElementServiceService {
     private http;
     private BASE_URL;
-    constructor(http: HttpClient);
-    getComponentApi(): import("rxjs").Observable<Object>;
+    constructor(http: HttpClient, BASE_URL: string);
+    getComponentApi(businessType?: 'STATIC' | 'E_COMMERCE'): import("rxjs").Observable<Object>;
     regenerateText(request: any): import("rxjs").Observable<Object>;
+    getImageLibrary(): import("rxjs").Observable<Object>;
+    saveImagesToBusinessLibrary(mediaRequest: any): import("rxjs").Observable<Object>;
+    getTemplate(): import("rxjs").Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementServiceService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ElementServiceService>;
 }

package/lib/elements/image-editor/image-editor.component.d.ts

@@ -1,15 +1,13 @@
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { EventsService } from '../../services/events.service';
 import { Image } from '../../styles/style.model';
-import { Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ImageEditorComponent {
     private eventsService;
     dialogRef: MatDialogRef<ImageEditorComponent>;
     data: any;
     private matDialog;
-    private render;
-    constructor(eventsService: EventsService, dialogRef: MatDialogRef<ImageEditorComponent>, data: any, matDialog: MatDialog, render: Renderer2);
+    constructor(eventsService: EventsService, dialogRef: MatDialogRef<ImageEditorComponent>, data: any, matDialog: MatDialog);
     imageData: Image;
     sectionId: string;
     private backDrop;

package/lib/elements/link-editor/link-editor.component.d.ts

@@ -1,10 +1,10 @@
 import { Button } from '../../styles/style.model';
 import { RedirectionLinkType } from '../../styles/index';
-import { RestService } from '../../services/rest.service';
 import { MatDialogRef } from '@angular/material/dialog';
+import { ElementServiceService } from '../editor-service.service';
 import * as i0 from "@angular/core";
 export declare class LinkEditorComponent {
-    private restService;
+    private editorService;
     dialogRef: MatDialogRef<LinkEditorComponent>;
     data: any;
     link: Button;
@@ -14,7 +14,7 @@ export declare class LinkEditorComponent {
     linkType: any[];
     templatePage: any[];
     addLink: boolean;
-    constructor(restService: RestService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any);
+    constructor(editorService: ElementServiceService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any);
     ngOnInit(): void;
     closeDialog(): void;
     getTemplatePage(): void;

package/lib/elements/media-selector/media-selector.component.d.ts

@@ -4,14 +4,14 @@ import { FormControl } from '@angular/forms';
 import { ImageUplaodService } from '../../services/image-upload-service.service';
 import { MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { RestService } from '../../services/rest.service';
+import { ElementServiceService } from '../editor-service.service';
 import * as i0 from "@angular/core";
 export declare class MediaSelectorComponent implements AfterViewInit {
     private imageUploadService;
     _dialogRef: MatDialogRef<MediaSelectorComponent>;
     private dialogData;
     private snackBar;
-    private restService;
+    private editorService;
     viewport: CdkVirtualScrollViewport;
     tabs: string[];
     activeTab: string;
@@ -23,7 +23,7 @@ export declare class MediaSelectorComponent implements AfterViewInit {
     imageSize: number;
     multiple: boolean;
     selectedImage: Map<string, any>;
-    constructor(imageUploadService: ImageUplaodService, _dialogRef: MatDialogRef<MediaSelectorComponent>, dialogData: any, snackBar: MatSnackBar, restService: RestService);
+    constructor(imageUploadService: ImageUplaodService, _dialogRef: MatDialogRef<MediaSelectorComponent>, dialogData: any, snackBar: MatSnackBar, editorService: ElementServiceService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     getImageLibrary(): void;

package/lib/elements/navbar-button-element/navbar-button-element.component.d.ts

@@ -10,10 +10,11 @@ export declare class NavbarButtonElementComponent implements OnInit {
     selectedStyle?: HeaderButtonStyle;
     bgColor?: string;
     sectionId?: string;
+    accentColor?: string;
     HeaderButtonStyle: typeof HeaderButtonStyle;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     changePage(pageData?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarButtonElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarButtonElementComponent, "simpo-navbar-button-element", never, { "buttonData": { "alias": "buttonData"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "selectedStyle": { "alias": "selectedStyle"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarButtonElementComponent, "simpo-navbar-button-element", never, { "buttonData": { "alias": "buttonData"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "selectedStyle": { "alias": "selectedStyle"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "accentColor": { "alias": "accentColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/elements/simpo-button/simpo-button.component.d.ts

@@ -8,9 +8,10 @@ export declare class SimpoButtonComponent {
     buttonId: string;
     color?: string;
     sectionId?: string;
+    edit?: boolean;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpoButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpoButtonComponent, "app-button-element", never, { "buttonContent": { "alias": "buttonContent"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/elements/text-editor/text-editor.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { ElementServiceService } from '../editor-service.service';
 import * as i0 from "@angular/core";
 export declare class TextEditorComponent {
@@ -10,6 +10,7 @@ export declare class TextEditorComponent {
     parentElement: ElementRef;
     suggestion: ElementRef;
     value: string;
+    valueChange: EventEmitter<string>;
     editable: boolean;
     sectionId?: string;
     label?: string;
@@ -34,5 +35,5 @@ export declare class TextEditorComponent {
     reFormattingData(): void;
     regenerateText(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextEditorComponent, "simpo-text-editor", never, { "value": { "alias": "value"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextEditorComponent, "simpo-text-editor", never, { "value": { "alias": "value"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/sections/add-new-section/add-new-section.component.d.ts

@@ -1,8 +1,10 @@
 import { EventsService } from './../../services/events.service';
+import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class AddNewSectionComponent {
     private _eventService;
-    constructor(_eventService: EventsService);
+    private dialog;
+    constructor(_eventService: EventsService, dialog: MatDialog);
     index?: number;
     addSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddNewSectionComponent, never>;

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

@@ -0,0 +1,72 @@
+import { OnInit } from '@angular/core';
+import { HeaderContentModel, HeaderSectionModel, HeaderStyleModel } from './header-section.model';
+import { EventsService } from './../../services/events.service';
+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 * as i0 from "@angular/core";
+export declare class HeaderSectionComponent implements OnInit {
+    private readonly _eventService;
+    private readonly router;
+    private readonly activatedRoute;
+    private readonly matDialog;
+    private readonly storageService;
+    data?: HeaderSectionModel;
+    nextComponent: any;
+    index?: number;
+    customClass?: string;
+    edit?: boolean;
+    childContainer: any;
+    scrollValue: number;
+    content?: HeaderContentModel;
+    style?: HeaderStyleModel;
+    action?: ActionModel;
+    color: string;
+    searchText: string;
+    theme: typeof ProductCardTheme;
+    HeaderStyling: typeof Header_Type;
+    constructor(_eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, matDialog: MatDialog, storageService: StorageServiceService);
+    searchProducts(): void;
+    goToFav(): void;
+    get stylesLayout(): LayOutModel;
+    goToAccount(): void;
+    get loggedIn(): boolean;
+    get getUserName(): string | undefined;
+    goToWishlist(): void;
+    goToCart(): void;
+    applyFilter(value: any, type: string): void;
+    onScroll(event: any): void;
+    ngOnInit(): void;
+    isNavbarOpen: boolean;
+    screenWidth: number;
+    getScreenSize(event?: number): void;
+    get getParentHeight(): any;
+    get getDropdownLinks(): string[];
+    get isEcommerceWebsite(): boolean;
+    close(): void;
+    showEditors: boolean;
+    showEditTabs(isShow: boolean): void;
+    goToHome(): void;
+    get isHeaderSticky(): boolean;
+    get backgroundInfo(): any;
+    get simpoColor(): any;
+    get accentColor(): any;
+    get isTransparent(): any;
+    redirectTo(content: any): void;
+    showSearchBar: boolean;
+    get isComponentMerged(): any;
+    editSection(): void;
+    get canShowMobileFooter(): boolean;
+    get showMobileHomeIcon(): boolean;
+    get getCartItemsCount(): number;
+    get getHeaderStyling(): Header_Type | undefined;
+    get isMobile(): boolean;
+    getKeys(object: any): string[];
+    getValues(object: any): unknown[];
+    get userGender(): import("../../ecommerce/styles/user.modal").GENDER | null;
+    get getNavbarButton(): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderSectionComponent, "simpo-header-section", never, { "data": { "alias": "data"; "required": false; }; "nextComponent": { "alias": "nextComponent"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,31 @@
+import { Header_Type, HeaderButtonStyle, ProductCardTheme } 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";
+export interface HeaderSectionModel {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: HeaderContentModel;
+    styles: HeaderStyleModel;
+    action: ActionModel;
+    type: 'STATIC' | 'E_COMMERCE' | 'REAL_ESTATE';
+}
+export interface HeaderContentModel {
+    siteName: InputTextModel;
+    logo: FooterLogoModel;
+    socialLinks: FooterSocialLinkModel;
+    navbarButtons: NavbarButton[];
+    ecomlinks: {
+        [key: string]: string[];
+    };
+}
+export interface HeaderStyleModel {
+    layout: FooterLayoutModel;
+    background: BackgroundModel;
+    sticky?: boolean;
+    navigationStyle: HeaderButtonStyle;
+    navbarButtonStyle: HeaderButtonStyleModel;
+    styling: Header_Type;
+    theme: ProductCardTheme;
+}

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

@@ -13,7 +13,7 @@ export declare class RestService implements OnDestroy {
     private ECOMMERCE_URL;
     private CMIS_URL;
     private environmentTypeSubscriber;
-    constructor(http: HttpClient, eventService: EventsService);
+    constructor(http: HttpClient, eventService: EventsService, BASE_URL: string, ECOMMERCE_URL: string);
     ngOnDestroy(): void;
     getFeaturedProduct(collectionId: string | undefined | null): Observable<any>;
     getCategoriesByCollectionId(collectionId: string): Observable<any>;

package/lib/styles/index.d.ts

@@ -74,6 +74,12 @@ export declare enum HEADER_STYLING {
     LOGO_CENTER__MENU_LEFT = "LOGO_CENTER__MENU_LEFT",
     LOGO_RIGHT__MENU_LEFT = "LOGO_RIGHT__MENU_LEFT"
 }
+export declare enum Header_Type {
+    HEADER1 = "Header1",
+    HEADER2 = "Header2",
+    HEADER3 = "Header3",
+    HEADER4 = "Header4"
+}
 export declare enum TEXT_SIZE {
     Small = "Small",
     Medium = "Medium",

package/lib/tokens/api-token.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export declare const API_URL: InjectionToken<string>;
+export declare const ECOMMERCE_URL: InjectionToken<String>;

package/package.json

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

package/public-api.d.ts

@@ -37,6 +37,7 @@ export * from './lib/sections/property-component/property-component.component';
 export * from './lib/sections/usp-video-section/usp-video-section.component';
 export * from './lib/sections/property-list/property-list.component';
 export * from './lib/sections/footer/footer.component';
+export * from './lib/sections/header-section/header-section.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';
@@ -56,6 +57,7 @@ export * from './lib/ecommerce/sections/authentication-required/authentication-r
 export * from './lib/services/events.service';
 export * from './lib/services/endUser.service';
 export * from './lib/services/sanitizeHtml';
+export * from './lib/tokens/api-token';
 export * from './lib/directive/animation-directive';
 export * from './lib/directive/background-directive';
 export * from './lib/directive/banner-content-fit-directive';

package/src/lib/styles/global-styles.css

@@ -138,3 +138,11 @@ animation: slideInLeft 0.5s ease-in-out forwards;
 .mat-mdc-form-field-subscript-wrapper{
   display: none;
 }
+.media-selector{
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  width: 60%;
+  height: 100vh;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}