simpo-component-library 3.1.1 → 3.1.30

package/lib/directive/contenteditable.directive.d.ts

@@ -0,0 +1,22 @@
+import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ContenteditableValueAccessor implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private readonly elementRef;
+    private readonly renderer;
+    private onTouched;
+    contenteditable: boolean;
+    private onChange;
+    private observer?;
+    constructor(elementRef: ElementRef<Element>, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onInput(): void;
+    onBlur(): void;
+    writeValue(value: string): void;
+    registerOnChange(onChange: (value: string) => void): void;
+    registerOnTouched(onTouched: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContenteditableValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContenteditableValueAccessor, "[contenteditable][ngModel]", never, { "contenteditable": { "alias": "contenteditable"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,18 @@
+import { ElementRef, Renderer2 } 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 {
+    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;
+    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/image-editor/image-editor.component.d.ts

@@ -0,0 +1,21 @@
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { EventsService } from '../../services/events.service';
+import { Image } from '../../styles/style.model';
+import * as i0 from "@angular/core";
+export declare class ImageEditorComponent {
+    private eventsService;
+    dialogRef: MatDialogRef<ImageEditorComponent>;
+    data: any;
+    private matDialog;
+    constructor(eventsService: EventsService, dialogRef: MatDialogRef<ImageEditorComponent>, data: any, matDialog: MatDialog);
+    imageData: Image;
+    sectionId: string;
+    ngOnInit(): void;
+    max: number;
+    min: number;
+    updateImage(): Promise<void>;
+    horizontalPosition(): void;
+    deleteImage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageEditorComponent, "simpo-image-editor", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,29 @@
+import { Button } from '../../styles/style.model';
+import { RedirectionLinkType } from '../../styles/index';
+import { RestService } from '../../services/rest.service';
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class LinkEditorComponent {
+    private restService;
+    dialogRef: MatDialogRef<LinkEditorComponent>;
+    data: any;
+    link: Button;
+    RedirectionLink: typeof RedirectionLinkType;
+    externalLinkType: Array<type>;
+    selectedType: RedirectionLinkType;
+    linkType: any[];
+    templatePage: any[];
+    addLink: boolean;
+    constructor(restService: RestService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any);
+    ngOnInit(): void;
+    closeDialog(): void;
+    getTemplatePage(): void;
+    changeType(type: RedirectionLinkType): void;
+    addNewLink(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkEditorComponent, "simpo-link-editor", never, {}, {}, never, never, true, never>;
+}
+interface type {
+    type: string;
+}
+export {};

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

@@ -0,0 +1,43 @@
+import { AfterViewInit } from '@angular/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+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 * as i0 from "@angular/core";
+export declare class MediaSelectorComponent implements AfterViewInit {
+    private imageUploadService;
+    private _dialogRef;
+    private dialogData;
+    private snackBar;
+    private restService;
+    viewport: CdkVirtualScrollViewport;
+    tabs: string[];
+    activeTab: string;
+    searchControl: FormControl<string | null>;
+    pageNo: number;
+    isLoading: boolean;
+    unsplashImages: any[];
+    imageLibrary: any[];
+    imageSize: number;
+    multiple: boolean;
+    selectedImage: Map<string, any>;
+    constructor(imageUploadService: ImageUplaodService, _dialogRef: MatDialogRef<MediaSelectorComponent>, dialogData: any, snackBar: MatSnackBar, restService: RestService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    getImageLibrary(): void;
+    /** ✅ Search API with debounce to reduce unnecessary calls */
+    searchUnsplashImages(): void;
+    /** ✅ Infinite Scroll */
+    setupInfiniteScroll(): void;
+    /** ✅ Load More Images */
+    loadMoreImages(): void;
+    selectUnsplashImage(image: any): void;
+    uploadImageFromSystem(event: any): void;
+    deleteSystemImage(imageId: string): void;
+    selectFromImageLibrary(image: any): void;
+    uploadImage(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaSelectorComponent, "simpo-media-selector", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,28 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TextEditorComponent {
+    toolbar: ElementRef;
+    editor: ElementRef;
+    colorPicker: ElementRef;
+    value: string;
+    editable: boolean;
+    show: boolean;
+    toolbarX: number;
+    toolbarY: number;
+    toolbarData: any;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    showToolbar(event: MouseEvent): void;
+    hideToolbar(event: MouseEvent): void;
+    formatText(command: string, value?: string): void;
+    changeFontSize(event: any): void;
+    changeColor(event: any): void;
+    updateText(event: Event): void;
+    onFormatChange(event: Event): void;
+    openColorPicker(): void;
+    readFormattingProperties(): void;
+    reFormattingData(): 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; }; }, {}, never, never, true, never>;
+}

package/lib/sections/footer/footer.component.d.ts

@@ -0,0 +1,37 @@
+import { FooterContentModel, FooterSectionModel, FooterStylesModel } from './footer.modal';
+import { Button, LayOutModel } from '../../styles/style.model';
+import BaseSection from '../BaseSection';
+import { EventsService } from '../../services/events.service';
+import { MatDialog } from '@angular/material/dialog';
+import { RestService } from '../../services/rest.service';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class FooterComponent extends BaseSection {
+    private _eventService;
+    private restService;
+    private matDialog;
+    data?: FooterSectionModel;
+    index?: number;
+    edit?: boolean;
+    delete?: boolean | undefined;
+    content?: FooterContentModel;
+    style?: FooterStylesModel;
+    linkEditorSubscription?: Subscription;
+    footerType: string;
+    screenWidth: number;
+    constructor(_eventService: EventsService, restService: RestService, matDialog: MatDialog);
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    getScreenSize(event?: number): void;
+    get stylesLayout(): LayOutModel;
+    pageLink: string;
+    pages: any;
+    deleteFolderLinks(folderIndex: number, linkIndex: number): void;
+    editLinks(): void;
+    redirectTo(link: Button): void;
+    getPages(): void;
+    redirectToPage(pageData: any): void;
+    createNewLink(folderIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "simpo-footer", 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/footer/footer.modal.d.ts

@@ -0,0 +1,60 @@
+import { ChannelType, FooterType } from "./../../styles/index";
+import { ActionModel, BackgroundModel, InputTextModel, LayOutModel, Button } from "./../../styles/style.model";
+import { FOOTER_IMAGE_SOURCE, SOCIAL_ICON_SHAPE, SOCIAL_ICON_SIZE, SOCIAL_ICON_TYPE } from "./../../styles/types";
+export interface FooterSectionModel {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: FooterContentModel;
+    styles: FooterStylesModel;
+    action: ActionModel;
+}
+export interface FooterStylesModel {
+    layout: LayOutModel;
+    background: BackgroundModel;
+    footerType: FooterType;
+    socialIcon: FooterSocialIconSizeModel;
+}
+export interface FooterSocialIconSizeModel {
+    size: SOCIAL_ICON_SIZE;
+    shape: SOCIAL_ICON_SHAPE;
+    type: SOCIAL_ICON_TYPE;
+}
+export interface FooterContentModel {
+    siteNameAndLogo: string;
+    siteName: InputTextModel;
+    additionalDetails: InputTextModel;
+    logo: FooterLogoModel;
+    socialLinks: FooterSocialLinkModel;
+    displayBranding: boolean;
+    folder: FolderModel[];
+}
+export interface FooterLogoModel {
+    isImage: boolean;
+    text: FooterLogoTextModel;
+    image: footerLogobrandingModel;
+    size: number;
+}
+export interface footerLogobrandingModel {
+    source: FOOTER_IMAGE_SOURCE;
+    url: string;
+}
+export interface FooterLogoTextModel {
+    isText: boolean;
+    isIcon: boolean;
+    url: string;
+    fontFamily: string;
+}
+export interface FooterSocialLinkModel {
+    display: boolean;
+    channels: FooterSocialChannelModel[];
+}
+export interface FooterSocialChannelModel {
+    type: ChannelType;
+    url: string;
+    link: string;
+}
+export interface FolderModel {
+    label: string;
+    links: Button[];
+}

package/lib/services/image-upload-service.service.d.ts

@@ -1,7 +1,18 @@
+import { HttpClient } from '@angular/common/http';
 import * as i0 from "@angular/core";
 export declare class ImageUplaodService {
+    private http;
     cmisFileUpload: any;
+    UNSPLASH_API_TOKEN: string;
+    private s3Client?;
+    region: string;
+    identityPoolId: string;
+    bucketName: string;
+    constructor(http: HttpClient);
     uploadFileInAzure(file: File, folderName?: string): Promise<import("@azure/storage-blob").BlockBlobClient | null>;
+    uploadFileInAWS(file: File, folderName?: string): Promise<string>;
+    private fileToArrayBuffer;
+    searchPhotosInUnsplash(searchedText: string, page?: number, size?: number): import("rxjs").Observable<Object>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageUplaodService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ImageUplaodService>;
 }

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

@@ -80,6 +80,9 @@ export declare class RestService implements OnDestroy {
     getLeadById(leadId: any): Observable<Object>;
     getRegistrationList(payload: any): Observable<Object>;
     getAllComponentCategories(): Observable<Object>;
+    getTemplate(): Observable<Object>;
+    getImageLibrary(): Observable<Object>;
+    saveImagesToBusinessLibrary(mediaRequest: any): Observable<Object>;
     getFieldsToDisplay(fieldsList: any[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<RestService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RestService>;

package/lib/styles/index.d.ts

@@ -221,3 +221,9 @@ export declare const svgData: {
         rotateY: boolean;
     };
 };
+export declare enum FooterType {
+    FOOTER_1 = "Footer1",
+    FOOTER_2 = "Footer2",
+    FOOTER_3 = "Footer3",
+    FOOTER_4 = "Footer4"
+}

package/package.json

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

package/public-api.d.ts

@@ -36,6 +36,7 @@ export * from './lib/sections/registration-form/registration-form.component';
 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/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';

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

@@ -7,7 +7,7 @@
   position: absolute !important;
   width: 40%;
   top: 0;
-  left: 0;
+  left: 0 !important;
   height: 100vh;
   background-color: transparent !important;
   box-shadow: none !important;
@@ -127,3 +127,14 @@ animation: slideInLeft 0.5s ease-in-out forwards;
     line-height: 21px;
   }
 }
+.link-editor {
+  height: 100vh;
+  width: 28vw;
+  position: absolute!important;
+  top: 0;
+  left: 0 !important;
+  animation: slideInLeft 0.5s ease-in-out forwards;
+}
+.mat-mdc-form-field-subscript-wrapper{
+  display: none;
+}