simpo-component-library 0.1.4 → 0.1.6

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

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

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

@@ -14,7 +14,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/elements/navbar-button-element/navbar-button-element.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import { HeaderButtonModel } from './../../styles/style.model';
+import { HeaderButtonStyle } from './../../styles/index';
+import * as i0 from "@angular/core";
+export declare class NavbarButtonElementComponent implements OnInit {
+    buttonData?: HeaderButtonModel;
+    style?: any;
+    buttonStyle: typeof HeaderButtonStyle;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarButtonElementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarButtonElementComponent, "simpo-navbar-button-element", never, { "buttonData": { "alias": "buttonData"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/elements/socia-icons/socia-icons.component.d.ts

@@ -5,6 +5,8 @@ export declare class SociaIconsComponent implements OnInit {
     color: any;
     constructor();
     ngOnInit(): void;
+    screenWidth: number;
+    getScreenSize(event?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SociaIconsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SociaIconsComponent, "simpo-socia-icons", never, { "socialIconData": { "alias": "socialIconData"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,13 +1,15 @@
 import { OnInit } from '@angular/core';
 import { BannerContentModel, BannerSectionModel } from './banner-section.model';
 import { BannerStylesModel } from '../../styles/style.model';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class BannerSectionComponent implements OnInit {
+    private _eventService;
     data?: BannerSectionModel;
     index?: number;
     content?: BannerContentModel;
     styles?: BannerStylesModel;
-    constructor();
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;

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

@@ -1,4 +1,4 @@
-import { ActionModel, BannerStylesModel, Image, InputTextModel } from '@simpo-ui/styles/style.model';
+import { ActionModel, BannerStylesModel, Image, InputTextModel } from './../../styles/style.model';
 export interface BannerSectionModel {
     id: string;
     sectionType: string;

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

@@ -1,10 +1,13 @@
 import { FAQContentModal, FAQSectionModal, FAQStylesModel } from './faq-section.modal';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class FaqSectionComponent {
+    private _eventService;
     data?: FAQSectionModal;
     index?: number;
     content?: FAQContentModal;
     style?: FAQStylesModel;
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;

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

@@ -1,4 +1,4 @@
-import { ButtonStyleModel, InputTextModel, ListItemModal, StylesModel } from '@simpo-ui/styles/style.model';
+import { ButtonStyleModel, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
 export interface FAQSectionModal {
     id: string;
     sectionType: string;

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

@@ -1,15 +1,17 @@
 import { OnInit } from '@angular/core';
 import { FooterContentModel, FooterSectionModel, FooterStylesModel } from './footer-section.modal';
 import { FooterTypes } from '../../styles/index';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class FooterSectionComponent implements OnInit {
+    private _eventService;
     data?: FooterSectionModel;
     index?: number;
     content?: FooterContentModel;
     style?: FooterStylesModel;
     color: any;
     footerTypes: typeof FooterTypes;
-    constructor();
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     showEditors: boolean;
     showEditTabs(isShow: any): void;

package/lib/sections/footer-section/footer-section.modal.d.ts

@@ -1,6 +1,6 @@
-import { ChannelType, FooterTypes } from "@simpo-ui/styles";
-import { ActionModel, BackgroundModel, InputTextModel, SpacingModel } from "@simpo-ui/styles/style.model";
-import { FOOTER_IMAGE_SOURCE, SOCIAL_ICON_SHAPE, SOCIAL_ICON_SIZE, SOCIAL_ICON_TYPE } from "@simpo-ui/styles/types";
+import { ChannelType, FooterTypes } from "./../../styles/index";
+import { ActionModel, BackgroundModel, InputTextModel, SpacingModel } from "./../../styles/style.model";
+import { FOOTER_IMAGE_SOURCE, SOCIAL_ICON_SHAPE, SOCIAL_ICON_SIZE, SOCIAL_ICON_TYPE } from "./../../styles/types";
 export interface FooterSectionModel {
     id: string;
     sectionType: string;

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

@@ -1,11 +1,13 @@
 import { ImageCarouselSection, ImageCarouselSectionContentModel, ImageCarouselSectionStylesModel } from './image-carousel.model';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class ImageCarouselSectionComponent {
+    private _eventService;
     data?: ImageCarouselSection;
     index?: number;
     content?: ImageCarouselSectionContentModel;
     style?: ImageCarouselSectionStylesModel;
-    constructor();
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     screenWidth: number;
     getScreenSize(event?: number): void;

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

@@ -1,6 +1,6 @@
-import { Corners } from '@simpo-ui/styles';
-import { Image, ImageStyle, InputTextModel, ListItemModal, StylesModel } from '@simpo-ui/styles/style.model';
-import { CARD_SIZE } from '@simpo-ui/styles/types';
+import { Corners } from './../../styles/index';
+import { Image, ImageStyle, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
+import { CARD_SIZE } from './../../styles/types';
 export interface ImageCarouselSection {
     id: string;
     sectionType: string;

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

@@ -1,6 +1,6 @@
-import { Corners } from "@simpo-ui/styles";
-import { Image, ImageStyle, InputTextModel, ListItemModal, StylesModel } from "@simpo-ui/styles/style.model";
-import { CARD_SIZE } from "@simpo-ui/styles/types";
+import { Corners } from "./../../styles/index";
+import { Image, ImageStyle, InputTextModel, ListItemModal, StylesModel } from "./../../styles/style.model";
+import { CARD_SIZE } from "./../../styles/types";
 export interface ImageGridSectionModel {
     id: string;
     sectionType: string;

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

@@ -1,12 +1,15 @@
 import { ElementRef } from '@angular/core';
 import { ImageContentModal, imageSectionModel, imageSectionStylesModel } from './image-section.model';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class ImageSectionComponent {
+    private _eventService;
     data?: imageSectionModel;
     index?: number;
     _mainContainer: ElementRef | null;
     content?: ImageContentModal;
     style?: imageSectionStylesModel;
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;

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

@@ -1,5 +1,5 @@
-import { Image, InputTextModel, StylesModel } from "@simpo-ui/styles/style.model";
-import { Corners } from "@simpo-ui/styles";
+import { Image, InputTextModel, StylesModel } from "./../../styles/style.model";
+import { Corners } from "./../../styles/index";
 export interface imageSectionModel {
     id: string;
     sectionType: string;

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

@@ -1,15 +1,19 @@
 import { OnInit } from '@angular/core';
 import { HeaderContentModel, HeaderSectionModel, HeaderStyleModel } from './navbar-section.model';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class NavbarSectionComponent implements OnInit {
+    private _eventService;
     data?: HeaderSectionModel;
     index?: number;
     content?: HeaderContentModel;
     style?: HeaderStyleModel;
     color: string;
-    constructor();
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     screenWidth: number;
+    getScreenSize(event?: number): void;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarSectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavbarSectionComponent, "simpo-navbar-section", never, { "data": { "alias": "data"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,4 +1,5 @@
-import { BackgroundModel, ButtonModel, InputTextModel } from "@simpo-ui/styles/style.model";
+import { HeaderButtonStyle } from "./../../styles/index";
+import { BackgroundModel, ButtonModel, HeaderButtonModel, InputTextModel } from "../../styles/style.model";
 import { FooterLayoutModel, FooterLogoModel, FooterSocialChannelModel } from "../footer-section/footer-section.modal";
 export interface HeaderSectionModel {
     id: string;
@@ -14,8 +15,14 @@ export interface HeaderContentModel {
     buttons: ButtonModel[];
     isSocialLink: boolean;
     socialLinks: FooterSocialChannelModel[];
+    navbarButtons: HeaderButtonModel[];
 }
 export interface HeaderStyleModel {
     layout: FooterLayoutModel;
     background: BackgroundModel;
+    navigationStyle: NavigationStyle;
+}
+export interface NavigationStyle {
+    label: string;
+    type: HeaderButtonStyle;
 }

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

@@ -1,4 +1,4 @@
-import { ActionModel, Button, CardStyles, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from '@simpo-ui/styles/style.model';
+import { ActionModel, Button, CardStyles, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
 export interface ServiceSectionModal {
     id: string;
     sectionType: string;

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

@@ -1,4 +1,4 @@
-import { ActionModel, Button, CardStyles, DisplaySection, Image, InputTextModel, ListItemModal, StylesModel } from '@simpo-ui/styles/style.model';
+import { ActionModel, Button, CardStyles, DisplaySection, Image, InputTextModel, ListItemModal, StylesModel } from './../../styles/style.model';
 export interface TeamMemberSectionModal {
     id: string;
     sectionType: string;

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

@@ -1,12 +1,15 @@
 import { ElementRef } from '@angular/core';
 import { testimonialContentModel, testimonialSectionModel, testimonialStylesModel } from './testimonial-section.model';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class TestimonialSectionComponent {
+    private _eventService;
     data?: testimonialSectionModel;
     index?: number;
     _mainContainer: ElementRef | null;
     content?: testimonialContentModel;
     style?: testimonialStylesModel;
+    constructor(_eventService: EventsService);
     ngOnInit(): void;
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;

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

@@ -1,4 +1,4 @@
-import { Image, InputTextModel, ListItemModal, StylesModel } from "@simpo-ui/styles/style.model";
+import { Image, InputTextModel, ListItemModal, StylesModel } from "./../../styles/style.model";
 export interface testimonialSectionModel {
     id: string;
     sectionType: string;

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

@@ -1,4 +1,4 @@
-import { ActionModel, BannerStylesModel, Image, InputTextModel } from '@simpo-ui/styles/style.model';
+import { ActionModel, BannerStylesModel, Image, InputTextModel } from './../../styles/style.model';
 export interface TextImageSectionModel {
     id: string;
     sectionType: string;

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

@@ -2,15 +2,17 @@ import { ElementRef, OnInit } from '@angular/core';
 import { TextContentModel, TextSectionModel } from './text-section.model';
 import { StylesModel } from '../../styles/style.model';
 import { MatDialog } from '@angular/material/dialog';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class TextSectionComponent implements OnInit {
     private _dialog;
+    private _eventService;
     data?: TextSectionModel;
     index?: number;
     _mainContainer: ElementRef | null;
     content: TextContentModel | undefined;
     styles: StylesModel | undefined;
-    constructor(_dialog: MatDialog);
+    constructor(_dialog: MatDialog, _eventService: EventsService);
     ngOnInit(): void;
     showEditors: boolean;
     showEditTabs(isShow: boolean): void;

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

@@ -1,4 +1,4 @@
-import { ActionModel, InputTextModel, StylesModel } from '@simpo-ui/styles/style.model';
+import { ActionModel, InputTextModel, StylesModel } from './../../styles/style.model';
 export interface TextSectionModel {
     id: string;
     sectionType: string;

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

@@ -1,10 +1,12 @@
 import { ElementRef } from '@angular/core';
 import { videoSectionContentModel, videoSectionModel, videoSectionStyleModel } from './video-section.model';
 import { DomSanitizer } from '@angular/platform-browser';
+import { EventsService } from './../../services/events.service';
 import * as i0 from "@angular/core";
 export declare class VideoSectionComponent {
     dom: DomSanitizer;
-    constructor(dom: DomSanitizer);
+    private _eventService;
+    constructor(dom: DomSanitizer, _eventService: EventsService);
     data?: videoSectionModel;
     index?: number;
     _mainContainer: ElementRef | null;

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

@@ -1,4 +1,4 @@
-import { InputTextModel, StylesModel } from "@simpo-ui/styles/style.model";
+import { InputTextModel, StylesModel } from "./../../styles/style.model";
 export interface videoSectionModel {
     id: string;
     sectionType: string;

package/lib/styles/index.d.ts

@@ -121,3 +121,10 @@ export declare enum FooterTypes {
     SIMPLE_DETAILS_RIGHT = "Simple Details Right",
     SIMPLE_DETAILS_CENTER = "Simple Details Center"
 }
+export declare enum HeaderButtonStyle {
+    TAB = "Tab",
+    ROUND_SUBTLE = "Round subtle",
+    ROUND_BOLD = "Round bold",
+    SQUARE_SUBTLE = "Square subtle",
+    SQUARE_BOLD = "Square bold"
+}

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

@@ -72,6 +72,13 @@ export interface Button {
     redirectionUrl: string;
     newTab: boolean;
 }
+export interface NavbarButton {
+    linkType: RedirectionLinkType;
+    label: string;
+    redirectionUrl: string;
+    newTab: boolean;
+    status: boolean;
+}
 export interface ListItemModal<T> {
     label: string;
     data: T[];
@@ -121,6 +128,11 @@ export interface ButtonStyleModel {
     type: BUTTON_TYPE;
     shape: BUTTON_SHAPE;
 }
+export interface HeaderButtonStyleModel {
+    color: string;
+    backgroundColor: string;
+    subtleColor: string;
+}
 export interface ActionModel {
     display: boolean;
     buttons: ButtonModel[];
@@ -130,3 +142,8 @@ export interface ButtonModel {
     content: Button;
     styles: ButtonStyleModel;
 }
+export interface HeaderButtonModel {
+    id: string;
+    content: NavbarButton;
+    styles: HeaderButtonStyleModel;
+}

package/package.json

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

package/public-api.d.ts

@@ -11,28 +11,3 @@ export * from './lib/sections/testimonial-section/testimonial-section.component'
 export * from './lib/sections/text-image-section/text-image-section.component';
 export * from './lib/sections/video-section/video-section.component';
 export * from './lib/sections/navbar-section/navbar-section.component';
-export * from './lib/directive/animation-directive';
-export * from './lib/directive/background-directive';
-export * from './lib/directive/banner-content-fit-directive';
-export * from './lib/directive/border-directive';
-export * from './lib/directive/button-directive.directive';
-export * from './lib/directive/column-directive.directive';
-export * from './lib/directive/container-fir.directive';
-export * from './lib/directive/content-alignment-directive';
-export * from './lib/directive/content-fit-directive';
-export * from './lib/directive/corner-directive';
-export * from './lib/directive/footer-layout-directive';
-export * from './lib/directive/hover-element-directive';
-export * from './lib/directive/image-directive.directive';
-export * from './lib/directive/overlay-directive';
-export * from './lib/directive/position-layout-directive.directive';
-export * from './lib/directive/text-background-directive.directive';
-export * from './lib/elements/below-image-card/below-image-card.component';
-export * from './lib/elements/button/button.component';
-export * from './lib/elements/covering-image-card/covering-image-card.component';
-export * from './lib/elements/heading-element/heading-element.component';
-export * from './lib/elements/simpo-button/simpo-button.component';
-export * from './lib/elements/socia-icons/socia-icons.component';
-export * from './lib/elements/text/text.component';
-export * from './lib/elements/top-of-image-card/top-of-image-card.component';
-export * from './lib/styles/index';