simpo-component-library 3.6.859 → 3.6.862

package/lib/components/hover-elements/hover-elements.component.d.ts

@@ -14,6 +14,9 @@ export declare class HoverElementsComponent implements OnInit {
     isMerged: boolean;
     isEcommerce: boolean;
     ngOnInit(): void;
+    isMenuOpen: boolean;
+    toggleMenu(event: Event): void;
+    onDocumentClick(): void;
     editSection(): void;
     restyleSection(event: any): void;
     changeContent(event: any): void;

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

@@ -1,65 +1,52 @@
-import { ElementRef, EventEmitter, NgZone } from '@angular/core';
-import { ElementServiceService } from '../editor-service.service';
+import { ElementRef, EventEmitter, OnDestroy, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TextEditorComponent {
-    private editorService;
-    private platformId;
-    private ngZone;
-    toolbar: ElementRef;
-    editor: ElementRef;
-    colorPicker: ElementRef;
-    parentElement: ElementRef;
-    suggestion: ElementRef;
-    private lastGradientSpan;
+export declare class TextEditorComponent implements OnDestroy, AfterViewInit {
     value: string;
     valueChange: EventEmitter<string>;
     editable: boolean;
     sectionId?: string;
     label?: string;
     type?: string;
-    show: boolean;
+    editorElement: ElementRef;
+    private platformId;
+    editor: any;
+    selectedFontSize: string;
+    showToolbar: boolean;
+    toolbarX: number;
     toolbarY: number;
-    suggestionY: number;
-    rightZero: boolean;
-    showSuggestion: boolean;
-    toolbarData: any;
-    selectedColorType: 'SOLID' | 'GRADIENT';
+    selectedColor: string;
     primaryColor: string;
-    secondaryColor: any;
-    constructor(editorService: ElementServiceService, platformId: Object, ngZone: NgZone);
-    ngOnInit(): void;
+    secondaryColor: string;
+    isColorPickerOpen: boolean;
+    selectedColorType: 'SOLID' | 'GRADIENT';
+    savedSelection: any;
+    isFontSizeMenuOpen: boolean;
+    toolbarData: any;
+    ngAfterViewInit(): Promise<void>;
+    constructor();
     ngOnDestroy(): void;
-    private selectRange;
-    private markSelection;
-    private restoreSelectionFromMarkers;
-    showToolbar(event: MouseEvent): void;
-    rememberSelection(e: MouseEvent): void;
-    private getActiveRange;
-    setColorMode(mode: 'SOLID' | 'GRADIENT'): void;
-    private wrapRangeWithGradient;
-    private unwrapGradientInRange;
-    hideToolbar(event: MouseEvent): void;
-    formatText(command: string, value?: string): void;
-    updateFSforOL(): void;
-    private setStyleWithCSS;
-    private toLegacyFontStep;
-    private normalizeFontSizeToCss;
-    changeFontSize(event: any): void;
-    changeColor(event: any): void;
-    updateText(event: Event): void;
-    onFormatChange(event: Event): void;
-    openColorPicker(): void;
-    readFormattingProperties(): void;
-    reFormattingData(): void;
-    changeGradientColor(): void;
-    applyGradientToText(gradientValue: string): void;
-    regenerateText(): void;
-    private savedRange;
+    initializeEditor(): Promise<void>;
+    updateEmptyEditorClass(): void;
     saveSelection(): void;
     restoreSelection(): void;
-    onPaste(event: ClipboardEvent): void;
-    stripStyles(html: string): string;
-    getText(): string;
+    switchToSolid(event: Event): void;
+    switchToGradient(event: Event): void;
+    openColorPicker(): void;
+    handleWindowFocus: () => void;
+    handleSelection(): void;
+    toggleBold(): void;
+    toggleItalic(): void;
+    toggleUnderline(): void;
+    toggleOrderedList(): void;
+    toggleBulletList(): void;
+    setAlign(alignment: 'left' | 'center' | 'right'): void;
+    changeColor(): void;
+    applyGradient(): void;
+    onMouseDown(): void;
+    toggleFontSizeMenu(event: Event): void;
+    getDisplayFontSize(): string;
+    selectCustomFontSize(cssSize: string, event: Event): void;
+    changeFontSize(fontSize: string): 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; }; "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/sections/testimonial-masonry/testimonial-masonry.component.d.ts

@@ -0,0 +1,30 @@
+import { OnInit } from '@angular/core';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
+import { EventsService } from '../../services/events.service';
+import BaseSection from '../BaseSection';
+import { TestimonialMasonryContentModel, TestimonialMasonryModel, TestimonialMasonryStyleModel } from './testimonial-masonry.model';
+import * as i0 from "@angular/core";
+export declare class TestimonialMasonryComponent extends BaseSection implements OnInit {
+    private _eventService;
+    data?: TestimonialMasonryModel | any;
+    edit?: boolean;
+    delete?: boolean;
+    customClass?: string;
+    nextComponentColor?: BackgroundModel;
+    index?: number;
+    content?: TestimonialMasonryContentModel;
+    styles?: TestimonialMasonryStyleModel;
+    screenWidth: number;
+    constructor(_eventService: EventsService);
+    ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
+    get activeItems(): import("./testimonial-masonry.model").TestimonialMasonryItemModel[];
+    getQuote(item: any): string;
+    getAuthor(item: any): string;
+    getRole(item: any): string;
+    getAvatarUrl(item: any): string;
+    editSection(): void;
+    getScreenSize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialMasonryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialMasonryComponent, "simpo-testimonial-masonry", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/sections/testimonial-masonry/testimonial-masonry.model.d.ts

@@ -0,0 +1,24 @@
+import { Image, InputTextModel, ListItemModal, StylesModel, BannerStylesModel, ActionModel } from '../../styles/style.model';
+export interface TestimonialMasonryModel {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: TestimonialMasonryContentModel;
+    styles: TestimonialMasonryStyleModel;
+    action?: ActionModel;
+}
+export interface TestimonialMasonryContentModel {
+    inputText: InputTextModel[];
+    display?: {
+        showImage?: boolean;
+        showCard?: boolean;
+    };
+    listItem: ListItemModal<TestimonialMasonryItemModel>;
+}
+export interface TestimonialMasonryItemModel {
+    status: boolean;
+    image: Image;
+    inputText: InputTextModel[];
+}
+export interface TestimonialMasonryStyleModel extends StylesModel, BannerStylesModel {
+}

package/lib/styles/gradient-extension.d.ts

@@ -0,0 +1,2 @@
+import { Extension } from '@tiptap/core';
+export declare const GradientExtension: Extension<any, any>;

package/lib/styles/text-size.extension.d.ts

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fontSize: {
+            setFontSize: (fontSize: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+export declare const FontSize: Extension<any, any>;

package/package.json

@@ -1,11 +1,20 @@
 {
   "name": "simpo-component-library",
-  "version": "3.6.859",
+  "version": "3.6.862",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",
     "@angular/material": "^17.2.1"
   },
+  "dependencies": {
+    "@tiptap/core": "^3.23.1",
+    "@tiptap/starter-kit": "^3.23.1",
+    "@tiptap/extension-text-style": "^3.23.1",
+    "@tiptap/extension-color": "^3.23.1",
+    "@tiptap/extension-underline": "^3.23.1",
+    "@tiptap/extension-text-align": "^3.23.1",
+    "tslib": "^2.3.0"
+  },
   "sideEffects": false,
   "module": "fesm2022/simpo-component-library.mjs",
   "typings": "index.d.ts",
@@ -19,8 +28,5 @@
       "esm": "./esm2022/simpo-component-library.mjs",
       "default": "./fesm2022/simpo-component-library.mjs"
     }
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
   }
 }

package/public-api.d.ts

@@ -49,6 +49,8 @@ export * from './lib/sections/scheme-detail/scheme-detail.component';
 export * from './lib/ecommerce/sections/schemes/schemes.component';
 export * from './lib/sections/image-grid-hotspot/image-grid-hotspot.component';
 export * from './lib/sections/testimonial-slider/testimonial-slider.component';
+export * from './lib/sections/testimonial-masonry/testimonial-masonry.component';
+export * from './lib/sections/testimonial-masonry/testimonial-masonry.model';
 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

@@ -82,11 +82,6 @@
       font-size: 18px !important;
       line-height: 20px !important;
     }
-
-    p {
-      font-size: 16px !important;
-      line-height: 21px !important;
-    }
   }
 
 }
@@ -117,11 +112,6 @@
       font-size: 16px;
       line-height: 24px;
     }
-
-    p {
-      font-size: 14px;
-      line-height: 21px;
-    }
   }
 
 }
@@ -151,11 +141,6 @@
     font-size: 16px;
     line-height: 24px;
   }
-
-  p {
-    font-size: 14px;
-    line-height: 21px;
-  }
 }
 
 .link-editor {