simpo-component-library 3.6.56 → 3.6.60

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

@@ -11,7 +11,7 @@ export declare class BackgroundDirective implements OnChanges {
     constructor(el: ElementRef, eventService: EventsService);
     ngOnDestroy(): void;
     ngOnChanges(change: SimpleChanges): void;
-    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<BackgroundDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BackgroundDirective, "[simpoBackground]", never, { "simpoBackground": { "alias": "simpoBackground"; "required": false; }; "scrollValue": { "alias": "scrollValue"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -16,7 +16,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, backgroundInfo?: BackgroundModel): void;
     applyButtonShape(style: ButtonStyleModel): void;
-    getTextColor(bgColor: string): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(bgColor: string): "#000000" | "#ffffff" | "#ffffff;";
     buttonStyleSubscription?: Subscription;
     buttonStyleChangeCheck(): void;
     changeButtonStyle(id: any, style: ButtonStyleModel, backgroundInfo: BackgroundModel): void;

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

@@ -1,5 +1,5 @@
 import { ElementRef } from '@angular/core';
-import { Button } from '../styles/style.model';
+import { BackgroundModel, Button, ButtonStyleModel } from '../styles/style.model';
 import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
 export declare class ButtonEditorDirective {
@@ -7,6 +7,10 @@ export declare class ButtonEditorDirective {
     private matDialog;
     appButtonEditor: boolean;
     buttonData?: Button;
+    buttonStyle?: ButtonStyleModel;
+    backgroundInfo?: BackgroundModel;
+    sectionId?: string;
+    buttonId: string;
     private mouseEnterSub?;
     private mouseLeaveSub?;
     private clickSub?;
@@ -18,5 +22,5 @@ export declare class ButtonEditorDirective {
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonEditorDirective, "button[appButtonEditor]", never, { "appButtonEditor": { "alias": "appButtonEditor"; "required": false; }; "buttonData": { "alias": "buttonData"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "backgroundInfo": { "alias": "backgroundInfo"; "required": false; }; "sectionId": { "alias": "sectionId"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/directive/color.directive.d.ts

@@ -12,7 +12,7 @@ export declare class ColorDirective implements OnChanges {
     ngOnDestroy(): void;
     applyColor(): void;
     bgColorChangeCheck(): void;
-    getTextColor(): "#ffffff" | "#000000" | "#ffffff;";
+    getTextColor(): "#000000" | "#ffffff" | "#ffffff;";
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ColorDirective, "[simpoColor]", never, { "bgColor": { "alias": "simpoColor"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -2,24 +2,30 @@ import { Button } from '../../styles/style.model';
 import { RedirectionLinkType } from '../../styles/index';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ElementServiceService } from '../editor-service.service';
+import { EventsService } from '../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class LinkEditorComponent {
     private editorService;
     dialogRef: MatDialogRef<LinkEditorComponent>;
     data: any;
+    private eventService;
     link: Button;
     RedirectionLink: typeof RedirectionLinkType;
     externalLinkType: Array<type>;
     selectedType: RedirectionLinkType;
     linkType: any[];
+    buttonTypes: any[];
+    buttonShapes: any[];
     templatePage: any[];
     addLink: boolean;
-    constructor(editorService: ElementServiceService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any);
+    constructor(editorService: ElementServiceService, dialogRef: MatDialogRef<LinkEditorComponent>, data: any, eventService: EventsService);
     ngOnInit(): void;
     closeDialog(): void;
     getTemplatePage(): void;
     changeType(type: RedirectionLinkType): void;
     addNewLink(): void;
+    buttonStyles: any;
+    changeButtonStyle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LinkEditorComponent, "simpo-link-editor", never, {}, {}, never, never, true, never>;
 }

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

@@ -70,6 +70,8 @@ export declare class HeaderSectionComponent implements OnInit {
     getValues(object: any): unknown[];
     get userGender(): import("../../ecommerce/styles/user.modal").GENDER | null;
     get getNavbarButton(): any[];
+    isScrolled: boolean;
+    onWindowScroll(): void;
     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/pricing-section/pricing-section.component.d.ts

@@ -18,7 +18,7 @@ export declare class PricingSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get stylesLayout(): LayOutModel;
-    getTextColor(): "#ffffff" | "#000000";
+    getTextColor(): "#000000" | "#ffffff";
     get headingSpace(): SPACING;
     editSection(): void;
     redirectTo(): void;

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

@@ -21,6 +21,7 @@ export declare class ProcessSectionComponent extends BaseSection {
     get stylesLayout(): LayOutModel;
     get getJustifyContent(): string;
     editSection(): void;
+    getLength(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProcessSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProcessSectionComponent, "simpo-process-section", 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/process-section/process-section.modal.d.ts

@@ -1,4 +1,5 @@
 import { BannerStylesModel, CardStyles, Image, InputTextModel, ListItemModal } from './../../styles/style.model';
+import { PROCESS_SECTION_DISPLAY_STYLE } from './../../styles/types';
 export interface ProcessSectionModel {
     id: string;
     sectionType: string;
@@ -15,6 +16,7 @@ export interface ProcessSectionContentModel {
     listItem: ListItemModal<ProcessSectionItemModal>;
 }
 export interface ProcessSectionStylesModel extends BannerStylesModel, CardStyles {
+    processSectionDisplayStyle: PROCESS_SECTION_DISPLAY_STYLE;
 }
 export interface ProcessSectionItemModal {
     image: Image;

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

@@ -1,5 +1,5 @@
 import { AlignContent, Corners, DeviderType, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
-import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION, CONTENT_ANIMATION } from './types';
+import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, BORDER_DIRECTION, BACKGROUND_TYPE, FILE_TYPE, GRADIENT_DIRECTION, CONTENT_ANIMATION, BACKGROUND_ANIMATION } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -64,6 +64,7 @@ export interface BackgroundModel {
     accentBackgroundType: BACKGROUND_TYPE;
     secondaryColor: string;
     backgroundGradientDirection: GRADIENT_DIRECTION;
+    backgroundAnimation?: BACKGROUND_ANIMATION;
 }
 export interface AnimationModel {
     type: ANIMATION_DIRECTION;
@@ -90,6 +91,7 @@ export interface DisplaySection {
     showIcon: boolean;
     linkType: LINK_TYPE;
     showHeadline: boolean;
+    showShrinkingHeader: boolean;
 }
 export interface Button {
     linkType: RedirectionLinkType;

package/lib/styles/types.d.ts

@@ -9,8 +9,8 @@ export type ANIMATION_DIRECTION = 'left' | 'top' | 'bottom' | 'right' | 'fadeIn'
 export type BORDER_DIRECTION = "ALL" | "LEFT" | "RIGHT" | "TOP" | "BOTTOM";
 export type ANIMATION_SPEED = 'slow' | 'medium' | 'fast';
 export type LINK_TYPE = 'Button' | 'List Item';
-export type BUTTON_TYPE = 'Solid' | 'Outline';
-export type BUTTON_SHAPE = 'Round' | 'Square';
+export type BUTTON_TYPE = 'Solid' | 'Outline' | 'Text';
+export type BUTTON_SHAPE = 'Round' | 'Square' | 'Curve';
 export type FOOTER_IMAGE_SOURCE = 'BRANDING' | 'UPLOAD';
 export type SOCIAL_ICON_SIZE = 'large' | 'medium' | 'small';
 export type SOCIAL_ICON_SHAPE = 'circle' | 'square' | 'rounded';
@@ -22,3 +22,5 @@ export type BANNER_TRANSITION = 'Horizontal' | 'Animated';
 export type FILE_TYPE = 'Image' | 'Video';
 export type BACKGROUND_TYPE = 'Solid' | 'Gradient';
 export type GRADIENT_DIRECTION = 'DOWN' | 'RIGHT' | 'DIAGONAL_RIGHT' | 'DIAGONAL_LEFT';
+export type BACKGROUND_ANIMATION = 'NONE' | 'DANCING_DOTS' | 'SCATTERING_DOTS' | '';
+export type PROCESS_SECTION_DISPLAY_STYLE = 'STYLE1' | 'STYLE2';

package/package.json

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