simpo-component-library 0.8.0 → 0.8.2

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

@@ -17,6 +17,7 @@ export declare class AnimationDirective implements OnChanges, OnInit, OnDestroy
             right: string;
             fadeIn: string;
             zoom: string;
+            none: string;
         };
         speed: {
             slow: string;

package/lib/directive/container-alignment.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventsService } from '../services/events.service';
+import { LayOutModel } from '../styles/style.model';
+import * as i0 from "@angular/core";
+export declare class SimpoContainerAligment implements OnInit, OnChanges {
+    private el;
+    private eventService;
+    layout?: LayOutModel;
+    eventEmmitter: any;
+    constructor(el: ElementRef, eventService: EventsService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(change: SimpleChanges): void;
+    setProperty(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpoContainerAligment, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SimpoContainerAligment, "[simpoContainerAlignment]", never, { "layout": { "alias": "simpoContainerAlignment"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directive/content-title-spacing.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, OnChanges } from '@angular/core';
+import { EventsService } from '../services/events.service';
+import * as i0 from "@angular/core";
+export declare enum SPACING {
+    none = "1.5rem",
+    small = "3rem",
+    medium = "5rem",
+    large = "6rem"
+}
+export declare class ContentTitleDirective implements OnChanges {
+    private el;
+    private eventService;
+    spacing?: SPACING;
+    constructor(el: ElementRef, eventService: EventsService);
+    ngOnChanges(): void;
+    applyStyle(): void;
+    get getSpacing(): SPACING;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContentTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContentTitleDirective, "[simpoContentTitleSpace]", never, { "spacing": { "alias": "simpoContentTitleSpace"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/directive/text-size.directive.d.ts

@@ -0,0 +1,21 @@
+import { ElementRef } from '@angular/core';
+import { TEXT_SIZE } from '../styles/index';
+import { EventsService } from '../services/events.service';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class TextSizeDirective {
+    private eventService;
+    private el;
+    size?: TEXT_SIZE;
+    type?: 'heading' | 'desc';
+    constructor(eventService: EventsService, el: ElementRef);
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    applyFontSize(): void;
+    fontSizeSubscription?: Subscription;
+    changeFontSizeCheck(): void;
+    removeHeadingClass(): void;
+    removeDescClass(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextSizeDirective, "[simpoTextSize]", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { BannerContentModel, BannerSectionModel } from './banner-section.model';
-import { BannerStylesModel } from '../../styles/style.model';
+import { BannerStylesModel, LayOutModel } from '../../styles/style.model';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
 import * as i0 from "@angular/core";
@@ -14,6 +14,8 @@ export declare class BannerSectionComponent extends BaseSection implements OnIni
     styles?: BannerStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get stylesLayout(): LayOutModel;
+    get getJustifyContent(): string;
     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; }; }, {}, never, never, true, never>;
 }

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

@@ -1,6 +1,7 @@
 import { FAQContentModal, FAQSectionModal, FAQStylesModel } from './faq-section.modal';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class FaqSectionComponent extends BaseSection {
     private _eventService;
@@ -12,6 +13,7 @@ export declare class FaqSectionComponent extends BaseSection {
     style?: FAQStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get headingSpace(): SPACING;
     static ɵfac: i0.ɵɵFactoryDeclaration<FaqSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FaqSectionComponent, "simpo-faq-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import { ImageCarouselSection, ImageCarouselSectionContentModel, ImageCarouselSectionStylesModel } from './image-carousel.model';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class ImageCarouselSectionComponent extends BaseSection implements OnInit {
     private _eventService;
@@ -17,6 +18,7 @@ export declare class ImageCarouselSectionComponent extends BaseSection implement
     getScreenSize(event?: number): void;
     getPrevImage(index: number): import("simpo-component-library").Image | undefined;
     getNextImage(index: number): import("simpo-component-library").Image | undefined;
+    get headingSpace(): SPACING;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageCarouselSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ImageCarouselSectionComponent, "simpo-image-carousel-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -2,6 +2,7 @@ import { ElementRef } from '@angular/core';
 import { ImageGridContentModal, ImageGridSectionModel, ImageGridStylesModel } from './image-grid-section.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class ImageGridSectionComponent extends BaseSection {
     private _eventService;
@@ -14,6 +15,7 @@ export declare class ImageGridSectionComponent extends BaseSection {
     style?: ImageGridStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get headingSpace(): SPACING;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageGridSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ImageGridSectionComponent, "simpo-image-grid-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { Image, InputTextModel, StylesModel } from "./../../styles/style.model";
+import { Image, ImageStyle, InputTextModel, StylesModel } from "./../../styles/style.model";
 import { Corners } from "./../../styles/index";
 export interface imageSectionModel {
     id: string;
@@ -14,4 +14,5 @@ export interface ImageContentModal {
 export interface imageSectionStylesModel extends StylesModel {
     fullWidth: boolean;
     corners: Corners;
+    image: ImageStyle;
 }

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

@@ -2,6 +2,7 @@ import { PricingSectionContentModal, PricingSectionModal, PricingSectionStylesMo
 import { ButtonModel } from '../../styles/style.model';
 import { EventsService } from '../../services/events.service';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class PricingSectionComponent extends BaseSection {
     private _eventService;
@@ -15,6 +16,7 @@ export declare class PricingSectionComponent extends BaseSection {
     constructor(_eventService: EventsService);
     ngOnInit(): void;
     getTextColor(): "#ffffff" | "#000000" | "#ffffff;";
+    get headingSpace(): SPACING;
     static ɵfac: i0.ɵɵFactoryDeclaration<PricingSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PricingSectionComponent, "simpo-pricing-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -4,6 +4,7 @@ import { EventsService } from '../../services/events.service';
 import { TextPosition } from '../../styles/index';
 import { ButtonModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class ServiceSectionComponent extends BaseSection {
     private _eventService;
@@ -18,6 +19,7 @@ export declare class ServiceSectionComponent extends BaseSection {
     button?: ButtonModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get headingSpace(): SPACING;
     static ɵfac: i0.ɵɵFactoryDeclaration<ServiceSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ServiceSectionComponent, "simpo-service-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import { TextPosition } from '../../styles/index';
 import { EventsService } from '../../services/events.service';
 import { ButtonModel } from '../../styles/style.model';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class TeamMemberSectionComponent extends BaseSection {
     private _eventService;
@@ -16,6 +17,7 @@ export declare class TeamMemberSectionComponent extends BaseSection {
     button?: ButtonModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get headingSpace(): SPACING;
     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; }; }, {}, never, never, true, never>;
 }

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

@@ -2,6 +2,7 @@ import { ElementRef } from '@angular/core';
 import { testimonialContentModel, testimonialSectionModel, testimonialStylesModel } from './testimonial-section.model';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class TestimonialSectionComponent extends BaseSection {
     private _eventService;
@@ -14,6 +15,7 @@ export declare class TestimonialSectionComponent extends BaseSection {
     style?: testimonialStylesModel;
     constructor(_eventService: EventsService);
     ngOnInit(): void;
+    get headingSpace(): SPACING;
     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; }; }, {}, never, never, true, never>;
 }

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

@@ -3,6 +3,7 @@ import { videoSectionContentModel, videoSectionModel, videoSectionStyleModel } f
 import { DomSanitizer } from '@angular/platform-browser';
 import { EventsService } from './../../services/events.service';
 import BaseSection from '../BaseSection';
+import { SPACING } from '../../styles/index';
 import * as i0 from "@angular/core";
 export declare class VideoSectionComponent extends BaseSection {
     dom: DomSanitizer;
@@ -19,6 +20,7 @@ export declare class VideoSectionComponent extends BaseSection {
     ngOnInit(): void;
     youTubeIdFromLink(url: string): string | undefined;
     get getVideoLink(): string;
+    get headingSpace(): SPACING;
     static ɵfac: i0.ɵɵFactoryDeclaration<VideoSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<VideoSectionComponent, "simpo-video-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/services/events.service.d.ts

@@ -28,6 +28,7 @@ export declare class EventsService {
     objectPositionChangeCheck: EventEmitter<unknown>;
     locationChangeCheck: EventEmitter<unknown>;
     mapStyleChangeCheck: EventEmitter<unknown>;
+    textSizeChangeCheck: EventEmitter<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<EventsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<EventsService>;
 }

package/lib/styles/index.d.ts

@@ -54,6 +54,7 @@ export declare const animation: {
         right: string;
         fadeIn: string;
         zoom: string;
+        none: string;
     };
     speed: {
         slow: string;
@@ -61,6 +62,26 @@ export declare const animation: {
         fast: string;
     };
 };
+export declare enum TEXT_SIZE {
+    Small = "Small",
+    Medium = "Medium",
+    Large = "Large",
+    ExtraLarge = "Extra_Large"
+}
+export declare const fontSize: {
+    heading: {
+        Small: string;
+        Medium: string;
+        Large: string;
+        Extra_Large: string;
+    };
+    desc: {
+        Small: string;
+        Medium: string;
+        Large: string;
+        Extra_Large: string;
+    };
+};
 export declare const mapStyle: {
     Streets: string;
     Outdoors: string;

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

@@ -1,4 +1,4 @@
-import { AlignContent, Corners, ImageFit, ImageRatio, RedirectionLinkType, TextPosition } from '.';
+import { AlignContent, Corners, ImageFit, ImageRatio, 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 } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
@@ -20,6 +20,7 @@ export interface DeviderModel {
 export interface LayOutModel {
     align: ALIGN;
     fit: FIT;
+    headingSpacing?: SPACING;
     spacing: SpacingModel;
 }
 export interface BannerLayOutModel {
@@ -78,6 +79,7 @@ export interface NavbarButton {
     redirectionUrl: string;
     status: boolean;
     pageId: string;
+    showHeader: boolean;
 }
 export interface ListItemModal<T> {
     label: string;
@@ -109,6 +111,7 @@ export interface BannerStylesModel {
     devider: DeviderModel;
     image: ImageStyle;
     corners: Corners;
+    textSize: TextSize;
 }
 export interface InputTextModel {
     label: string;
@@ -149,3 +152,7 @@ export interface HeaderButtonModel {
     content: NavbarButton;
     styles: HeaderButtonStyleModel;
 }
+export interface TextSize {
+    heading: TEXT_SIZE;
+    desc: TEXT_SIZE;
+}

package/lib/styles/types.d.ts

@@ -4,7 +4,7 @@ export type LAYOUTPOSITION = 'left' | 'right' | 'top' | 'bottom';
 export type CONTENTPOSITION = 'image center' | 'image top' | 'image bottom';
 export type FIT = 'content' | 'screen';
 export type CARD_SIZE = 'Small' | 'Medium' | 'Large';
-export type ANIMATION_DIRECTION = 'left' | 'top' | 'bottom' | 'right' | 'fadeIn' | 'zoom';
+export type ANIMATION_DIRECTION = 'left' | 'top' | 'bottom' | 'right' | 'fadeIn' | 'zoom' | 'none';
 export type ANIMATION_SPEED = 'slow' | 'medium' | 'fast';
 export type LINK_TYPE = 'Button' | 'List Item';
 export type BUTTON_TYPE = 'Solid' | 'Outline';

package/package.json

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

package/public-api.d.ts

@@ -38,6 +38,7 @@ export * from './lib/directive/hover-element-directive';
 export * from './lib/directive/footer-layout-directive';
 export * from './lib/directive/color.directive';
 export * from './lib/directive/image-position.directive';
+export * from './lib/directive/container-alignment.directive';
 export * from './lib/styles/index';
 export * from './lib/styles/style.model';
 export * from './lib/styles/types';