simpo-component-library 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -0
- package/esm2022/lib/components/hover-elements/hover-elements.component.mjs +44 -0
- package/esm2022/lib/components/index.mjs +16 -0
- package/esm2022/lib/directive/animation-directive.mjs +92 -0
- package/esm2022/lib/directive/background-directive.mjs +67 -0
- package/esm2022/lib/directive/banner-content-fit-directive.mjs +93 -0
- package/esm2022/lib/directive/border-directive.mjs +45 -0
- package/esm2022/lib/directive/button-directive.directive.mjs +84 -0
- package/esm2022/lib/directive/column-directive.directive.mjs +63 -0
- package/esm2022/lib/directive/container-fir.directive.mjs +42 -0
- package/esm2022/lib/directive/content-alignment-directive.mjs +50 -0
- package/esm2022/lib/directive/content-fit-directive.mjs +56 -0
- package/esm2022/lib/directive/corner-directive.mjs +65 -0
- package/esm2022/lib/directive/footer-layout-directive.mjs +32 -0
- package/esm2022/lib/directive/hover-element-directive.mjs +34 -0
- package/esm2022/lib/directive/image-directive.directive.mjs +79 -0
- package/esm2022/lib/directive/index.mjs +85 -0
- package/esm2022/lib/directive/overlay-directive.mjs +40 -0
- package/esm2022/lib/directive/position-layout-directive.directive.mjs +50 -0
- package/esm2022/lib/directive/text-background-directive.directive.mjs +109 -0
- package/esm2022/lib/elements/below-image-card/below-image-card.component.mjs +31 -0
- package/esm2022/lib/elements/button/button.component.mjs +17 -0
- package/esm2022/lib/elements/button/button.model.mjs +2 -0
- package/esm2022/lib/elements/covering-image-card/covering-image-card.component.mjs +32 -0
- package/esm2022/lib/elements/heading-element/heading-element.component.mjs +16 -0
- package/esm2022/lib/elements/index.mjs +21 -0
- package/esm2022/lib/elements/simpo-button/simpo-button.component.mjs +27 -0
- package/esm2022/lib/elements/socia-icons/socia-icons.component.mjs +22 -0
- package/esm2022/lib/elements/text/text.component.mjs +17 -0
- package/esm2022/lib/elements/top-of-image-card/top-of-image-card.component.mjs +33 -0
- package/esm2022/lib/sections/banner-section/banner-section.component.mjs +51 -0
- package/esm2022/lib/sections/banner-section/banner-section.model.mjs +2 -0
- package/esm2022/lib/sections/faq-section/faq-section.component.mjs +42 -0
- package/esm2022/lib/sections/faq-section/faq-section.modal.mjs +2 -0
- package/esm2022/lib/sections/footer-section/footer-section.component.mjs +47 -0
- package/esm2022/lib/sections/footer-section/footer-section.modal.mjs +2 -0
- package/esm2022/lib/sections/image-carousel-section/image-carousel-section.component.mjs +38 -0
- package/esm2022/lib/sections/image-carousel-section/image-carousel.model.mjs +2 -0
- package/esm2022/lib/sections/image-grid-section/image-grid-section.component.mjs +55 -0
- package/esm2022/lib/sections/image-grid-section/image-grid-section.model.mjs +2 -0
- package/esm2022/lib/sections/image-section/image-section.component.mjs +49 -0
- package/esm2022/lib/sections/image-section/image-section.model.mjs +2 -0
- package/esm2022/lib/sections/service-section/service-section.component.mjs +54 -0
- package/esm2022/lib/sections/service-section/service-section.model.mjs +2 -0
- package/esm2022/lib/sections/team-member-section/team-member-section.component.mjs +50 -0
- package/esm2022/lib/sections/team-member-section/team-member-section.model.mjs +2 -0
- package/esm2022/lib/sections/testimonial-section/testimonial-section.component.mjs +49 -0
- package/esm2022/lib/sections/testimonial-section/testimonial-section.model.mjs +2 -0
- package/esm2022/lib/sections/text-image-section/text-image-section.component.mjs +52 -0
- package/esm2022/lib/sections/text-image-section/text-image-section.model.mjs +2 -0
- package/esm2022/lib/sections/text-section/text-section.component.mjs +53 -0
- package/esm2022/lib/sections/text-section/text-section.model.mjs +2 -0
- package/esm2022/lib/sections/video-section/video-section.component.mjs +54 -0
- package/esm2022/lib/sections/video-section/video-section.model.mjs +2 -0
- package/esm2022/lib/services/events.service.mjs +32 -0
- package/esm2022/lib/styles/index.mjs +157 -0
- package/esm2022/lib/styles/style.model.mjs +2 -0
- package/esm2022/lib/styles/types.mjs +2 -0
- package/esm2022/public-api.mjs +18 -0
- package/esm2022/simpo-component-library.mjs +5 -0
- package/fesm2022/simpo-component-library.mjs +1408 -0
- package/fesm2022/simpo-component-library.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/hover-elements/hover-elements.component.d.ts +19 -0
- package/lib/components/index.d.ts +7 -0
- package/lib/directive/animation-directive.d.ts +37 -0
- package/lib/directive/background-directive.d.ts +16 -0
- package/lib/directive/banner-content-fit-directive.d.ts +16 -0
- package/lib/directive/border-directive.d.ts +13 -0
- package/lib/directive/button-directive.directive.d.ts +23 -0
- package/lib/directive/column-directive.directive.d.ts +19 -0
- package/lib/directive/container-fir.directive.d.ts +15 -0
- package/lib/directive/content-alignment-directive.d.ts +19 -0
- package/lib/directive/content-fit-directive.d.ts +15 -0
- package/lib/directive/corner-directive.d.ts +19 -0
- package/lib/directive/footer-layout-directive.d.ts +15 -0
- package/lib/directive/hover-element-directive.d.ts +12 -0
- package/lib/directive/image-directive.directive.d.ts +19 -0
- package/lib/directive/index.d.ts +20 -0
- package/lib/directive/overlay-directive.d.ts +14 -0
- package/lib/directive/position-layout-directive.directive.d.ts +19 -0
- package/lib/directive/text-background-directive.directive.d.ts +23 -0
- package/lib/elements/below-image-card/below-image-card.component.d.ts +12 -0
- package/lib/elements/button/button.component.d.ts +7 -0
- package/lib/elements/button/button.model.d.ts +4 -0
- package/lib/elements/covering-image-card/covering-image-card.component.d.ts +12 -0
- package/lib/elements/heading-element/heading-element.component.d.ts +6 -0
- package/lib/elements/index.d.ts +12 -0
- package/lib/elements/simpo-button/simpo-button.component.d.ts +12 -0
- package/lib/elements/socia-icons/socia-icons.component.d.ts +10 -0
- package/lib/elements/text/text.component.d.ts +6 -0
- package/lib/elements/top-of-image-card/top-of-image-card.component.d.ts +12 -0
- package/lib/sections/banner-section/banner-section.component.d.ts +15 -0
- package/lib/sections/banner-section/banner-section.model.d.ts +19 -0
- package/lib/sections/faq-section/faq-section.component.d.ts +12 -0
- package/lib/sections/faq-section/faq-section.modal.d.ts +18 -0
- package/lib/sections/footer-section/footer-section.component.d.ts +17 -0
- package/lib/sections/footer-section/footer-section.modal.d.ts +62 -0
- package/lib/sections/image-carousel-section/image-carousel-section.component.d.ts +13 -0
- package/lib/sections/image-carousel-section/image-carousel.model.d.ts +24 -0
- package/lib/sections/image-grid-section/image-grid-section.component.d.ts +17 -0
- package/lib/sections/image-grid-section/image-grid-section.model.d.ts +24 -0
- package/lib/sections/image-section/image-section.component.d.ts +14 -0
- package/lib/sections/image-section/image-section.model.d.ts +17 -0
- package/lib/sections/service-section/service-section.component.d.ts +21 -0
- package/lib/sections/service-section/service-section.model.d.ts +25 -0
- package/lib/sections/team-member-section/team-member-section.component.d.ts +19 -0
- package/lib/sections/team-member-section/team-member-section.model.d.ts +21 -0
- package/lib/sections/testimonial-section/testimonial-section.component.d.ts +14 -0
- package/lib/sections/testimonial-section/testimonial-section.model.d.ts +19 -0
- package/lib/sections/text-image-section/text-image-section.component.d.ts +17 -0
- package/lib/sections/text-image-section/text-image-section.model.d.ts +19 -0
- package/lib/sections/text-section/text-section.component.d.ts +18 -0
- package/lib/sections/text-section/text-section.model.d.ts +12 -0
- package/lib/sections/video-section/video-section.component.d.ts +18 -0
- package/lib/sections/video-section/video-section.model.d.ts +17 -0
- package/lib/services/events.service.d.ts +23 -0
- package/lib/styles/index.d.ts +123 -0
- package/lib/styles/style.model.d.ts +132 -0
- package/lib/styles/types.d.ts +16 -0
- package/package.json +26 -0
- package/public-api.d.ts +12 -0
- package/simpo-component-library-0.0.1.tgz +0 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Corners } from "@simpo-ui/styles";
|
|
2
|
+
import { Image, ImageStyle, InputTextModel, ListItemModal, StylesModel } from "@simpo-ui/styles/style.model";
|
|
3
|
+
import { CARD_SIZE } from "@simpo-ui/styles/types";
|
|
4
|
+
export interface ImageGridSectionModel {
|
|
5
|
+
id: string;
|
|
6
|
+
sectionType: string;
|
|
7
|
+
sectionName: string;
|
|
8
|
+
content: ImageGridContentModal;
|
|
9
|
+
styles: ImageGridStylesModel;
|
|
10
|
+
}
|
|
11
|
+
export interface ImageGridContentModal {
|
|
12
|
+
inputText: [InputTextModel];
|
|
13
|
+
listItem: ListItemModal<ImageGridItemModel>;
|
|
14
|
+
}
|
|
15
|
+
export interface ImageGridStylesModel extends StylesModel {
|
|
16
|
+
corners: Corners;
|
|
17
|
+
image: ImageStyle;
|
|
18
|
+
removeGaps: boolean;
|
|
19
|
+
fullWidth: boolean;
|
|
20
|
+
size: CARD_SIZE;
|
|
21
|
+
}
|
|
22
|
+
export interface ImageGridItemModel {
|
|
23
|
+
image: Image;
|
|
24
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ImageContentModal, imageSectionModel, imageSectionStylesModel } from './image-section.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ImageSectionComponent {
|
|
5
|
+
data?: imageSectionModel;
|
|
6
|
+
_mainContainer: ElementRef | null;
|
|
7
|
+
content?: ImageContentModal;
|
|
8
|
+
style?: imageSectionStylesModel;
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
showEditors: boolean;
|
|
11
|
+
showEditTabs(isShow: boolean): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ImageSectionComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ImageSectionComponent, "simpo-image-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Image, InputTextModel, StylesModel } from "@simpo-ui/styles/style.model";
|
|
2
|
+
import { Corners } from "@simpo-ui/styles";
|
|
3
|
+
export interface imageSectionModel {
|
|
4
|
+
id: string;
|
|
5
|
+
sectionType: string;
|
|
6
|
+
sectionName: string;
|
|
7
|
+
content: ImageContentModal;
|
|
8
|
+
styles: imageSectionStylesModel;
|
|
9
|
+
}
|
|
10
|
+
export interface ImageContentModal {
|
|
11
|
+
inputText: [InputTextModel];
|
|
12
|
+
image: Image;
|
|
13
|
+
}
|
|
14
|
+
export interface imageSectionStylesModel extends StylesModel {
|
|
15
|
+
fullWidth: boolean;
|
|
16
|
+
corners: Corners;
|
|
17
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ServiceContentModal, ServiceSectionModal, ServiceStylesModel } from './service-section.model';
|
|
3
|
+
import { EventsService } from '@simpo-ui/services/events.service';
|
|
4
|
+
import { TextPosition } from '@simpo-ui/styles';
|
|
5
|
+
import { ButtonModel } from '@simpo-ui/styles/style.model';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class ServiceSectionComponent {
|
|
8
|
+
private eventService;
|
|
9
|
+
data?: ServiceSectionModal;
|
|
10
|
+
_mainContainer: ElementRef | null;
|
|
11
|
+
TextPosition: typeof TextPosition;
|
|
12
|
+
content?: ServiceContentModal;
|
|
13
|
+
style?: ServiceStylesModel;
|
|
14
|
+
button?: ButtonModel;
|
|
15
|
+
constructor(eventService: EventsService);
|
|
16
|
+
ngOnInit(): void;
|
|
17
|
+
showEditors: boolean;
|
|
18
|
+
showEditTabs(isShow: boolean): void;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ServiceSectionComponent, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ServiceSectionComponent, "simpo-service-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
21
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ActionModel, Button, CardStyles, DisplaySection, Icon, Image, InputTextModel, ListItemModal, StylesModel } from '@simpo-ui/styles/style.model';
|
|
2
|
+
export interface ServiceSectionModal {
|
|
3
|
+
id: string;
|
|
4
|
+
sectionType: string;
|
|
5
|
+
sectionName: string;
|
|
6
|
+
content: ServiceContentModal;
|
|
7
|
+
styles: ServiceStylesModel;
|
|
8
|
+
action: ActionModel;
|
|
9
|
+
}
|
|
10
|
+
export interface ServiceContentModal {
|
|
11
|
+
inputText: InputTextModel[];
|
|
12
|
+
display: Display;
|
|
13
|
+
listItem: ListItemModal<ServiceItemModal>;
|
|
14
|
+
}
|
|
15
|
+
export interface Display extends DisplaySection {
|
|
16
|
+
showIcon: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface ServiceStylesModel extends StylesModel, CardStyles {
|
|
19
|
+
}
|
|
20
|
+
export interface ServiceItemModal {
|
|
21
|
+
image: Image;
|
|
22
|
+
icon: Icon;
|
|
23
|
+
inputText: InputTextModel[];
|
|
24
|
+
button: Button;
|
|
25
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TeamMemberContentModal, TeamMemberSectionModal, TeamMemberStylesModel } from './team-member-section.model';
|
|
2
|
+
import { TextPosition } from '@simpo-ui/styles';
|
|
3
|
+
import { EventsService } from '@simpo-ui/services/events.service';
|
|
4
|
+
import { ButtonModel } from '@simpo-ui/styles/style.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TeamMemberSectionComponent {
|
|
7
|
+
private eventService;
|
|
8
|
+
data?: TeamMemberSectionModal;
|
|
9
|
+
TextPosition: typeof TextPosition;
|
|
10
|
+
content?: TeamMemberContentModal;
|
|
11
|
+
style?: TeamMemberStylesModel;
|
|
12
|
+
button?: ButtonModel;
|
|
13
|
+
constructor(eventService: EventsService);
|
|
14
|
+
ngOnInit(): void;
|
|
15
|
+
showEditors: boolean;
|
|
16
|
+
showEditTabs(isShow: boolean): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TeamMemberSectionComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TeamMemberSectionComponent, "simpo-team-member-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ActionModel, Button, CardStyles, DisplaySection, Image, InputTextModel, ListItemModal, StylesModel } from '@simpo-ui/styles/style.model';
|
|
2
|
+
export interface TeamMemberSectionModal {
|
|
3
|
+
id: string;
|
|
4
|
+
sectionType: string;
|
|
5
|
+
sectionName: string;
|
|
6
|
+
content: TeamMemberContentModal;
|
|
7
|
+
styles: TeamMemberStylesModel;
|
|
8
|
+
action: ActionModel;
|
|
9
|
+
}
|
|
10
|
+
export interface TeamMemberContentModal {
|
|
11
|
+
inputText: InputTextModel[];
|
|
12
|
+
display: DisplaySection;
|
|
13
|
+
listItem: ListItemModal<TeamMemberItemModal>;
|
|
14
|
+
}
|
|
15
|
+
export interface TeamMemberStylesModel extends StylesModel, CardStyles {
|
|
16
|
+
}
|
|
17
|
+
export interface TeamMemberItemModal {
|
|
18
|
+
image: Image;
|
|
19
|
+
inputText: InputTextModel[];
|
|
20
|
+
button: Button;
|
|
21
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { testimonialContentModel, testimonialSectionModel, testimonialStylesModel } from './testimonial-section.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TestimonialSectionComponent {
|
|
5
|
+
data?: testimonialSectionModel;
|
|
6
|
+
_mainContainer: ElementRef | null;
|
|
7
|
+
content?: testimonialContentModel;
|
|
8
|
+
style?: testimonialStylesModel;
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
showEditors: boolean;
|
|
11
|
+
showEditTabs(isShow: boolean): void;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialSectionComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialSectionComponent, "simpo-testimonial-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Image, InputTextModel, ListItemModal, StylesModel } from "@simpo-ui/styles/style.model";
|
|
2
|
+
export interface testimonialSectionModel {
|
|
3
|
+
id: string;
|
|
4
|
+
sectionType: string;
|
|
5
|
+
sectionName: string;
|
|
6
|
+
content: testimonialContentModel;
|
|
7
|
+
styles: testimonialStylesModel;
|
|
8
|
+
}
|
|
9
|
+
export interface testimonialContentModel {
|
|
10
|
+
inputText: [InputTextModel];
|
|
11
|
+
listItem: ListItemModal<ImageItemModel>;
|
|
12
|
+
}
|
|
13
|
+
export interface ImageItemModel {
|
|
14
|
+
status: boolean;
|
|
15
|
+
image: Image;
|
|
16
|
+
inputText: InputTextModel[];
|
|
17
|
+
}
|
|
18
|
+
export interface testimonialStylesModel extends StylesModel {
|
|
19
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { BannerStylesModel } from '@simpo-ui/styles/style.model';
|
|
3
|
+
import { TextImageContentModel, TextImageSectionModel } from './text-image-section.model';
|
|
4
|
+
import { EventsService } from '@simpo-ui/services/events.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TextImageSectionComponent implements OnInit {
|
|
7
|
+
private eventService;
|
|
8
|
+
data?: TextImageSectionModel;
|
|
9
|
+
content?: TextImageContentModel;
|
|
10
|
+
styles?: BannerStylesModel;
|
|
11
|
+
constructor(eventService: EventsService);
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
showEditors: boolean;
|
|
14
|
+
showEditTabs(isShow: boolean): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextImageSectionComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextImageSectionComponent, "simpo-text-image-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ActionModel, BannerStylesModel, Image, InputTextModel } from '@simpo-ui/styles/style.model';
|
|
2
|
+
export interface TextImageSectionModel {
|
|
3
|
+
id: string;
|
|
4
|
+
sectionType: string;
|
|
5
|
+
sectionName: string;
|
|
6
|
+
content: TextImageContentModel;
|
|
7
|
+
styles: BannerStylesModel;
|
|
8
|
+
action: ActionModel;
|
|
9
|
+
}
|
|
10
|
+
export interface ImageModel extends Image {
|
|
11
|
+
showImage: boolean;
|
|
12
|
+
}
|
|
13
|
+
export interface textModel {
|
|
14
|
+
value: string;
|
|
15
|
+
}
|
|
16
|
+
export interface TextImageContentModel {
|
|
17
|
+
inputText: InputTextModel[];
|
|
18
|
+
image: ImageModel;
|
|
19
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ElementRef, OnInit } from '@angular/core';
|
|
2
|
+
import { TextContentModel, TextSectionModel } from './text-section.model';
|
|
3
|
+
import { StylesModel } from '@simpo-ui/styles/style.model';
|
|
4
|
+
import { MatDialog } from '@angular/material/dialog';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class TextSectionComponent implements OnInit {
|
|
7
|
+
private _dialog;
|
|
8
|
+
data?: TextSectionModel;
|
|
9
|
+
_mainContainer: ElementRef | null;
|
|
10
|
+
content: TextContentModel | undefined;
|
|
11
|
+
styles: StylesModel | undefined;
|
|
12
|
+
constructor(_dialog: MatDialog);
|
|
13
|
+
ngOnInit(): void;
|
|
14
|
+
showEditors: boolean;
|
|
15
|
+
showEditTabs(isShow: boolean): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextSectionComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextSectionComponent, "simpo-text-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ActionModel, InputTextModel, StylesModel } from '@simpo-ui/styles/style.model';
|
|
2
|
+
export interface TextSectionModel {
|
|
3
|
+
id: string;
|
|
4
|
+
sectionType: string;
|
|
5
|
+
sectionName: string;
|
|
6
|
+
content: TextContentModel;
|
|
7
|
+
styles: StylesModel;
|
|
8
|
+
action: ActionModel;
|
|
9
|
+
}
|
|
10
|
+
export interface TextContentModel {
|
|
11
|
+
inputText: InputTextModel[];
|
|
12
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { videoSectionContentModel, videoSectionModel, videoSectionStyleModel } from './video-section.model';
|
|
3
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class VideoSectionComponent {
|
|
6
|
+
dom: DomSanitizer;
|
|
7
|
+
constructor(dom: DomSanitizer);
|
|
8
|
+
data?: videoSectionModel;
|
|
9
|
+
_mainContainer: ElementRef | null;
|
|
10
|
+
videoLink: string;
|
|
11
|
+
content?: videoSectionContentModel;
|
|
12
|
+
style?: videoSectionStyleModel;
|
|
13
|
+
ngOnInit(): void;
|
|
14
|
+
showEditors: boolean;
|
|
15
|
+
showEditTabs(isShow: boolean): void;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<VideoSectionComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<VideoSectionComponent, "simpo-video-section", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { InputTextModel, StylesModel } from "@simpo-ui/styles/style.model";
|
|
2
|
+
export interface videoSectionModel {
|
|
3
|
+
id: string;
|
|
4
|
+
sectionType: string;
|
|
5
|
+
sectionName: string;
|
|
6
|
+
content: videoSectionContentModel;
|
|
7
|
+
styles: videoSectionStyleModel;
|
|
8
|
+
}
|
|
9
|
+
export interface videoSectionContentModel {
|
|
10
|
+
inputText: [InputTextModel];
|
|
11
|
+
videoLink: {
|
|
12
|
+
url: string;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export interface videoSectionStyleModel extends StylesModel {
|
|
16
|
+
fullScreen: boolean;
|
|
17
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class EventsService {
|
|
4
|
+
constructor();
|
|
5
|
+
editSection: EventEmitter<unknown>;
|
|
6
|
+
duplicate: EventEmitter<unknown>;
|
|
7
|
+
delete: EventEmitter<unknown>;
|
|
8
|
+
backgroundImageChangeCheck: EventEmitter<unknown>;
|
|
9
|
+
colorOverlayChangeChecks: EventEmitter<unknown>;
|
|
10
|
+
alignmentChangeChecks: EventEmitter<unknown>;
|
|
11
|
+
animationChangeChecks: EventEmitter<unknown>;
|
|
12
|
+
spacingChangeChecks: EventEmitter<unknown>;
|
|
13
|
+
borderChangeChecks: EventEmitter<unknown>;
|
|
14
|
+
cardSizeChangeChecks: EventEmitter<unknown>;
|
|
15
|
+
imageStyleChangeChecks: EventEmitter<unknown>;
|
|
16
|
+
cornerChangeChecks: EventEmitter<unknown>;
|
|
17
|
+
textBackgroundChangeChecks: EventEmitter<unknown>;
|
|
18
|
+
buttonStyleChangeChecks: EventEmitter<unknown>;
|
|
19
|
+
postionLayoutChangeChecks: EventEmitter<unknown>;
|
|
20
|
+
contentAlignmentChangeCheck: EventEmitter<unknown>;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<EventsService, never>;
|
|
22
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<EventsService>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { SpacingModel } from './style.model';
|
|
2
|
+
export declare enum Style {
|
|
3
|
+
content = "CONTENT",
|
|
4
|
+
screen = "SCREEN"
|
|
5
|
+
}
|
|
6
|
+
export declare enum SPACING {
|
|
7
|
+
none = "1.5rem",
|
|
8
|
+
small = "3rem",
|
|
9
|
+
medium = "5rem",
|
|
10
|
+
large = "6rem"
|
|
11
|
+
}
|
|
12
|
+
export interface Contet {
|
|
13
|
+
display: 'flex';
|
|
14
|
+
'justify-content': 'center';
|
|
15
|
+
'align-items': 'center';
|
|
16
|
+
height: '100%';
|
|
17
|
+
}
|
|
18
|
+
export interface Screen {
|
|
19
|
+
display: 'flex';
|
|
20
|
+
'justify-content': 'center';
|
|
21
|
+
'align-items': 'center';
|
|
22
|
+
height: 'calc(95vh - 0px)';
|
|
23
|
+
}
|
|
24
|
+
export declare enum BANNERALIGNMENT {
|
|
25
|
+
left = "flex-lg-row",
|
|
26
|
+
right = "flex-lg-row-reverse",
|
|
27
|
+
top = "flex-lg-column",
|
|
28
|
+
bottom = "flex-lg-column-reverse"
|
|
29
|
+
}
|
|
30
|
+
export declare enum BANNERHALIGN {
|
|
31
|
+
left = "justify-content-start text-start",
|
|
32
|
+
center = "justify-content-center text-center",
|
|
33
|
+
right = "justify-content-end text-end"
|
|
34
|
+
}
|
|
35
|
+
export declare enum HALIGN {
|
|
36
|
+
left = "text-align: left",
|
|
37
|
+
center = "text-align: center",
|
|
38
|
+
right = "text-align: right"
|
|
39
|
+
}
|
|
40
|
+
export declare enum VALIGN {
|
|
41
|
+
left = "text-align: top",
|
|
42
|
+
center = "text-align: center",
|
|
43
|
+
right = "text-align: bottom"
|
|
44
|
+
}
|
|
45
|
+
export declare enum Padding {
|
|
46
|
+
top = "padding-top",
|
|
47
|
+
bottom = "padding-bottom"
|
|
48
|
+
}
|
|
49
|
+
export declare const animation: {
|
|
50
|
+
type: {
|
|
51
|
+
top: string;
|
|
52
|
+
bottom: string;
|
|
53
|
+
left: string;
|
|
54
|
+
right: string;
|
|
55
|
+
fadeIn: string;
|
|
56
|
+
zoom: string;
|
|
57
|
+
};
|
|
58
|
+
speed: {
|
|
59
|
+
slow: string;
|
|
60
|
+
medium: string;
|
|
61
|
+
fast: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
export declare const contentAlignment: {
|
|
65
|
+
top: string;
|
|
66
|
+
center: string;
|
|
67
|
+
bottom: string;
|
|
68
|
+
};
|
|
69
|
+
export declare const fitContent: (element: any) => void;
|
|
70
|
+
export declare const fitScreen: (element: any) => void;
|
|
71
|
+
export declare const applyStyle: (element: any, styleObj: any) => void;
|
|
72
|
+
export declare const applySpacing: (element: any, space?: SpacingModel) => void;
|
|
73
|
+
export declare enum RedirectionLinkType {
|
|
74
|
+
Page = "Page",
|
|
75
|
+
External = "External",
|
|
76
|
+
Email = "Email",
|
|
77
|
+
Phone = "Phone",
|
|
78
|
+
section = "Section"
|
|
79
|
+
}
|
|
80
|
+
export declare enum Corners {
|
|
81
|
+
Small = "Small",
|
|
82
|
+
Medium = "Medium",
|
|
83
|
+
Large = "Large",
|
|
84
|
+
None = "None"
|
|
85
|
+
}
|
|
86
|
+
export declare enum TextPosition {
|
|
87
|
+
BELOW_IMAGE = "Below image",
|
|
88
|
+
TOP_OF_IMAGE = "On top of image",
|
|
89
|
+
COVERING_IMAGE = "Covering image"
|
|
90
|
+
}
|
|
91
|
+
export declare enum ImageFit {
|
|
92
|
+
Cover = "Cover",
|
|
93
|
+
Contain = "Contain"
|
|
94
|
+
}
|
|
95
|
+
export declare enum ImageRatio {
|
|
96
|
+
SQUARE = "1:1",
|
|
97
|
+
PORTRAIT = "2:3",
|
|
98
|
+
LANDSCAPE = "3:2",
|
|
99
|
+
WIDESCREEN = "16:9"
|
|
100
|
+
}
|
|
101
|
+
export declare enum AlignContent {
|
|
102
|
+
Image_TOP = "top",
|
|
103
|
+
Image_CENTER = "center",
|
|
104
|
+
Image_BOTTOM = "bottom"
|
|
105
|
+
}
|
|
106
|
+
export declare enum ChannelType {
|
|
107
|
+
FACEBOOK = "Facebook",
|
|
108
|
+
TWITTER = "Twitter",
|
|
109
|
+
LINKEDIN = "LinkedIn",
|
|
110
|
+
YOUTUBE = "Youtube",
|
|
111
|
+
INSTAGRAM = "Instagram",
|
|
112
|
+
TELEGRAM = "Telegram",
|
|
113
|
+
THREADS = "Threads"
|
|
114
|
+
}
|
|
115
|
+
export declare enum FooterTypes {
|
|
116
|
+
SPLIT_DETAILS_RIGHT = "Split Details Right",
|
|
117
|
+
SPLIT_DETAILS_LEFT = "Split Details Left",
|
|
118
|
+
STACKED_DETAILS_RIGHT = "Stacked Details Right",
|
|
119
|
+
STACKED_DETAILS_CENTER = "Stacked Details Center",
|
|
120
|
+
STACKED_DETAILS_LEFT = "Stacked Details Left",
|
|
121
|
+
SIMPLE_DETAILS_RIGHT = "Simple Details Right",
|
|
122
|
+
SIMPLE_DETAILS_CENTER = "Simple Details Center"
|
|
123
|
+
}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { AlignContent, Corners, ImageFit, ImageRatio, RedirectionLinkType, TextPosition } from '.';
|
|
2
|
+
import { ALIGN, ANIMATION_DIRECTION, ANIMATION_SPEED, BUTTON_SHAPE, BUTTON_TYPE, CARD_SIZE, FIT, LAYOUTPOSITION, LINK_TYPE, SPACING_TYPE, CONTENTPOSITION } from './types';
|
|
3
|
+
export interface SpacingModel {
|
|
4
|
+
top: SPACING_TYPE;
|
|
5
|
+
bottom: SPACING_TYPE;
|
|
6
|
+
}
|
|
7
|
+
export interface PositionModel {
|
|
8
|
+
x: number;
|
|
9
|
+
y: number;
|
|
10
|
+
}
|
|
11
|
+
export interface BorderModel {
|
|
12
|
+
display: boolean;
|
|
13
|
+
color: string;
|
|
14
|
+
type: string;
|
|
15
|
+
thickness: string;
|
|
16
|
+
}
|
|
17
|
+
export interface DeviderModel {
|
|
18
|
+
display: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface LayOutModel {
|
|
21
|
+
align: ALIGN;
|
|
22
|
+
fit: FIT;
|
|
23
|
+
spacing: SpacingModel;
|
|
24
|
+
}
|
|
25
|
+
export interface BannerLayOutModel {
|
|
26
|
+
layoutAlignment: PositionLayoutModal;
|
|
27
|
+
contentAlignment: contentAlignmentModal;
|
|
28
|
+
fit: FIT;
|
|
29
|
+
spacing: SpacingModel;
|
|
30
|
+
bannerImageDisplay: boolean;
|
|
31
|
+
}
|
|
32
|
+
export interface contentAlignmentModal {
|
|
33
|
+
label: string;
|
|
34
|
+
value: CONTENTPOSITION;
|
|
35
|
+
types: [];
|
|
36
|
+
}
|
|
37
|
+
export interface PositionLayoutModal {
|
|
38
|
+
label: string;
|
|
39
|
+
value: LAYOUTPOSITION;
|
|
40
|
+
types: ["left", "right", "top", "bottom"];
|
|
41
|
+
}
|
|
42
|
+
export interface BackgroundModel {
|
|
43
|
+
color: string;
|
|
44
|
+
accentColor: string;
|
|
45
|
+
image: string;
|
|
46
|
+
altName: string;
|
|
47
|
+
opacity: number;
|
|
48
|
+
showImage: boolean;
|
|
49
|
+
position: PositionModel;
|
|
50
|
+
}
|
|
51
|
+
export interface AnimationModel {
|
|
52
|
+
type: ANIMATION_DIRECTION;
|
|
53
|
+
speed: ANIMATION_SPEED;
|
|
54
|
+
}
|
|
55
|
+
export interface StylesModel {
|
|
56
|
+
layout: LayOutModel;
|
|
57
|
+
background: BackgroundModel;
|
|
58
|
+
animation: AnimationModel;
|
|
59
|
+
border: BorderModel;
|
|
60
|
+
devider: DeviderModel;
|
|
61
|
+
}
|
|
62
|
+
export interface DisplaySection {
|
|
63
|
+
showHeading: boolean;
|
|
64
|
+
showContent: boolean;
|
|
65
|
+
showImage: boolean;
|
|
66
|
+
showLink: boolean;
|
|
67
|
+
linkType: LINK_TYPE;
|
|
68
|
+
}
|
|
69
|
+
export interface Button {
|
|
70
|
+
linkType: RedirectionLinkType;
|
|
71
|
+
label: string;
|
|
72
|
+
redirectionUrl: string;
|
|
73
|
+
newTab: boolean;
|
|
74
|
+
}
|
|
75
|
+
export interface ListItemModal<T> {
|
|
76
|
+
label: string;
|
|
77
|
+
data: T[];
|
|
78
|
+
}
|
|
79
|
+
export interface CardStyles {
|
|
80
|
+
image: ImageStyle;
|
|
81
|
+
corners: Corners;
|
|
82
|
+
size: CARD_SIZE;
|
|
83
|
+
textPosition: TextPosition;
|
|
84
|
+
textBackground: TextBackground;
|
|
85
|
+
}
|
|
86
|
+
export interface TextBackground {
|
|
87
|
+
color: string;
|
|
88
|
+
amount: number;
|
|
89
|
+
}
|
|
90
|
+
export interface ImageStyle {
|
|
91
|
+
fit: ImageFit;
|
|
92
|
+
ratio: ImageRatio;
|
|
93
|
+
}
|
|
94
|
+
export interface BannerStylesModel {
|
|
95
|
+
layout: LayOutModel;
|
|
96
|
+
positionLayout: PositionLayoutModal;
|
|
97
|
+
contentAlignment: AlignContent;
|
|
98
|
+
borderLessImage: boolean;
|
|
99
|
+
background: BackgroundModel;
|
|
100
|
+
animation: AnimationModel;
|
|
101
|
+
border: BorderModel;
|
|
102
|
+
devider: DeviderModel;
|
|
103
|
+
image: ImageStyle;
|
|
104
|
+
corners: Corners;
|
|
105
|
+
}
|
|
106
|
+
export interface InputTextModel {
|
|
107
|
+
label: string;
|
|
108
|
+
value: string;
|
|
109
|
+
isRTE: boolean;
|
|
110
|
+
}
|
|
111
|
+
export interface Image {
|
|
112
|
+
url: string;
|
|
113
|
+
altText: string;
|
|
114
|
+
position: PositionModel;
|
|
115
|
+
}
|
|
116
|
+
export interface Icon {
|
|
117
|
+
url: string;
|
|
118
|
+
color: string;
|
|
119
|
+
}
|
|
120
|
+
export interface ButtonStyleModel {
|
|
121
|
+
type: BUTTON_TYPE;
|
|
122
|
+
shape: BUTTON_SHAPE;
|
|
123
|
+
}
|
|
124
|
+
export interface ActionModel {
|
|
125
|
+
display: boolean;
|
|
126
|
+
buttons: ButtonModel[];
|
|
127
|
+
}
|
|
128
|
+
export interface ButtonModel {
|
|
129
|
+
id: string;
|
|
130
|
+
content: Button;
|
|
131
|
+
styles: ButtonStyleModel;
|
|
132
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type SPACING_TYPE = 'none' | 'small' | 'medium' | 'large';
|
|
2
|
+
export type ALIGN = 'left' | 'center' | 'right';
|
|
3
|
+
export type LAYOUTPOSITION = 'left' | 'right' | 'top' | 'bottom';
|
|
4
|
+
export type CONTENTPOSITION = 'image center' | 'image top' | 'image bottom';
|
|
5
|
+
export type FIT = 'content' | 'screen';
|
|
6
|
+
export type CARD_SIZE = 'Small' | 'Medium' | 'Large';
|
|
7
|
+
export type ANIMATION_DIRECTION = 'left' | 'top' | 'bottom' | 'right' | 'fadeIn' | 'zoom';
|
|
8
|
+
export type ANIMATION_SPEED = 'slow' | 'medium' | 'fast';
|
|
9
|
+
export type LINK_TYPE = 'Button' | 'List Item';
|
|
10
|
+
export type BUTTON_TYPE = 'Solid' | 'Outline';
|
|
11
|
+
export type BUTTON_SHAPE = 'Round' | 'Square';
|
|
12
|
+
export type FOOTER_IMAGE_SOURCE = 'BRANDING' | 'UPLOAD';
|
|
13
|
+
export type SOCIAL_ICON_SIZE = 'large' | 'medium' | 'small';
|
|
14
|
+
export type SOCIAL_ICON_SHAPE = 'circle' | 'square' | 'rounded';
|
|
15
|
+
export type SOCIAL_ICON_TYPE = 'solid' | 'outline';
|
|
16
|
+
export type SITE_NAME_LOGo = 'custom' | 'same as header';
|
package/package.json
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "simpo-component-library",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^17.2.0",
|
|
6
|
+
"@angular/core": "^17.2.0",
|
|
7
|
+
"@angular/material": "^17.2.1"
|
|
8
|
+
},
|
|
9
|
+
"sideEffects": false,
|
|
10
|
+
"module": "fesm2022/simpo-component-library.mjs",
|
|
11
|
+
"typings": "index.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
"./package.json": {
|
|
14
|
+
"default": "./package.json"
|
|
15
|
+
},
|
|
16
|
+
".": {
|
|
17
|
+
"types": "./index.d.ts",
|
|
18
|
+
"esm2022": "./esm2022/simpo-component-library.mjs",
|
|
19
|
+
"esm": "./esm2022/simpo-component-library.mjs",
|
|
20
|
+
"default": "./fesm2022/simpo-component-library.mjs"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"tslib": "^2.3.0"
|
|
25
|
+
}
|
|
26
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export * from './lib/sections/text-section/text-section.component';
|
|
2
|
+
export * from './lib/sections/banner-section/banner-section.component';
|
|
3
|
+
export * from './lib/sections/faq-section/faq-section.component';
|
|
4
|
+
export * from './lib/sections/footer-section/footer-section.component';
|
|
5
|
+
export * from './lib/sections/image-carousel-section/image-carousel-section.component';
|
|
6
|
+
export * from './lib/sections/image-grid-section/image-grid-section.component';
|
|
7
|
+
export * from './lib/sections/image-section/image-section.component';
|
|
8
|
+
export * from './lib/sections/service-section/service-section.component';
|
|
9
|
+
export * from './lib/sections/team-member-section/team-member-section.component';
|
|
10
|
+
export * from './lib/sections/testimonial-section/testimonial-section.component';
|
|
11
|
+
export * from './lib/sections/text-image-section/text-image-section.component';
|
|
12
|
+
export * from './lib/sections/video-section/video-section.component';
|
|
Binary file
|