simpo-component-library 0.1.3 → 0.1.5

package/lib/elements/navbar-button-element/navbar-button-element.component.d.ts

@@ -0,0 +1,7 @@
+import { HeaderButtonModel } from './../../styles/style.model';
+import * as i0 from "@angular/core";
+export declare class NavbarButtonElementComponent {
+    buttonData?: HeaderButtonModel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarButtonElementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarButtonElementComponent, "simpo-navbar-button-element", never, { "buttonData": { "alias": "buttonData"; "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/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/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/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-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/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,4 @@
-import { BackgroundModel, ButtonModel, InputTextModel } from "@simpo-ui/styles/style.model";
+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,6 +14,7 @@ export interface HeaderContentModel {
     buttons: ButtonModel[];
     isSocialLink: boolean;
     socialLinks: FooterSocialChannelModel[];
+    navbarButtons: HeaderButtonModel[];
 }
 export interface HeaderStyleModel {
     layout: FooterLayoutModel;

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/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/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/styles/style.model.d.ts

@@ -1,5 +1,5 @@
 import { AlignContent, Corners, ImageFit, ImageRatio, RedirectionLinkType, TextPosition } from '.';
-import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION } from './types';
+import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION, HEADER_BUTTON_STYE } from './types';
 export interface SpacingModel {
     top: SPACING_TYPE;
     bottom: SPACING_TYPE;
@@ -121,6 +121,11 @@ export interface ButtonStyleModel {
     type: BUTTON_TYPE;
     shape: BUTTON_SHAPE;
 }
+export interface HeaderButtonStyleModel {
+    type: HEADER_BUTTON_STYE;
+    color: string;
+    backgroundColor: string;
+}
 export interface ActionModel {
     display: boolean;
     buttons: ButtonModel[];
@@ -130,3 +135,8 @@ export interface ButtonModel {
     content: Button;
     styles: ButtonStyleModel;
 }
+export interface HeaderButtonModel {
+    id: string;
+    content: Button;
+    styles: HeaderButtonStyleModel;
+}

package/lib/styles/types.d.ts

@@ -14,3 +14,4 @@ export type SOCIAL_ICON_SIZE = 'large' | 'medium' | 'small';
 export type SOCIAL_ICON_SHAPE = 'circle' | 'square' | 'rounded';
 export type SOCIAL_ICON_TYPE = 'solid' | 'outline';
 export type SITE_NAME_LOGo = 'custom' | 'same as header';
+export type HEADER_BUTTON_STYE = 'Tab' | 'Round subtle' | 'Round bold' | 'Square subtle' | 'Square bold';

package/package.json

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