simpo-component-library 3.2.81 → 3.2.83

package/lib/sections/banner-grid-section/banner-grid-section.component.d.ts

@@ -2,7 +2,7 @@ import { OnInit } from '@angular/core';
 import { BannerGridSectionModel, BannerGridContentModel, BannerGridStylesModel } from './banner-grid-section.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
-import { BackgroundModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class BannerGridSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -17,6 +17,7 @@ export declare class BannerGridSectionComponent extends BaseSection implements O
     listItems: any;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     get canMergeNavbar(): boolean | undefined;
     get isBorderlessImage(): boolean | undefined;
     editSection(): void;

package/lib/sections/banner-section/banner-section.model.d.ts

@@ -1,4 +1,4 @@
-import { ActionModel, BannerStylesModel, Image, InputTextModel, ListItemModal } from './../../styles/style.model';
+import { ActionModel, BannerStylesModel, DisplaySection, Image, InputTextModel, ListItemModal } from './../../styles/style.model';
 export interface BannerSectionModel {
     id: string;
     sectionType: string;
@@ -16,6 +16,7 @@ export interface textModel {
 export interface BannerContentModel {
     inputText: InputTextModel[];
     image: ImageModel;
+    display: DisplaySection;
     listItem: ListItemModal<BannerListItem>;
 }
 export interface BannerListItem {

package/lib/sections/contact-us/contact-us.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { BackgroundModel, ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel, LayOutModel } from '../../styles/style.model';
 import { EventsService } from './../../services/events.service';
 import { ContactUsContentModel, ContactUsModel, ContactUsStylesModel } from './contact-us.modal';
 import BaseSection from '../BaseSection';
@@ -21,6 +21,7 @@ export declare class ContactUsComponent extends BaseSection implements OnInit {
     buttonId: string;
     constructor(_eventService: EventsService, platformId: Object, snackBar: MatSnackBar);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     screenSize(): void;
     screenWidth: any;
     getWidthByField(field: any): string;

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

@@ -2,7 +2,7 @@ import { OnInit } from '@angular/core';
 import BaseSection from '../BaseSection';
 import { EventsService } from '../../services/events.service';
 import { FeatureContentModel, FeatureStylesModel, FeatureSectionModel, FeatureItemModel } from './features-section.model';
-import { BackgroundModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class FeaturesSectionComponent extends BaseSection implements OnInit {
     private readonly _eventService;
@@ -19,6 +19,7 @@ export declare class FeaturesSectionComponent extends BaseSection implements OnI
     ngOnInit(): void;
     screenWidth: number;
     getScreenSize(event?: any): void;
+    get stylesLayout(): LayOutModel;
     selectedTabIndex: number;
     currentData?: FeatureItemModel;
     changetab(index: number): void;

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

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { ActionModel, BackgroundModel } from '../../styles/style.model';
+import { ActionModel, BackgroundModel, LayOutModel } from '../../styles/style.model';
 import { HeaderTextStylesModel } from './header-text.model';
 import BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
@@ -19,6 +19,7 @@ export declare class HeaderTextComponent extends BaseSection implements OnInit {
     styles?: HeaderTextStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HeaderTextComponent, "simpo-header-text", 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-grid-section/image-grid-section.component.d.ts

@@ -3,7 +3,7 @@ import { ImageGridContentModal, ImageGridSectionModel, ImageGridStylesModel } fr
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
-import { BackgroundModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ImageGridSectionComponent extends BaseSection {
     private _eventService;
@@ -18,6 +18,7 @@ export declare class ImageGridSectionComponent extends BaseSection {
     style?: ImageGridStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     get headingSpace(): SPACING;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGridSectionComponent, never>;

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

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { ActionModel, BackgroundModel } from '../../styles/style.model';
+import { ActionModel, BackgroundModel, LayOutModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
 import { LogoShowcaseContentModel, LogoShowcaseSection, LogoShowcaseStylesModel } from './logo-showcase.modal';
@@ -22,6 +22,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     isFullWidth: boolean;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     get animationDuration(): logoSpeed;
     get animationDirection(): logoDirection.Left | "reverse" | "normal";
     screenWidth: number;

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

@@ -0,0 +1,30 @@
+import { NewServicesContentModel, NewServicesModel, NewServicesStylesModel } from './new-services.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
+import BaseSection from '../BaseSection';
+import { EventsService } from '../../services/events.service';
+import * as i0 from "@angular/core";
+export declare class NewServicesComponent extends BaseSection {
+    private _eventService;
+    data?: NewServicesModel;
+    edit?: boolean;
+    delete?: boolean;
+    customClass?: string;
+    nextComponentColor?: BackgroundModel;
+    content?: NewServicesContentModel;
+    styles?: NewServicesStylesModel;
+    constructor(_eventService: EventsService);
+    ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
+    selectedImage: string | undefined;
+    idx: number;
+    index: number;
+    getImageData(): import("../../styles/style.model").Image | undefined;
+    getImageUrl(): string | undefined;
+    editSection(): void;
+    stopPropagation(event: any): void;
+    screenWidth: any;
+    getScreenSize(): void;
+    getGradientDirection(direction: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NewServicesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewServicesComponent, "simpo-new-services", 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; }; }, {}, never, never, true, never>;
+}

package/lib/sections/new-services/new-services.model.d.ts

@@ -0,0 +1,19 @@
+import { ListItemModal, StylesModel, Image, InputTextModel, ActionModel, BannerStylesModel } from './../../styles/style.model';
+export interface NewServicesModel {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: NewServicesContentModel;
+    styles: NewServicesStylesModel;
+    action: ActionModel;
+}
+export interface NewServicesContentModel {
+    inputText: InputTextModel[];
+    listItem: ListItemModal<NewServicesItemModel>;
+}
+export interface NewServicesItemModel {
+    inputText: InputTextModel[];
+    image: Image;
+}
+export interface NewServicesStylesModel extends StylesModel, BannerStylesModel {
+}

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

@@ -0,0 +1,30 @@
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
+import BaseSection from '../BaseSection';
+import { EventsService } from '../../services/events.service';
+import { NewTestimonialsContentModel, NewTestimonialsModel, NewTestimonialsStyleModel } from './new-testimonials.model';
+import * as i0 from "@angular/core";
+export declare class NewTestimonialsComponent extends BaseSection {
+    private _eventService;
+    data?: NewTestimonialsModel;
+    edit?: boolean;
+    delete?: boolean;
+    customClass?: string;
+    nextComponentColor?: BackgroundModel;
+    index?: number;
+    content?: NewTestimonialsContentModel;
+    styles?: NewTestimonialsStyleModel;
+    constructor(_eventService: EventsService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    get stylesLayout(): LayOutModel;
+    idx: number;
+    getImageData(): import("../../styles/style.model").Image | undefined;
+    getImageUrl(): string | undefined;
+    getImageType(): import("simpo-component-library").FILE_TYPE | undefined;
+    editSection(): void;
+    stopPropagation(event: any): void;
+    screenWidth: any;
+    getScreenSize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NewTestimonialsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NewTestimonialsComponent, "simpo-new-testimonials", 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/new-testimonials/new-testimonials.model.d.ts

@@ -0,0 +1,19 @@
+import { ListItemModal, StylesModel, Image, InputTextModel, ActionModel, BannerStylesModel } from './../../styles/style.model';
+export interface NewTestimonialsModel {
+    id: string;
+    sectionType: string;
+    sectionName: string;
+    content: NewTestimonialsContentModel;
+    styles: NewTestimonialsStyleModel;
+    action: ActionModel;
+}
+export interface NewTestimonialsContentModel {
+    inputText: InputTextModel[];
+    listItem: ListItemModal<NewTestimonialsItemModel>;
+}
+export interface NewTestimonialsItemModel {
+    inputText: InputTextModel[];
+    image: Image;
+}
+export interface NewTestimonialsStyleModel extends StylesModel, BannerStylesModel {
+}

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

@@ -1,5 +1,5 @@
 import { PricingSectionContentModal, PricingSectionModal, PricingSectionStylesModel } from './pricing-section.modal';
-import { BackgroundModel, ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel, LayOutModel } from '../../styles/style.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
@@ -17,6 +17,7 @@ export declare class PricingSectionComponent extends BaseSection {
     style?: PricingSectionStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     getTextColor(): "#ffffff" | "#000000";
     get headingSpace(): SPACING;
     editSection(): void;

package/lib/sections/service-section/service-section.model.d.ts

@@ -16,6 +16,7 @@ export interface Display extends DisplaySection {
     showIcon: boolean;
 }
 export interface ServiceStylesModel extends StylesModel, CardStyles {
+    direction: "ROW" | "COLUMN";
 }
 export interface ServiceItemModal {
     image: Image;

package/lib/sections/team-member-section/team-member-section.component.d.ts

@@ -1,7 +1,7 @@
 import { TeamMemberContentModal, TeamMemberSectionModal, TeamMemberStylesModel } from './team-member-section.model';
 import { TextPosition } from '../../styles/index';
 import { EventsService } from '../../services/events.service';
-import { BackgroundModel, ButtonModel } from '../../styles/style.model';
+import { BackgroundModel, ButtonModel, LayOutModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
@@ -20,6 +20,7 @@ export declare class TeamMemberSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     get headingSpace(): SPACING;
+    get stylesLayout(): LayOutModel;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TeamMemberSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TeamMemberSectionComponent, "simpo-team-member-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/testimonial-fullwidth/testimonial-fullwidth.component.d.ts

@@ -1,6 +1,6 @@
 import { TextPosition } from '../../styles/index';
 import { EventsService } from '../../services/events.service';
-import { BackgroundModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
 import { TestimonialFullwidthContentModel, TestimonialFullwidthSectionModel, TestimonialFullwidthStylesModel } from './testimonial-fullwidth.model';
 import * as i0 from "@angular/core";
@@ -17,6 +17,7 @@ export declare class TestimonialFullwidthComponent extends BaseSection {
     style?: TestimonialFullwidthStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialFullwidthComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialFullwidthComponent, "simpo-testimonial-fullwidth", 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/testimonial-section/testimonial-section.component.d.ts

@@ -20,6 +20,7 @@ export declare class TestimonialSectionComponent extends BaseSection {
     ngOnInit(): void;
     get headingSpace(): SPACING;
     get getLayout(): LayOutModel;
+    get stylesLayout(): LayOutModel;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialSectionComponent, "simpo-testimonial-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/text-image-section/text-image-section.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { BackgroundModel, BannerStylesModel } from '../../styles/style.model';
+import { BackgroundModel, BannerStylesModel, LayOutModel } from '../../styles/style.model';
 import { TextImageContentModel, TextImageSectionModel } from './text-image-section.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
@@ -16,6 +16,7 @@ export declare class TextImageSectionComponent extends BaseSection implements On
     styles?: BannerStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     editSection(): void;
     get canMergeNavbar(): boolean | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextImageSectionComponent, never>;

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, GRADIENT_DIRECTION } 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 } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -157,6 +157,7 @@ export interface Image {
     url: string;
     blurhash: string;
     altText: string;
+    type?: FILE_TYPE;
     position: PositionModel;
 }
 export interface Icon {

package/lib/styles/types.d.ts

@@ -18,5 +18,6 @@ export type SITE_NAME_LOGo = 'custom' | 'same as header';
 export type INPUT_FIELDS_TYPE = "text" | "number" | "desc" | "password" | "checkbox" | "option" | "money" | "rating" | "dropdown" | "address" | "email" | "date" | "radioButton";
 export type MAP_STYLE = 'Streets' | 'Outdoors' | 'Light' | 'Dark' | 'Satellite' | 'Satellite_street' | 'navigation_day' | 'navigation_night';
 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';

package/package.json

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

package/public-api.d.ts

@@ -38,6 +38,8 @@ 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/sections/header-section/header-section.component';
+export * from './lib/sections/new-testimonials/new-testimonials.component';
+export * from './lib/sections/new-services/new-services.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

@@ -171,6 +171,11 @@
     max-width: 100% !important;
   }
 
+  .add-section{
+    width: 100% !important;
+    max-width: 100% !important;
+  }
+
 }
 
 .mat-mdc-form-field-subscript-wrapper {