simpo-component-library 3.2.80 → 3.2.82

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.7" | "0.5" | "0.3" | "0.2";
-    opacityValue(value: OverlayValue): "0" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "0";
+    opacityValue(value: OverlayValue): "0.2" | "0.3" | "0.5" | "0.7" | "0";
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerCarouselComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BannerCarouselComponent, "simpo-banner-carousel", 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/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/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/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/image-section/image-section.component.d.ts

@@ -20,8 +20,8 @@ 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";
-    opacityValue(value: OverlayValue): "1" | "0.7" | "0.5" | "0.3" | "0.2";
+    get getBackgroundOpacity(): "0.2" | "0.3" | "0.5" | "0.7" | "1";
+    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

@@ -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,8 +22,9 @@ 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";
+    get animationDirection(): "reverse" | "normal" | logoDirection.Left;
     screenWidth: number;
     getScreenSize(event?: number): void;
     editSection(): void;

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(): "#000000" | "#ffffff";
     get headingSpace(): SPACING;
     editSection(): void;

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.80",
+  "version": "3.2.82",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",

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 {