simpo-component-library 3.6.846 → 3.6.847

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/components/input-fields/input-fields.component.d.ts

@@ -13,7 +13,7 @@ export declare class InputFieldsComponent implements OnChanges {
     constructor(elementRef: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     handleMoneyInput(event: any): void;
-    get getTextColor(): "#FFF" | "#000";
+    get getTextColor(): "#000" | "#FFF";
     interpolateColor(color1: string, color2: string, factor: number): string;
     padZero(str: string, length: number): string;
     generateColorBasedOnNumber(number: number): string;

package/lib/ecommerce/sections/authentication-required/authentication-required.component.d.ts

@@ -94,7 +94,7 @@ export declare class AuthenticationRequiredComponent extends BaseSection {
     validateNumber(event: KeyboardEvent): void;
     validateOTP(event: KeyboardEvent): void;
     checkStrength(): void;
-    getStrengthColor(index: number): "yellow" | "tomato" | "#d3d3d3ba" | "orange" | "lightgreen";
+    getStrengthColor(index: number): "tomato" | "#d3d3d3ba" | "orange" | "yellow" | "lightgreen";
     emailDebounceTimer: any;
     onEmailChange(): void;
     emailCheck: boolean;

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

@@ -124,7 +124,7 @@ export declare class ProductDescComponent extends BaseSection {
     getTextColor(color: any): "#000000" | "#ffffff";
     languages: string[];
     selectedLang: string;
-    getClass(map: any): "col-4" | "col-6" | "col-3" | "width-max";
+    getClass(map: any): "col-6" | "col-4" | "col-3" | "width-max";
     onFindInStore(id: string): void;
     onBookAppointment(): void;
     isDetails: boolean;

package/lib/ecommerce/sections/schemes/schemes.component.d.ts

@@ -21,7 +21,7 @@ export declare class SchemesComponent extends BaseSection {
     get stylesLayout(): LayOutModel;
     get spacingLayout(): SpacingModel;
     getParentClass(): "" | "overflow-scroll flex-nowrap";
-    getClass(index: number): "col-12" | "col-6" | "col-6 mb-2" | "col-12 mb-2";
+    getClass(index: number): "col-12" | "col-6 mb-2" | "col-12 mb-2" | "col-6";
     showSchemeDetails(scheme: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SchemesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SchemesComponent, "simpo-schemes", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;

package/lib/elements/pricing-s1/pricing-s1.component.d.ts

@@ -15,7 +15,7 @@ export declare class PricingS1Component extends BaseSection {
     editSection(): void;
     getButtonId(): string;
     redirectTo(data: any): void;
-    getClass(): "col-4" | "col-12" | "col-5";
+    getClass(): "col-12" | "col-4" | "col-5";
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingS1Component, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingS1Component, "simpo-pricing-s1", never, { "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,65 +1,50 @@
-import { ElementRef, EventEmitter, NgZone } from '@angular/core';
-import { ElementServiceService } from '../editor-service.service';
+import { ElementRef, EventEmitter, OnDestroy, AfterViewInit } from '@angular/core';
+import { Editor } from '@tiptap/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;
+    editor: Editor;
+    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';
     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;
+    ngAfterViewInit(): void;
+    initializeEditor(): void;
+    savedSelection: any;
     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;
+    onMouseDown(): void;
+    isFontSizeMenuOpen: boolean;
+    toolbarData: any;
+    toggleFontSizeMenu(event: Event): void;
+    getDisplayFontSize(): string;
+    selectCustomFontSize(cssSize: string, event: Event): void;
+    changeFontSize(fontSize: string): void;
+    changeColor(): void;
+    applyGradient(): 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/banner-carousel/banner-carousel.component.d.ts

@@ -33,8 +33,8 @@ export declare class BannerCarouselComponent extends BaseSection implements OnIn
     get stylesLayout(): LayOutModel;
     get getBlurValue(): "NONE" | "LIGHT" | "MODERATE" | "STRONG" | "VERY_STRONG" | undefined;
     get getBackgroundColor(): BackgroundModel;
-    get getBackgroundOpacity(): "1" | "0" | "0.7" | "0.5" | "0.6" | "0.8";
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.6" | "0.8";
+    get getBackgroundOpacity(): "0.5" | "0.7" | "0" | "0.6" | "0.8" | "1";
+    opacityValue(value: OverlayValue): "0.5" | "0.7" | "0.6" | "0.8" | "1";
     editSection(): void;
     getScreenSize(): number;
     getSectionMinHeight(): string;

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

@@ -25,7 +25,7 @@ export declare class CarouselBannerComponent extends BaseSection implements OnIn
     get canMergeNavbar(): boolean | undefined;
     get isBorderlessImage(): boolean | undefined;
     get getPositionLayout(): PositionLayoutModal;
-    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     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; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -20,9 +20,9 @@ export declare class ImageSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get canMergeNavbar(): boolean | undefined;
-    get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
     get stylesLayout(): LayOutModel;
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

package/lib/sections/logo-showcase/logo-showcase.component.d.ts

@@ -23,8 +23,8 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    get animationDuration(): "3s" | "4s" | logoSpeed.Normal | "18s" | "6s" | "5s";
-    get animationDirection(): logoDirection.Left | "reverse" | "normal";
+    get animationDuration(): "18s" | "6s" | "5s" | "4s" | "3s" | logoSpeed.Normal;
+    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
     get isMobile(): boolean;
     get getPositionLayout(): PositionLayoutModal;
     screenWidth: number;

package/lib/sections/new-testimonials/new-testimonials.component.d.ts

@@ -24,7 +24,7 @@ export declare class NewTestimonialsComponent extends BaseSection {
     idx: number;
     getImageData(): import("../../styles/style.model").Image | undefined;
     getImageUrl(): string | undefined;
-    getImageType(): "Image" | "Video";
+    getImageType(): "Video" | "Image";
     getLength(): number;
     editSection(): void;
     stopPropagation(event: any): void;

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

@@ -23,7 +23,7 @@ export declare class PricingSectionComponent extends BaseSection {
     getButtonId(): string;
     editSection(): void;
     redirectTo(data: any): void;
-    getClass(): "col-4" | "col-12" | "col-6" | "col-3";
+    getClass(): "col-12" | "col-6" | "col-4" | "col-3";
     getAlignment(): "justify-content-start" | "justify-content-center" | "justify-content-end";
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingSectionComponent, "simpo-pricing-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, 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: (size: string) => ReturnType;
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+export declare const FontSize: Extension<any, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "simpo-component-library",
-  "version": "3.6.846",
+  "version": "3.6.847",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.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';