simpo-component-library 0.1.5 → 0.1.7

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

@@ -1,7 +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 {
+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; }; }, {}, never, never, true, 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/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.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.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.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.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.model.d.ts

@@ -1,3 +1,4 @@
+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 {
@@ -19,4 +20,9 @@ export interface HeaderContentModel {
 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.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.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.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

@@ -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, HEADER_BUTTON_STYE } from './types';
+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;
     bottom: SPACING_TYPE;
@@ -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[];
@@ -122,9 +129,9 @@ export interface ButtonStyleModel {
     shape: BUTTON_SHAPE;
 }
 export interface HeaderButtonStyleModel {
-    type: HEADER_BUTTON_STYE;
     color: string;
     backgroundColor: string;
+    subtleColor: string;
 }
 export interface ActionModel {
     display: boolean;
@@ -137,6 +144,6 @@ export interface ButtonModel {
 }
 export interface HeaderButtonModel {
     id: string;
-    content: Button;
+    content: NavbarButton;
     styles: HeaderButtonStyleModel;
 }

package/lib/styles/types.d.ts

@@ -14,4 +14,3 @@ 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.5",
+  "version": "0.1.7",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0",