simpo-component-library 2.0.62 → 2.0.63

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/elements/index.d.ts

@@ -8,8 +8,9 @@ import * as i6 from "./heading-element/heading-element.component";
 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";
 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 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]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<SimpoElementsModule>;
 }

package/lib/elements/svg-divider/svg-divider.component.d.ts

@@ -0,0 +1,53 @@
+import { DeviderType } from '../../styles/index';
+import * as i0 from "@angular/core";
+export declare class SvgDividerComponent {
+    deviderTypeEnum: typeof DeviderType;
+    svgData: {
+        TILT: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        INVERT_TILT: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        TRIANGLE: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        INVERT_TRIANGLE: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        CURVE: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        INVERT_CURVE: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        WAVE: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+        INVERT_WAVE: {
+            svg: string;
+            rotate: boolean;
+            rotateY: boolean;
+        };
+    };
+    dividerType?: DeviderType;
+    color?: string;
+    svgType: any;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SvgDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SvgDividerComponent, "simpo-svg-divider", never, { "dividerType": { "alias": "dividerType"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/sections/banner-carousel/banner-carousel.component.d.ts

@@ -24,8 +24,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; }; }, {}, never, never, true, never>;

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

@@ -12,6 +12,7 @@ export declare class BannerSectionComponent extends BaseSection implements OnIni
     edit?: boolean;
     delete?: boolean;
     customClass?: string;
+    nextComponentColor?: string;
     styles?: BannerStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
@@ -23,5 +24,5 @@ export declare class BannerSectionComponent extends BaseSection implements OnIni
     editSection(): void;
     stopPropagation(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BannerSectionComponent, "simpo-banner-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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BannerSectionComponent, "simpo-banner-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/carousel-banner/carousel-banner.component.d.ts

@@ -24,7 +24,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; }; }, {}, never, never, true, never>;

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

@@ -17,8 +17,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;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ImageSectionComponent, "simpo-image-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; }; }, {}, never, never, true, never>;

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

@@ -22,7 +22,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/pricing-section/pricing-section.component.d.ts

@@ -16,7 +16,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/index.d.ts

@@ -204,3 +204,20 @@ export declare enum MapType {
     INLINE_MAP = "Inline map",
     BACKGROUND_MAP = "Background map"
 }
+export declare enum DeviderType {
+    TILT = "TILT",
+    INVERT_TILT = "INVERT_TILT",
+    TRIANGLE = "TRIANGLE",
+    INVERT_TRIANGLE = "INVERT_TRIANGLE",
+    CURVE = "CURVE",
+    INVERT_CURVE = "INVERT_CURVE",
+    WAVE = "WAVE",
+    INVERT_WAVE = "INVERT_WAVE"
+}
+export declare const svgData: {
+    [key in DeviderType]: {
+        svg: string;
+        rotate: boolean;
+        rotateY: boolean;
+    };
+};

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

@@ -1,4 +1,4 @@
-import { AlignContent, Corners, ImageFit, ImageRatio, OverlayValue, RedirectionLinkType, SPACING, TEXT_SIZE, TextPosition } from '.';
+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 } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
@@ -18,6 +18,7 @@ export interface BorderModel {
 }
 export interface DeviderModel {
     display: boolean;
+    deviderType: DeviderType;
 }
 export interface LayOutModel {
     align: ALIGN;

package/package.json

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

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

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