simpo-component-library 2.1.57 → 2.1.58

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

@@ -15,7 +15,7 @@ export declare class ButtonDirectiveDirective implements OnChanges {
     applyButtonStyleChanges(): void;
     applyButtonType(style: ButtonStyleModel, color: string): 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, bgColor: string): void;

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/directive/spacing-around.directive.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from '@angular/core';
+import { LayOutModel } from '../styles/style.model';
+import { Subscription } from 'rxjs';
+import { EventsService } from '../services/events.service';
+import * as i0 from "@angular/core";
+export declare class SpacingAroundDirective {
+    private el;
+    private eventService;
+    layout?: LayOutModel;
+    constructor(el: ElementRef, eventService: EventsService);
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    changeAroundSpacing(): void;
+    positionLayoutSubscription?: Subscription;
+    positionLayoutChangeCheck(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpacingAroundDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SpacingAroundDirective, "[spacingAround]", never, { "layout": { "alias": "spacingAround"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/elements/index.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "./simpo-button/simpo-button.component";
 import * as i8 from "./socia-icons/socia-icons.component";
 import * as i9 from "./card-skeleton-loader/card-skeleton-loader.component";
 import * as i10 from "./svg-divider/svg-divider.component";
+import * as i11 from "./property/property.component";
 export declare class SimpoElementsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SimpoElementsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SimpoElementsModule, never, [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent], [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SimpoElementsModule, never, [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent, typeof i11.PropertyComponent], [typeof i1.ButtonElementComponent, typeof i2.TextElementComponent, typeof i3.BelowImageCardComponent, typeof i4.TopOfImageCardComponent, typeof i5.CoveringImageCardComponent, typeof i6.HeadingElementComponent, typeof i7.SimpoButtonComponent, typeof i8.SociaIconsComponent, typeof i9.CardSkeletonLoaderComponent, typeof i10.SvgDividerComponent, typeof i11.PropertyComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SimpoElementsModule>;
 }

package/lib/elements/property/property.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class PropertyComponent {
+    obj: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyComponent, "simpo-property", never, {}, {}, 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.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/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/choose-us-section/choose-us-section.component.d.ts

@@ -2,7 +2,7 @@ import { OnInit } from '@angular/core';
 import BaseSection from '../BaseSection';
 import { EventsService } from './../../services/events.service';
 import { ChooseUsContentModal, ChooseUsStylesModel, ContactUsSectionModal } from './choose-us-section.model';
-import { BackgroundModel } from '../../styles/style.model';
+import { BackgroundModel, LayOutModel } from '../../styles/style.model';
 import * as i0 from "@angular/core";
 export declare class ChooseUsSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -16,6 +16,7 @@ export declare class ChooseUsSectionComponent extends BaseSection implements OnI
     styles?: ChooseUsStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
     editSection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChooseUsSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChooseUsSectionComponent, "simpo-choose-us-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/choose-us-section/choose-us-section.model.d.ts

@@ -1,4 +1,4 @@
-import { CardStyles, InputTextModel, ListItemModal, StylesModel, PositionLayoutModal } from './../../styles/style.model';
+import { CardStyles, InputTextModel, ListItemModal, StylesModel, PositionLayoutModal, DisplaySection } from './../../styles/style.model';
 import { AlignContent } from '../../styles/index';
 export interface ContactUsSectionModal {
     id: string;
@@ -9,6 +9,7 @@ export interface ContactUsSectionModal {
 }
 export interface ChooseUsContentModal {
     inputText: InputTextModel[];
+    display: DisplaySection;
     listItem: ListItemModal<ServiceItemModal>;
 }
 export interface ChooseUsStylesModel extends StylesModel, CardStyles {

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-gallery/logo-gallery.component.d.ts

@@ -2,21 +2,26 @@ import { LogoGalleryContentModal, LogoGallerySectionMOdal, LogoGalleryStylesMode
 import BaseSection from '../BaseSection';
 import { SPACING } from '../../styles/index';
 import { BackgroundModel } from '../../styles/style.model';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class LogoGalleryComponent extends BaseSection {
+    private _eventService;
     data?: LogoGallerySectionMOdal;
     index?: number;
     edit?: boolean;
     customClass?: string;
     nextComponentColor?: BackgroundModel;
+    delete?: boolean;
     content?: LogoGalleryContentModal;
     style?: LogoGalleryStylesModel;
-    constructor();
+    constructor(_eventService: EventsService);
     screenWidth: any;
     getScreenSize(): void;
     ngOnInit(): void;
     get headingSpace(): SPACING;
     isEvenRow(index: number): boolean;
+    editSection(): void;
+    stopPropagation(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LogoGalleryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LogoGalleryComponent, "simpo-logo-gallery", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoGalleryComponent, "simpo-logo-gallery", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -23,7 +23,7 @@ export declare class LogoShowcaseComponent extends BaseSection implements OnInit
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     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/navbar-section/navbar-section.component.d.ts

@@ -48,7 +48,7 @@ export declare class NavbarSectionComponent implements OnInit {
     getScreenSize(event?: number): void;
     get getParentHeight(): any;
     get getDropdownLinks(): string[];
-    get isEcommerceWebsite(): boolean;
+    get isEcommerceWebsite(): "E_COMMERCE" | "REAL_ESTATE" | "STATIC";
     close(): void;
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;
@@ -62,7 +62,7 @@ export declare class NavbarSectionComponent implements OnInit {
     showSearchBar: boolean;
     get isComponentMerged(): any;
     editSection(): void;
-    get canShowMobileFooter(): boolean;
+    get canShowMobileFooter(): "E_COMMERCE" | "REAL_ESTATE" | "STATIC";
     get showMobileHomeIcon(): boolean;
     get getCartItemsCount(): number;
     get getHeaderStyling(): HEADER_STYLING | undefined;

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

@@ -9,7 +9,7 @@ export interface HeaderSectionModel {
     content: HeaderContentModel;
     styles: HeaderStyleModel;
     action: ActionModel;
-    type: 'STATIC' | 'E_COMMERCE';
+    type: 'STATIC' | 'E_COMMERCE' | 'REAL_ESTATE';
 }
 export interface HeaderContentModel {
     siteName: InputTextModel;

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

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

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

@@ -26,6 +26,7 @@ export interface LayOutModel {
     headingSpacing?: SPACING;
     spacing: SpacingModel;
     spacingHorizontal?: SPACING_TYPE;
+    spacingAround?: SPACING_TYPE;
 }
 export interface BannerLayOutModel {
     layoutAlignment: PositionLayoutModal;
@@ -76,6 +77,8 @@ export interface DisplaySection {
     showContent: boolean;
     showImage: boolean;
     showLink: boolean;
+    showCard: boolean;
+    showIcon: boolean;
     linkType: LINK_TYPE;
 }
 export interface Button {
@@ -141,6 +144,7 @@ export interface InputTextModel {
     label: string;
     value: string;
     isRTE: boolean;
+    image?: string;
 }
 export interface Image {
     id: string;

package/package.json

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

package/public-api.d.ts

@@ -73,6 +73,7 @@ export * from './lib/directive/image-position.directive';
 export * from './lib/directive/container-alignment.directive';
 export * from './lib/directive/sticky-directive';
 export * from './lib/directive/removeCarousel-directive';
+export * from './lib/directive/spacing-around.directive';
 export * from './lib/styles/index';
 export * from './lib/styles/style.model';
 export * from './lib/styles/types';

package/src/lib/styles/global-styles.css

@@ -1,86 +1,86 @@
-@media screen and (min-width: 1280px) {
-  .content-side {
-    h1 {
-      font-size: 72px!important;
-      line-height: 80px!important;
-    }
-    h2 {
-      font-size: 48px!important;
-      line-height: 56px!important;
-    }
-    h3 {
-      font-size: 32px!important;
-      line-height: 40px!important;
-    }
-    h4 {
-      font-size: 24px!important;
-      line-height: 36px!important;
-    }
-    h5 {
-      font-size: 18px!important;
-      line-height: 28px!important;
-    }
-    p{
-      font-size: 16px!important;
-      line-height: 21px!important;
-    }
-  }
-
-}
-
-@media screen and (min-width: 768px) {
-  .content-side {
-    h1 {
-      font-size: 46px;
-      line-height: 54px;
-    }
-    h2 {
-      font-size: 35px;
-      line-height: 42px;
-    }
-    h3 {
-      font-size: 28px;
-      line-height: 36px;
-    }
-    h4 {
-      font-size: 18px;
-      line-height: 26px;
-    }
-    h5 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-    p{
-      font-size: 14px;
-      line-height: 21px;
-    }
-  }
-
-}
-
-.content-side {
-  h1 {
-    font-size: 36px;
-    line-height: 42px;
-  }
-  h2 {
-    font-size: 30px;
-    line-height: 36px;
-  }
-  h3 {
-    font-size: 24px;
-    line-height: 32px;
-  }
-  h4 {
-    font-size: 18px;
-    line-height: 26px;
-  }
-  h5 {
-    font-size: 16px;
-    line-height: 24px;
-  }
-  p{
-    font-size: 14px;
-    line-height: 21px;
-  }
-}
+@media screen and (min-width: 1280px) {
+  .content-side {
+    h1 {
+      font-size: 72px!important;
+      line-height: 80px!important;
+    }
+    h2 {
+      font-size: 48px!important;
+      line-height: 56px!important;
+    }
+    h3 {
+      font-size: 32px!important;
+      line-height: 40px!important;
+    }
+    h4 {
+      font-size: 24px!important;
+      line-height: 36px!important;
+    }
+    h5 {
+      font-size: 18px!important;
+      line-height: 28px!important;
+    }
+    p{
+      font-size: 16px!important;
+      line-height: 21px!important;
+    }
+  }
+
+}
+
+@media screen and (min-width: 768px) {
+  .content-side {
+    h1 {
+      font-size: 46px;
+      line-height: 54px;
+    }
+    h2 {
+      font-size: 35px;
+      line-height: 42px;
+    }
+    h3 {
+      font-size: 28px;
+      line-height: 36px;
+    }
+    h4 {
+      font-size: 18px;
+      line-height: 26px;
+    }
+    h5 {
+      font-size: 16px;
+      line-height: 24px;
+    }
+    p{
+      font-size: 14px;
+      line-height: 21px;
+    }
+  }
+
+}
+
+.content-side {
+  h1 {
+    font-size: 36px;
+    line-height: 42px;
+  }
+  h2 {
+    font-size: 30px;
+    line-height: 36px;
+  }
+  h3 {
+    font-size: 24px;
+    line-height: 32px;
+  }
+  h4 {
+    font-size: 18px;
+    line-height: 26px;
+  }
+  h5 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+  p{
+    font-size: 14px;
+    line-height: 21px;
+  }
+}