simpo-component-library 3.6.243 → 3.6.250

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

@@ -1,10 +1,16 @@
 import { ElementRef } from '@angular/core';
+import { Icon } from '../styles/style.model';
+import { EventsService } from '../services/events.service';
 import * as i0 from "@angular/core";
 export declare class IconDirectiveDirective {
+    private eventsService;
     private el;
-    iconData: any;
-    constructor(el: ElementRef);
+    iconData?: Icon;
+    iconId: string;
+    constructor(eventsService: EventsService, el: ElementRef);
+    ngOnInit(): void;
     ngOnChanges(): void;
+    private updateIconStyles;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconDirectiveDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirectiveDirective, "[simpoIconDirective]", never, { "iconData": { "alias": "simpoIconDirective"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconDirectiveDirective, "[simpoIconDirective]", never, { "iconData": { "alias": "simpoIconDirective"; "required": false; }; "iconId": { "alias": "iconId"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import { Image } from '../styles/style.model';
 import { MatDialog } from '@angular/material/dialog';
 import { EventsService } from '../services/events.service';
 import { Router } from '@angular/router';
+import { Icon } from '../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ImageEditorDirective implements OnInit, OnDestroy {
     private el;
@@ -12,6 +13,8 @@ export declare class ImageEditorDirective implements OnInit, OnDestroy {
     appImageEditor: boolean;
     imageData?: Image;
     sectionId?: string;
+    showIcon?: boolean;
+    iconData?: Icon;
     private mouseEnterSub?;
     private mouseLeaveSub?;
     private clickSub?;
@@ -24,5 +27,5 @@ export declare class ImageEditorDirective implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     redirectTo(): 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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageEditorDirective, "[appImageEditor]", never, { "appImageEditor": { "alias": "appImageEditor"; "required": false; }; "imageData": { "alias": "imageData"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconData": { "alias": "iconData"; "required": false; }; }, {}, never, never, true, never>;
 }

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

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

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

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

package/lib/elements/below-image-card/below-image-card.component.d.ts

@@ -16,6 +16,8 @@ export declare class BelowImageCardComponent {
     getContentAnimation(): {
         contentAnimation: any;
     };
+    get getIconStyls(): any;
+    ngOnChanges(): void;
     getAlignment(): "justify-items-start" | "justify-items-end" | "justify-items-center";
     static ɵfac: i0.ɵɵFactoryDeclaration<BelowImageCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BelowImageCardComponent, "simpo-below-image-card", never, { "data": { "alias": "data"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "content": { "alias": "content"; "required": false; }; "componentId": { "alias": "componentId"; "required": false; }; "button": { "alias": "button"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -1,6 +1,6 @@
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { EventsService } from '../../services/events.service';
-import { Button, Image } from '../../styles/style.model';
+import { Button, Icon, Image } from '../../styles/style.model';
 import { ElementServiceService } from '../editor-service.service';
 import { RedirectionLinkType } from '../../styles/index';
 import * as i0 from "@angular/core";
@@ -12,6 +12,7 @@ export declare class ImageEditorComponent {
     private matDialog;
     constructor(eventsService: EventsService, editorService: ElementServiceService, dialogRef: MatDialogRef<ImageEditorComponent>, data: any, matDialog: MatDialog);
     imageData: Image;
+    iconData: Icon;
     sectionId: string;
     private backDrop;
     link: Button;
@@ -22,6 +23,7 @@ export declare class ImageEditorComponent {
     min: number;
     imgLoader: boolean;
     updateImage(): Promise<void>;
+    changeIconColor(): void;
     horizontalPosition(): void;
     deleteImage(): void;
     linkType: any[];
@@ -40,6 +42,7 @@ export declare class ImageEditorComponent {
     categoryPath: any;
     addCategoryToPath(): void;
     onPageChange(event: any): void;
+    imageHelperFunction(): Promise<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

@@ -29,7 +29,7 @@ export declare class LinkEditorComponent {
     changeButtonStyle(): void;
     getContrastTextColor(backgroundHex: any): void;
     backgroundType: string[];
-    setBorderRadius(): "0px" | "7px" | "99px";
+    setBorderRadius(): "0px" | "99px" | "7px";
     setBorder(): string;
     setColor(): any;
     setBackground(): any;

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(): void;
-    getClass(): "col-4" | "col-3" | "col-12" | "col-5";
+    getClass(): "col-4" | "col-12" | "col-5" | "col-3";
     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/sections/banner-carousel/banner-carousel.component.d.ts

@@ -25,8 +25,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(): "0" | "0.2" | "0.3" | "0.5" | "0.7";
-    opacityValue(value: OverlayValue): "0" | "0.2" | "0.3" | "0.5" | "0.7";
+    get getBackgroundOpacity(): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     getScreenSize(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerCarouselComponent, never>;

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.2" | "0.3" | "0.5" | "0.7";
+    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
     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(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    get getBackgroundOpacity(): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     get stylesLayout(): LayOutModel;
-    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
     editSection(): void;
     redirectTo(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;

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

@@ -22,10 +22,9 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     isFullWidth: boolean;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
-    leftOrRight: any;
     get stylesLayout(): LayOutModel;
     get animationDuration(): logoSpeed;
-    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
+    get animationDirection(): logoDirection.Left | "reverse" | "normal";
     get isMobile(): boolean;
     get getPositionLayout(): PositionLayoutModal;
     screenWidth: number;

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

@@ -1,4 +1,4 @@
-import { Image, ImageStyle, StylesModel, ActionModel, InputTextModel, ListItemModal, PositionLayoutModal, DisplaySection } from "./../../styles/style.model";
+import { ImageStyle, StylesModel, ActionModel, InputTextModel, ListItemModal, PositionLayoutModal, DisplaySection, Icon } from "./../../styles/style.model";
 import { Corners, logoDirection, logoSpeed, logoType, showCaseType, AlignContent } from './../../styles/index';
 import { CARD_SIZE, LOGO_POSITION } from './../../styles/types';
 export interface LogoShowcaseSection {
@@ -15,11 +15,10 @@ export interface LogoShowcaseContentModel {
     listItem: ListItemModal<LogoShowcaseItemModel>;
 }
 export interface Display extends DisplaySection {
-    showIcon: boolean;
     showButtonOnHover: boolean;
 }
 export interface LogoShowcaseItemModel {
-    image: Image;
+    icon: Icon;
     inputText: InputTextModel[];
 }
 export interface LogoShowcaseStylesModel extends StylesModel {

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

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

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(): void;
-    getClass(): "col-6" | "col-4" | "col-3" | "col-12";
+    getClass(): "col-4" | "col-12" | "col-6" | "col-3";
     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/services/events.service.d.ts

@@ -46,6 +46,7 @@ export declare class EventsService implements OnInit {
     showBagIcon: EventEmitter<boolean>;
     formFieldChanged: EventEmitter<unknown>;
     elementHeight: EventEmitter<unknown>;
+    iconChanged: EventEmitter<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EventsService>;
 }

package/lib/styles/style.model.d.ts

@@ -169,7 +169,9 @@ export interface Image {
     content?: Button;
 }
 export interface Icon {
+    id?: string;
     url: string;
+    altText?: string;
     color: string;
     showBackground?: boolean;
     backgroundColor?: string;

package/package.json

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