simpo-component-library 3.6.591 → 3.6.593
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/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +18 -12
- package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +62 -16
- package/esm2022/lib/elements/image-editor/image-editor.component.mjs +3 -3
- package/esm2022/lib/sections/image-background/image-background/image-background.component.mjs +8 -11
- package/esm2022/lib/sections/overlapping-image/overlapping-image.component.mjs +9 -12
- package/esm2022/lib/services/analytics.service.mjs +85 -0
- package/esm2022/public-api.mjs +1 -3
- package/fesm2022/simpo-component-library.mjs +153 -161
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/ecommerce/sections/featured-category/featured-category.component.d.ts +1 -1
- package/lib/ecommerce/sections/featured-category/featured-collection.component.d.ts +1 -1
- package/lib/ecommerce/sections/new-collection/new-collection.component.d.ts +1 -1
- package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts +3 -1
- package/lib/ecommerce/sections/product-list/product-list.component.d.ts +5 -1
- package/lib/sections/image-background/image-background/image-background.component.d.ts +3 -3
- package/lib/sections/image-grid-hotspot/image-grid-hotspot.component.d.ts +1 -1
- package/lib/sections/image-grid-section/image-grid-section.component.d.ts +1 -1
- package/lib/sections/overlapping-image/overlapping-image.component.d.ts +4 -4
- package/lib/services/analytics.service.d.ts +24 -0
- package/package.json +1 -1
- package/public-api.d.ts +0 -2
- package/simpo-component-library-3.6.593.tgz +0 -0
- package/esm2022/lib/sections/condensed-and-gradient/condensed-and-gradient.component.mjs +0 -68
- package/esm2022/lib/sections/four-features-centered-image/four-features-centered-image.component.mjs +0 -102
- package/esm2022/lib/sections/four-features-centered-image/four-features-centered-image.modal.mjs +0 -2
- package/lib/sections/condensed-and-gradient/condensed-and-gradient.component.d.ts +0 -19
- package/lib/sections/four-features-centered-image/four-features-centered-image.component.d.ts +0 -26
- package/lib/sections/four-features-centered-image/four-features-centered-image.modal.d.ts +0 -20
- package/simpo-component-library-3.6.591.tgz +0 -0
|
@@ -32,7 +32,7 @@ export declare class FeaturedCategoryComponent extends BaseSection {
|
|
|
32
32
|
get getDirection(): "ROW" | "COLUMN" | undefined;
|
|
33
33
|
get stylesLayout(): LayOutModel;
|
|
34
34
|
get isMobile(): boolean;
|
|
35
|
-
getJustifyContent(): import("simpo-component-library").ALIGN | "
|
|
35
|
+
getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
|
|
36
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCategoryComponent, never>;
|
|
37
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCategoryComponent, "simpo-featured-category", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
38
38
|
}
|
|
@@ -32,7 +32,7 @@ export declare class FeaturedCollectionComponent extends BaseSection {
|
|
|
32
32
|
get getDirection(): "ROW" | "COLUMN" | undefined;
|
|
33
33
|
get isMobile(): boolean;
|
|
34
34
|
editSection(): void;
|
|
35
|
-
getJustifyContent(): import("simpo-component-library").ALIGN | "
|
|
35
|
+
getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
|
|
36
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<FeaturedCollectionComponent, never>;
|
|
37
37
|
static ɵcmp: i0.ɵɵComponentDeclaration<FeaturedCollectionComponent, "simpo-featured-collection", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
38
38
|
}
|
|
@@ -33,7 +33,7 @@ export declare class NewCollectionComponent extends BaseSection {
|
|
|
33
33
|
get isMobile(): boolean;
|
|
34
34
|
editSection(): void;
|
|
35
35
|
getColor(color: any): "#000000" | "#ffffff";
|
|
36
|
-
getJustifyContent(): import("simpo-component-library").ALIGN | "
|
|
36
|
+
getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
|
|
37
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<NewCollectionComponent, never>;
|
|
38
38
|
static ɵcmp: i0.ɵɵComponentDeclaration<NewCollectionComponent, "simpo-new-collection", never, { "data": { "alias": "data"; "required": false; }; "responseData": { "alias": "responseData"; "required": false; }; "index": { "alias": "index"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; }, {}, never, never, true, never>;
|
|
39
39
|
}
|
|
@@ -14,6 +14,7 @@ import { Meta, Title } from '@angular/platform-browser';
|
|
|
14
14
|
import { MatDialog } from '@angular/material/dialog';
|
|
15
15
|
import { MatBottomSheet } from '@angular/material/bottom-sheet';
|
|
16
16
|
import { CustomerReviewComponent } from '../../sections/customer-review/customer-review.component';
|
|
17
|
+
import { AnalyticsService } from '../../../services/analytics.service';
|
|
17
18
|
import * as i0 from "@angular/core";
|
|
18
19
|
export declare class ProductDescComponent extends BaseSection {
|
|
19
20
|
private platformId;
|
|
@@ -29,6 +30,7 @@ export declare class ProductDescComponent extends BaseSection {
|
|
|
29
30
|
private readonly bottomSheet;
|
|
30
31
|
private renderer;
|
|
31
32
|
private matDialog;
|
|
33
|
+
private analyticsService;
|
|
32
34
|
reviewComponent: CustomerReviewComponent;
|
|
33
35
|
aboveHeight: ElementRef<HTMLDivElement>;
|
|
34
36
|
container: ElementRef<HTMLDivElement>;
|
|
@@ -52,7 +54,7 @@ export declare class ProductDescComponent extends BaseSection {
|
|
|
52
54
|
showReview: boolean;
|
|
53
55
|
selectedReview: any;
|
|
54
56
|
currentImageIndex: number;
|
|
55
|
-
constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title, bottomSheet: MatBottomSheet, renderer: Renderer2, matDialog: MatDialog);
|
|
57
|
+
constructor(platformId: Object, _eventService: EventsService, router: Router, activatedRoute: ActivatedRoute, restService: RestService, cartService: CartService, storageService: StorageServiceService, messageService: MessageService, metaTagService: Meta, titleService: Title, bottomSheet: MatBottomSheet, renderer: Renderer2, matDialog: MatDialog, analyticsService: AnalyticsService);
|
|
56
58
|
buttonId?: string;
|
|
57
59
|
button?: ButtonModel;
|
|
58
60
|
styles?: ProductDescStylesModal;
|
|
@@ -12,6 +12,7 @@ import { MatDialog } from '@angular/material/dialog';
|
|
|
12
12
|
import { CartService } from '../../../services/cart.service';
|
|
13
13
|
import { MenuItem, MessageService } from 'primeng/api';
|
|
14
14
|
import { ProductCardTheme } from '../../../styles/index';
|
|
15
|
+
import { AnalyticsService } from '../../../services/analytics.service';
|
|
15
16
|
import * as i0 from "@angular/core";
|
|
16
17
|
interface BaseModel {
|
|
17
18
|
option: string;
|
|
@@ -31,6 +32,7 @@ export declare class ProductListComponent extends BaseSection {
|
|
|
31
32
|
private readonly cartService;
|
|
32
33
|
private readonly messageService;
|
|
33
34
|
private renderer;
|
|
35
|
+
private readonly analyticsService;
|
|
34
36
|
responseData?: Product[];
|
|
35
37
|
data?: ProductListModal;
|
|
36
38
|
index?: number;
|
|
@@ -77,7 +79,7 @@ export declare class ProductListComponent extends BaseSection {
|
|
|
77
79
|
listScrollContainer: ElementRef<HTMLDivElement>;
|
|
78
80
|
getScreenSize(): void;
|
|
79
81
|
onWindowScroll(event: Event): void;
|
|
80
|
-
constructor(platformId: Object, _eventService: EventsService, restService: RestService, router: Router, activatedRoute: ActivatedRoute, storageService: StorageServiceService, matBottomSheet: MatBottomSheet, matDialog: MatDialog, cartService: CartService, messageService: MessageService, renderer: Renderer2);
|
|
82
|
+
constructor(platformId: Object, _eventService: EventsService, restService: RestService, router: Router, activatedRoute: ActivatedRoute, storageService: StorageServiceService, matBottomSheet: MatBottomSheet, matDialog: MatDialog, cartService: CartService, messageService: MessageService, renderer: Renderer2, analyticsService: AnalyticsService);
|
|
81
83
|
get stylesLayout(): LayOutModel;
|
|
82
84
|
isOpen: boolean;
|
|
83
85
|
toggleDropdown(): void;
|
|
@@ -103,6 +105,8 @@ export declare class ProductListComponent extends BaseSection {
|
|
|
103
105
|
toShowInJewellery: boolean;
|
|
104
106
|
IsEcommerce: boolean;
|
|
105
107
|
ngOnInit(): void;
|
|
108
|
+
fetchAnalytics(): void;
|
|
109
|
+
getCategoriesAndCollection(): void;
|
|
106
110
|
get selectedCategoryCollectionChips(): {
|
|
107
111
|
id: string;
|
|
108
112
|
name: string;
|
|
@@ -11,11 +11,11 @@ export declare class ImageBackgroundComponent extends BaseSection {
|
|
|
11
11
|
customClass?: string;
|
|
12
12
|
delete?: boolean;
|
|
13
13
|
styles?: ImageBackgroudStylesModal;
|
|
14
|
-
content
|
|
15
|
-
|
|
14
|
+
content?: ImageBackgroundContentModal;
|
|
15
|
+
heading: string;
|
|
16
|
+
subText: string;
|
|
16
17
|
constructor();
|
|
17
18
|
ngOnInit(): void;
|
|
18
|
-
getScreenSize(): void;
|
|
19
19
|
get stylesLayout(): LayOutModel;
|
|
20
20
|
get headingSpace(): SPACING;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<ImageBackgroundComponent, never>;
|
|
@@ -23,7 +23,7 @@ export declare class ImageGridHotspotComponent extends BaseSection {
|
|
|
23
23
|
get headingSpace(): SPACING;
|
|
24
24
|
editSection(): void;
|
|
25
25
|
getLength(): number;
|
|
26
|
-
getJustifyContent(): import("simpo-component-library").ALIGN | "
|
|
26
|
+
getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
|
|
27
27
|
private get scrollStep();
|
|
28
28
|
scrollRight(): void;
|
|
29
29
|
isOverflowing: boolean;
|
|
@@ -23,7 +23,7 @@ export declare class ImageGridSectionComponent extends BaseSection {
|
|
|
23
23
|
get headingSpace(): SPACING;
|
|
24
24
|
editSection(): void;
|
|
25
25
|
getLength(): number;
|
|
26
|
-
getJustifyContent(): import("simpo-component-library").ALIGN | "
|
|
26
|
+
getJustifyContent(): "" | import("simpo-component-library").ALIGN | "flex-start";
|
|
27
27
|
private get scrollStep();
|
|
28
28
|
scrollRight(): void;
|
|
29
29
|
isOverflowing: boolean;
|
|
@@ -11,15 +11,15 @@ export declare class OverlappingImageComponent extends BaseSection {
|
|
|
11
11
|
customClass?: string;
|
|
12
12
|
delete?: boolean;
|
|
13
13
|
styles?: OverlappingImagestyleModal;
|
|
14
|
-
content
|
|
15
|
-
|
|
14
|
+
content?: OverlappingImageContentModal;
|
|
15
|
+
heading: string;
|
|
16
|
+
subText: string;
|
|
16
17
|
constructor();
|
|
17
18
|
ngOnInit(): void;
|
|
18
|
-
getScreenSize(): void;
|
|
19
19
|
get stylesLayout(): LayOutModel;
|
|
20
20
|
get headingSpace(): SPACING;
|
|
21
21
|
getGradientDirection(direction: string | undefined): string;
|
|
22
|
-
|
|
22
|
+
getAccentBackground(): string;
|
|
23
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<OverlappingImageComponent, never>;
|
|
24
24
|
static ɵcmp: i0.ɵɵComponentDeclaration<OverlappingImageComponent, "simpo-overlapping-image", never, { "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "index": { "alias": "index"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
|
|
25
25
|
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HttpClient } from '@angular/common/http';
|
|
2
|
+
import { StorageServiceService } from './storage.service';
|
|
3
|
+
import { StorageLike } from '../services/storage-like';
|
|
4
|
+
import { Router } from '@angular/router';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class AnalyticsService {
|
|
7
|
+
private http;
|
|
8
|
+
private platformId;
|
|
9
|
+
private document;
|
|
10
|
+
private readonly storageService;
|
|
11
|
+
private API_URL;
|
|
12
|
+
private storage;
|
|
13
|
+
private router;
|
|
14
|
+
private eventQueue;
|
|
15
|
+
private BATCH_SIZE;
|
|
16
|
+
private FLUSH_INTERVAL;
|
|
17
|
+
constructor(http: HttpClient, platformId: Object, document: Document, storageService: StorageServiceService, API_URL: string, storage: StorageLike, router: Router);
|
|
18
|
+
trackUser(event: any): void;
|
|
19
|
+
private startAutoFlush;
|
|
20
|
+
private flush;
|
|
21
|
+
private listenToUnload;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AnalyticsService, never>;
|
|
23
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AnalyticsService>;
|
|
24
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -72,8 +72,6 @@ export * from './lib/sections/video-grid-section/video-grid-section.component';
|
|
|
72
72
|
export * from './lib/sections/countdown-banner/countdown-banner.component';
|
|
73
73
|
export * from './lib/sections/overlapping-image/overlapping-image.component';
|
|
74
74
|
export * from './lib/sections/image-background/image-background/image-background.component';
|
|
75
|
-
export * from './lib/sections/condensed-and-gradient/condensed-and-gradient.component';
|
|
76
|
-
export * from './lib/sections/four-features-centered-image/four-features-centered-image.component';
|
|
77
75
|
export * from './lib/services/events.service';
|
|
78
76
|
export * from './lib/services/endUser.service';
|
|
79
77
|
export * from './lib/services/sanitizeHtml';
|
|
Binary file
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { SimpoElementsModule } from '../../elements/index';
|
|
4
|
-
import { SimpoComponentModule } from '../../components/index';
|
|
5
|
-
import { TextEditorComponent } from '../../elements/text-editor/text-editor.component';
|
|
6
|
-
import { BackgroundDirective } from '../../directive/background-directive';
|
|
7
|
-
import { HoverDirective } from '../../directive/hover-element-directive';
|
|
8
|
-
import { OverlayDirective } from '../../directive/overlay-directive';
|
|
9
|
-
import { BorderDirective } from '../../directive/border-directive';
|
|
10
|
-
import { SpacingHorizontalDirective } from '../../directive/spacing-horizontal.directive';
|
|
11
|
-
import { ContentFitDirective } from '../../directive/content-fit-directive';
|
|
12
|
-
import BaseSection from '../BaseSection';
|
|
13
|
-
import { ImageEditorDirective } from '../../directive/image-editor.directive';
|
|
14
|
-
import { IconDirectiveDirective } from '../../directive/icon-directive.directive';
|
|
15
|
-
import * as i0 from "@angular/core";
|
|
16
|
-
import * as i1 from "@angular/common";
|
|
17
|
-
import * as i2 from "../../elements/simpo-button/simpo-button.component";
|
|
18
|
-
import * as i3 from "../../elements/svg-divider/svg-divider.component";
|
|
19
|
-
import * as i4 from "../../components/hover-elements/hover-elements.component";
|
|
20
|
-
import * as i5 from "../../components/delete-hover-element/delete-hover-element.component";
|
|
21
|
-
export class CondensedAndGradientComponent extends BaseSection {
|
|
22
|
-
ngOnInit() {
|
|
23
|
-
this.content = this.data?.content;
|
|
24
|
-
this.style = this.data?.styles;
|
|
25
|
-
}
|
|
26
|
-
get stylesLayout() {
|
|
27
|
-
return { ...this.style?.layout };
|
|
28
|
-
}
|
|
29
|
-
getIconBackground(icon) {
|
|
30
|
-
if (icon?.backgroundType === 'Gradient') {
|
|
31
|
-
const direction = icon?.backgroundGradientDirection || 'to bottom';
|
|
32
|
-
return `linear-gradient(${direction}, ${icon?.backgroundColor}, ${icon?.secondaryColor})`;
|
|
33
|
-
}
|
|
34
|
-
return icon?.backgroundColor;
|
|
35
|
-
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CondensedAndGradientComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CondensedAndGradientComponent, isStandalone: true, selector: "simpo-condensed-and-gradient", inputs: { edit: "edit", data: "data", customClass: "customClass", nextComponentColor: "nextComponentColor", index: "index", delete: "delete" }, usesInheritance: true, ngImport: i0, template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"sale-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\" [simpoBorder]=\"style?.border\"\r\n [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\" class=\"sale-bar\">\r\n\r\n <!-- LEFT -->\r\n <div class=\"left-section\">\r\n <div class=\"logo\"\r\n [style.background]=\"content?.icon?.showBackground ? getIconBackground(content?.icon) : 'transparent'\"\r\n [appImageEditor]=\"edit || false\" [iconData]=\"content?.icon\" [sectionId]=\"data?.id\" [showIcon]=\"true\">\r\n <div [iconId]=\"data?.id + (content?.icon?.id || '')\" [simpoIconDirective]=\"content?.icon\" class=\"w-75 h-75\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"text\">\r\n <div class=\"sale-text\">\r\n <simpo-text-editor [(value)]=\"content.inputText[0].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n\r\n <div class=\"sale-description\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- RIGHT BUTTON -->\r\n <div class=\"sale-action\" *ngIf=\"data?.action?.display\">\r\n <div *ngFor=\"let button of data?.action?.buttons\">\r\n <app-button-element [buttonContent]=\"button.content\" [buttonStyle]=\"button.styles\" [buttonId]=\"button.id\"\r\n [sectionId]=\"data?.id\" [color]=\"data?.styles?.background?.accentColor\" [edit]=\"edit\"\r\n [backgroundInfo]=\"data?.styles?.background\">\r\n </app-button-element>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <ng-container *ngIf=\"style?.devider?.display\">\r\n <simpo-svg-divider [dividerType]=\"style?.devider?.deviderType\"\r\n [color]=\"nextComponentColor?.color\"></simpo-svg-divider>\r\n </ng-container>\r\n\r\n <!-- EDIT SELECTOR -->\r\n <div [ngClass]=\"{ hover_effect: edit }\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n\r\n <!-- DELETE -->\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{ hover_effect: delete }\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n </div>\r\n</section>", styles: [".sale-wrapper{width:100%}.total-container{height:auto;position:relative}.sale-bar{width:100%;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:28px 50px}.left-section{display:flex;align-items:center;gap:14px;width:47%;min-width:320px}.sale-text{font-size:26px;font-weight:600;width:100%;display:block;text-align:left}.sale-description{width:100%;display:block;font-size:16px;opacity:.9;text-align:left;min-height:20px}.text{flex:1;width:100%;min-width:260px;text-align:left}.sale-timer{display:flex;gap:18px}.left-section{display:flex;justify-content:space-between;width:47%}.logo{width:60px;height:60px;min-width:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.time-card{background-color:#fff;color:#1c2a39;padding:6px 14px;border-radius:8px;text-align:center;min-width:60px}.time-card span{display:block;font-size:18px;font-weight:600}.time-card small{font-size:11px;letter-spacing:1px;font-weight:500}.sale-action{display:flex;align-items:center;gap:20px}.shop-button{background-color:#fff;color:#1c2a39;border:none;padding:5px 14px;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:.3s ease}.shop-button:hover{background-color:#f2f2f2}.close-icon{font-size:20px;cursor:pointer;opacity:.8}.close-icon:hover{opacity:1}@media (max-width: 768px){.sale-bar{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:18px}.left-section{width:100%;flex-direction:row;align-items:center;gap:12px}.logo{width:22%;height:60px}.editor-container{text-align:start}.text{text-align:start;width:100%}.sale-text{font-size:20px}.sale-description{font-size:14px;opacity:.9}.sale-action{width:100%;justify-content:center}}@media (min-width: 769px) and (max-width: 1024px){.sale-bar{padding:22px 30px;gap:20px}.left-section{width:65%;gap:15px}.logo{width:55px;height:55px}.sale-text{font-size:22px}.sale-description{font-size:15px}.sale-action{align-items:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: i2.SimpoButtonComponent, selector: "app-button-element", inputs: ["buttonContent", "buttonStyle", "buttonId", "color", "sectionId", "edit", "backgroundInfo"] }, { kind: "component", type: i3.SvgDividerComponent, selector: "simpo-svg-divider", inputs: ["dividerType", "color"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i4.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: i5.DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "component", type: TextEditorComponent, selector: "simpo-text-editor", inputs: ["value", "editable", "sectionId", "label", "type"], outputs: ["valueChange"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal", "isHeader"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: ImageEditorDirective, selector: "[appImageEditor]", inputs: ["appImageEditor", "imageData", "sectionId", "showIcon", "iconData"] }, { kind: "directive", type: IconDirectiveDirective, selector: "[simpoIconDirective]", inputs: ["simpoIconDirective", "iconId"] }] }); }
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CondensedAndGradientComponent, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{ selector: 'simpo-condensed-and-gradient', standalone: true, imports: [
|
|
42
|
-
CommonModule,
|
|
43
|
-
SimpoElementsModule,
|
|
44
|
-
SimpoComponentModule,
|
|
45
|
-
TextEditorComponent,
|
|
46
|
-
BackgroundDirective,
|
|
47
|
-
HoverDirective,
|
|
48
|
-
OverlayDirective,
|
|
49
|
-
SpacingHorizontalDirective,
|
|
50
|
-
BorderDirective,
|
|
51
|
-
ContentFitDirective,
|
|
52
|
-
ImageEditorDirective,
|
|
53
|
-
IconDirectiveDirective
|
|
54
|
-
], template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"sale-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoOverlay]=\"style?.background\" [simpoBorder]=\"style?.border\"\r\n [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\" class=\"sale-bar\">\r\n\r\n <!-- LEFT -->\r\n <div class=\"left-section\">\r\n <div class=\"logo\"\r\n [style.background]=\"content?.icon?.showBackground ? getIconBackground(content?.icon) : 'transparent'\"\r\n [appImageEditor]=\"edit || false\" [iconData]=\"content?.icon\" [sectionId]=\"data?.id\" [showIcon]=\"true\">\r\n <div [iconId]=\"data?.id + (content?.icon?.id || '')\" [simpoIconDirective]=\"content?.icon\" class=\"w-75 h-75\">\r\n </div>\r\n </div>\r\n\r\n <div class=\"text\">\r\n <div class=\"sale-text\">\r\n <simpo-text-editor [(value)]=\"content.inputText[0].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n\r\n <div class=\"sale-description\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- RIGHT BUTTON -->\r\n <div class=\"sale-action\" *ngIf=\"data?.action?.display\">\r\n <div *ngFor=\"let button of data?.action?.buttons\">\r\n <app-button-element [buttonContent]=\"button.content\" [buttonStyle]=\"button.styles\" [buttonId]=\"button.id\"\r\n [sectionId]=\"data?.id\" [color]=\"data?.styles?.background?.accentColor\" [edit]=\"edit\"\r\n [backgroundInfo]=\"data?.styles?.background\">\r\n </app-button-element>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <ng-container *ngIf=\"style?.devider?.display\">\r\n <simpo-svg-divider [dividerType]=\"style?.devider?.deviderType\"\r\n [color]=\"nextComponentColor?.color\"></simpo-svg-divider>\r\n </ng-container>\r\n\r\n <!-- EDIT SELECTOR -->\r\n <div [ngClass]=\"{ hover_effect: edit }\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\"></simpo-hover-elements>\r\n </div>\r\n\r\n <!-- DELETE -->\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{ hover_effect: delete }\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\"></simpo-delete-hover-element>\r\n </div>\r\n </div>\r\n</section>", styles: [".sale-wrapper{width:100%}.total-container{height:auto;position:relative}.sale-bar{width:100%;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:28px 50px}.left-section{display:flex;align-items:center;gap:14px;width:47%;min-width:320px}.sale-text{font-size:26px;font-weight:600;width:100%;display:block;text-align:left}.sale-description{width:100%;display:block;font-size:16px;opacity:.9;text-align:left;min-height:20px}.text{flex:1;width:100%;min-width:260px;text-align:left}.sale-timer{display:flex;gap:18px}.left-section{display:flex;justify-content:space-between;width:47%}.logo{width:60px;height:60px;min-width:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.time-card{background-color:#fff;color:#1c2a39;padding:6px 14px;border-radius:8px;text-align:center;min-width:60px}.time-card span{display:block;font-size:18px;font-weight:600}.time-card small{font-size:11px;letter-spacing:1px;font-weight:500}.sale-action{display:flex;align-items:center;gap:20px}.shop-button{background-color:#fff;color:#1c2a39;border:none;padding:5px 14px;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:.3s ease}.shop-button:hover{background-color:#f2f2f2}.close-icon{font-size:20px;cursor:pointer;opacity:.8}.close-icon:hover{opacity:1}@media (max-width: 768px){.sale-bar{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:18px}.left-section{width:100%;flex-direction:row;align-items:center;gap:12px}.logo{width:22%;height:60px}.editor-container{text-align:start}.text{text-align:start;width:100%}.sale-text{font-size:20px}.sale-description{font-size:14px;opacity:.9}.sale-action{width:100%;justify-content:center}}@media (min-width: 769px) and (max-width: 1024px){.sale-bar{padding:22px 30px;gap:20px}.left-section{width:65%;gap:15px}.logo{width:55px;height:55px}.sale-text{font-size:22px}.sale-description{font-size:15px}.sale-action{align-items:center}}\n"] }]
|
|
55
|
-
}], propDecorators: { edit: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}], data: [{
|
|
58
|
-
type: Input
|
|
59
|
-
}], customClass: [{
|
|
60
|
-
type: Input
|
|
61
|
-
}], nextComponentColor: [{
|
|
62
|
-
type: Input
|
|
63
|
-
}], index: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], delete: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}] } });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZGVuc2VkLWFuZC1ncmFkaWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2NvbmRlbnNlZC1hbmQtZ3JhZGllbnQvY29uZGVuc2VkLWFuZC1ncmFkaWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2NvbmRlbnNlZC1hbmQtZ3JhZGllbnQvY29uZGVuc2VkLWFuZC1ncmFkaWVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFFTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUMxRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUc1RSxPQUFPLFdBQVcsTUFBTSxnQkFBZ0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7OztBQXNCbEYsTUFBTSxPQUFPLDZCQUE4QixTQUFRLFdBQVc7SUFZNUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsaUJBQWlCLENBQUMsSUFBUztRQUN6QixJQUFJLElBQUksRUFBRSxjQUFjLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDeEMsTUFBTSxTQUFTLEdBQUcsSUFBSSxFQUFFLDJCQUEyQixJQUFJLFdBQVcsQ0FBQztZQUNuRSxPQUFPLG1CQUFtQixTQUFTLEtBQUssSUFBSSxFQUFFLGVBQWUsS0FBSyxJQUFJLEVBQUUsY0FBYyxHQUFHLENBQUM7UUFDNUYsQ0FBQztRQUNELE9BQU8sSUFBSSxFQUFFLGVBQWUsQ0FBQztJQUMvQixDQUFDOytHQTNCVSw2QkFBNkI7bUdBQTdCLDZCQUE2QiwrUEM1QzFDLHlrRkFxRFUsNDlERHpCTixZQUFZLDZWQUNaLG1CQUFtQixnVkFDbkIsb0JBQW9CLG9XQUNwQixtQkFBbUIscUpBQ25CLG1CQUFtQiwwR0FDbkIsY0FBYyxnRkFDZCxnQkFBZ0IscUZBQ2hCLDBCQUEwQiwyR0FDMUIsZUFBZSxtRkFDZixtQkFBbUIsbUZBQ25CLG9CQUFvQiwySUFDcEIsc0JBQXNCOzs0RkFLYiw2QkFBNkI7a0JBcEJ6QyxTQUFTOytCQUNFLDhCQUE4QixjQUM1QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQiwwQkFBMEI7d0JBQzFCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHNCQUFzQjtxQkFDdkI7OEJBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnLi4vLi4vZWxlbWVudHMvaW5kZXgnO1xyXG5pbXBvcnQgeyBTaW1wb0NvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvaW5kZXgnO1xyXG5pbXBvcnQgeyBUZXh0RWRpdG9yQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZWxlbWVudHMvdGV4dC1lZGl0b3IvdGV4dC1lZGl0b3IuY29tcG9uZW50JztcclxuXHJcbmltcG9ydCB7IEJhY2tncm91bmREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvYmFja2dyb3VuZC1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBIb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9ob3Zlci1lbGVtZW50LWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvb3ZlcmxheS1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBCb3JkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvYm9yZGVyLWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFNwYWNpbmdIb3Jpem9udGFsRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL3NwYWNpbmctaG9yaXpvbnRhbC5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBDb250ZW50Rml0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2NvbnRlbnQtZml0LWRpcmVjdGl2ZSc7XHJcblxyXG5pbXBvcnQgeyBCYWNrZ3JvdW5kTW9kZWwsIExheU91dE1vZGVsIH0gZnJvbSAnLi4vLi4vc3R5bGVzL3N0eWxlLm1vZGVsJztcclxuaW1wb3J0IEJhc2VTZWN0aW9uIGZyb20gJy4uL0Jhc2VTZWN0aW9uJztcclxuXHJcbmltcG9ydCB7IEltYWdlRWRpdG9yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2ltYWdlLWVkaXRvci5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBJY29uRGlyZWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2ljb24tZGlyZWN0aXZlLmRpcmVjdGl2ZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLWNvbmRlbnNlZC1hbmQtZ3JhZGllbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgU2ltcG9FbGVtZW50c01vZHVsZSxcclxuICAgIFNpbXBvQ29tcG9uZW50TW9kdWxlLFxyXG4gICAgVGV4dEVkaXRvckNvbXBvbmVudCxcclxuICAgIEJhY2tncm91bmREaXJlY3RpdmUsXHJcbiAgICBIb3ZlckRpcmVjdGl2ZSxcclxuICAgIE92ZXJsYXlEaXJlY3RpdmUsXHJcbiAgICBTcGFjaW5nSG9yaXpvbnRhbERpcmVjdGl2ZSxcclxuICAgIEJvcmRlckRpcmVjdGl2ZSxcclxuICAgIENvbnRlbnRGaXREaXJlY3RpdmUsXHJcbiAgICBJbWFnZUVkaXRvckRpcmVjdGl2ZSxcclxuICAgIEljb25EaXJlY3RpdmVEaXJlY3RpdmVcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb25kZW5zZWQtYW5kLWdyYWRpZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY29uZGVuc2VkLWFuZC1ncmFkaWVudC5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZGVuc2VkQW5kR3JhZGllbnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlU2VjdGlvbiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIGVkaXQ/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRhdGE/OiBhbnk7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3M/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbmV4dENvbXBvbmVudENvbG9yPzogQmFja2dyb3VuZE1vZGVsO1xyXG4gIEBJbnB1dCgpIGluZGV4PzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGRlbGV0ZT86IGJvb2xlYW47XHJcblxyXG4gIHN0eWxlOiBhbnk7XHJcbiAgY29udGVudDogYW55O1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuY29udGVudCA9IHRoaXMuZGF0YT8uY29udGVudDtcclxuICAgIHRoaXMuc3R5bGUgPSB0aGlzLmRhdGE/LnN0eWxlcztcclxuICB9XHJcblxyXG4gIGdldCBzdHlsZXNMYXlvdXQoKTogTGF5T3V0TW9kZWwge1xyXG4gICAgcmV0dXJuIHsgLi4udGhpcy5zdHlsZT8ubGF5b3V0IH07XHJcbiAgfVxyXG5cclxuICBnZXRJY29uQmFja2dyb3VuZChpY29uOiBhbnkpIHtcclxuICAgIGlmIChpY29uPy5iYWNrZ3JvdW5kVHlwZSA9PT0gJ0dyYWRpZW50Jykge1xyXG4gICAgICBjb25zdCBkaXJlY3Rpb24gPSBpY29uPy5iYWNrZ3JvdW5kR3JhZGllbnREaXJlY3Rpb24gfHwgJ3RvIGJvdHRvbSc7XHJcbiAgICAgIHJldHVybiBgbGluZWFyLWdyYWRpZW50KCR7ZGlyZWN0aW9ufSwgJHtpY29uPy5iYWNrZ3JvdW5kQ29sb3J9LCAke2ljb24/LnNlY29uZGFyeUNvbG9yfSlgO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGljb24/LmJhY2tncm91bmRDb2xvcjtcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24+XHJcbiAgPGRpdiBbaWRdPVwiZGF0YT8uaWRcIiBzaW1wb0hvdmVyIChob3ZlcmluZyk9XCJzaG93RWRpdFRhYnMoJGV2ZW50KVwiIGNsYXNzPVwic2FsZS13cmFwcGVyIHRvdGFsLWNvbnRhaW5lclwiXHJcbiAgICBbYXR0ci5zdHlsZV09XCJjdXN0b21DbGFzc1wiIFtzaW1wb0JhY2tncm91bmRdPVwic3R5bGU/LmJhY2tncm91bmRcIj5cclxuICAgIDxkaXYgI21haW5Db250YWluZXIgW2lkXT1cImRhdGE/LmlkXCIgW3NpbXBvT3ZlcmxheV09XCJzdHlsZT8uYmFja2dyb3VuZFwiIFtzaW1wb0JvcmRlcl09XCJzdHlsZT8uYm9yZGVyXCJcclxuICAgICAgW3NwYWNpbmdIb3Jpem9udGFsXT1cInN0eWxlc0xheW91dFwiIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCIgY2xhc3M9XCJzYWxlLWJhclwiPlxyXG5cclxuICAgICAgPCEtLSBMRUZUIC0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGVmdC1zZWN0aW9uXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxvZ29cIlxyXG4gICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRdPVwiY29udGVudD8uaWNvbj8uc2hvd0JhY2tncm91bmQgPyBnZXRJY29uQmFja2dyb3VuZChjb250ZW50Py5pY29uKSA6ICd0cmFuc3BhcmVudCdcIlxyXG4gICAgICAgICAgW2FwcEltYWdlRWRpdG9yXT1cImVkaXQgfHwgZmFsc2VcIiBbaWNvbkRhdGFdPVwiY29udGVudD8uaWNvblwiIFtzZWN0aW9uSWRdPVwiZGF0YT8uaWRcIiBbc2hvd0ljb25dPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgPGRpdiBbaWNvbklkXT1cImRhdGE/LmlkICsgKGNvbnRlbnQ/Lmljb24/LmlkIHx8ICcnKVwiIFtzaW1wb0ljb25EaXJlY3RpdmVdPVwiY29udGVudD8uaWNvblwiIGNsYXNzPVwidy03NSBoLTc1XCI+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYWxlLXRleHRcIj5cclxuICAgICAgICAgICAgPHNpbXBvLXRleHQtZWRpdG9yIFsodmFsdWUpXT1cImNvbnRlbnQuaW5wdXRUZXh0WzBdLnZhbHVlXCIgW2VkaXRhYmxlXT1cImVkaXQgfHwgZmFsc2VcIj48L3NpbXBvLXRleHQtZWRpdG9yPlxyXG4gICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNhbGUtZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgPHNpbXBvLXRleHQtZWRpdG9yIFsodmFsdWUpXT1cImNvbnRlbnQuaW5wdXRUZXh0WzFdLnZhbHVlXCIgW2VkaXRhYmxlXT1cImVkaXQgfHwgZmFsc2VcIj48L3NpbXBvLXRleHQtZWRpdG9yPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPCEtLSBSSUdIVCBCVVRUT04gLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzYWxlLWFjdGlvblwiICpuZ0lmPVwiZGF0YT8uYWN0aW9uPy5kaXNwbGF5XCI+XHJcbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGRhdGE/LmFjdGlvbj8uYnV0dG9uc1wiPlxyXG4gICAgICAgICAgPGFwcC1idXR0b24tZWxlbWVudCBbYnV0dG9uQ29udGVudF09XCJidXR0b24uY29udGVudFwiIFtidXR0b25TdHlsZV09XCJidXR0b24uc3R5bGVzXCIgW2J1dHRvbklkXT1cImJ1dHRvbi5pZFwiXHJcbiAgICAgICAgICAgIFtzZWN0aW9uSWRdPVwiZGF0YT8uaWRcIiBbY29sb3JdPVwiZGF0YT8uc3R5bGVzPy5iYWNrZ3JvdW5kPy5hY2NlbnRDb2xvclwiIFtlZGl0XT1cImVkaXRcIlxyXG4gICAgICAgICAgICBbYmFja2dyb3VuZEluZm9dPVwiZGF0YT8uc3R5bGVzPy5iYWNrZ3JvdW5kXCI+XHJcbiAgICAgICAgICA8L2FwcC1idXR0b24tZWxlbWVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8IS0tIERpdmlkZXIgLS0+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3R5bGU/LmRldmlkZXI/LmRpc3BsYXlcIj5cclxuICAgICAgPHNpbXBvLXN2Zy1kaXZpZGVyIFtkaXZpZGVyVHlwZV09XCJzdHlsZT8uZGV2aWRlcj8uZGV2aWRlclR5cGVcIlxyXG4gICAgICAgIFtjb2xvcl09XCJuZXh0Q29tcG9uZW50Q29sb3I/LmNvbG9yXCI+PC9zaW1wby1zdmctZGl2aWRlcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDwhLS0gRURJVCBTRUxFQ1RPUiAtLT5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwieyBob3Zlcl9lZmZlY3Q6IGVkaXQgfVwiICpuZ0lmPVwic2hvd0VkaXRvcnNcIj5cclxuICAgICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIiBbaW5kZXhdPVwiaW5kZXhcIiBbZWRpdE9wdGlvbnNdPVwiZWRpdFwiPjwvc2ltcG8taG92ZXItZWxlbWVudHM+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8IS0tIERFTEVURSAtLT5cclxuICAgIDxkaXYgKm5nSWY9XCJzaG93RGVsZXRlXCIgW25nQ2xhc3NdPVwieyBob3Zlcl9lZmZlY3Q6IGRlbGV0ZSB9XCI+XHJcbiAgICAgIDxzaW1wby1kZWxldGUtaG92ZXItZWxlbWVudCBbZGF0YV09XCJkYXRhXCIgW2luZGV4XT1cImluZGV4XCI+PC9zaW1wby1kZWxldGUtaG92ZXItZWxlbWVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19
|
package/esm2022/lib/sections/four-features-centered-image/four-features-centered-image.component.mjs
DELETED
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { SimpoElementsModule } from './../../elements/index';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { SimpoComponentModule } from '../../components/index';
|
|
5
|
-
import { BackgroundDirective } from '../../directive/background-directive';
|
|
6
|
-
import { ContentFitDirective } from '../../directive/content-fit-directive';
|
|
7
|
-
import { BorderDirective } from '../../directive/border-directive';
|
|
8
|
-
import { HoverDirective } from '../../directive/hover-element-directive';
|
|
9
|
-
import { OverlayDirective } from '../../directive/overlay-directive';
|
|
10
|
-
import BaseSection from '../BaseSection';
|
|
11
|
-
import { SpacingHorizontalDirective } from '../../directive/spacing-horizontal.directive';
|
|
12
|
-
import { ImageEditorDirective } from '../../directive/image-editor.directive';
|
|
13
|
-
import { TextEditorComponent } from '../../elements/text-editor/text-editor.component';
|
|
14
|
-
import { IconDirectiveDirective } from '../../directive/icon-directive.directive';
|
|
15
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
16
|
-
import { GradientDirection } from '../../styles/index';
|
|
17
|
-
import { CornerDirective } from '../../directive/corner-directive';
|
|
18
|
-
import { AnimationDirective } from '../../directive/animation-directive';
|
|
19
|
-
import * as i0 from "@angular/core";
|
|
20
|
-
import * as i1 from "@angular/common";
|
|
21
|
-
import * as i2 from "../../elements/svg-divider/svg-divider.component";
|
|
22
|
-
import * as i3 from "../../components/hover-elements/hover-elements.component";
|
|
23
|
-
import * as i4 from "../../components/delete-hover-element/delete-hover-element.component";
|
|
24
|
-
export class FourFeaturesCenteredImageComponent extends BaseSection {
|
|
25
|
-
constructor() {
|
|
26
|
-
super(...arguments);
|
|
27
|
-
this.leftInputText = [];
|
|
28
|
-
this.rightInputText = [];
|
|
29
|
-
}
|
|
30
|
-
get stylesLayout() {
|
|
31
|
-
return { ...this.style?.layout };
|
|
32
|
-
}
|
|
33
|
-
ngOnInit() {
|
|
34
|
-
this.initializeSection();
|
|
35
|
-
}
|
|
36
|
-
ngOnChanges(changes) {
|
|
37
|
-
if (changes['data']) {
|
|
38
|
-
this.initializeSection();
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
initializeSection() {
|
|
42
|
-
if (!this.data)
|
|
43
|
-
return;
|
|
44
|
-
this.content = this.data.content || {};
|
|
45
|
-
this.style = this.data.styles || {};
|
|
46
|
-
this.splitFeatures();
|
|
47
|
-
}
|
|
48
|
-
splitFeatures() {
|
|
49
|
-
if (!this.content?.inputText?.length) {
|
|
50
|
-
this.leftInputText = [];
|
|
51
|
-
this.rightInputText = [];
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
const mid = Math.ceil(this.content.inputText.length / 2);
|
|
55
|
-
this.leftInputText = this.content.inputText.slice(0, mid);
|
|
56
|
-
this.rightInputText = this.content.inputText.slice(mid);
|
|
57
|
-
}
|
|
58
|
-
getIconBackground(icon) {
|
|
59
|
-
if (icon?.backgroundType === 'Gradient') {
|
|
60
|
-
const direction = GradientDirection[icon?.backgroundGradientDirection] || GradientDirection.DOWN;
|
|
61
|
-
return `linear-gradient(${direction}, ${icon?.backgroundColor}, ${icon?.secondaryColor})`;
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
return icon?.backgroundColor;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FourFeaturesCenteredImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FourFeaturesCenteredImageComponent, isStandalone: true, selector: "simpo-four-features-centered-image", inputs: { edit: "edit", data: "data", customClass: "customClass", nextComponentColor: "nextComponentColor", index: "index", delete: "delete" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\" [attr.style]=\"customClass\"\r\n [simpoBackground]=\"style?.background\" [simpoOverlay]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [spacingHorizontal]=\"stylesLayout\"\r\n [simpoLayout]=\"style?.layout\" class=\"sale-bar\">\r\n <div class=\"features-wrapper\" [simpoAnimation]=\"style?.animation\">\r\n\r\n <div>\r\n <!-- Heading -->\r\n <simpo-text-editor class=\"main-heading fs-1 fw-semibold\" [(value)]=\"content.heading.value\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n\r\n <!-- Description -->\r\n <simpo-text-editor class=\"main-subheading description\" [(value)]=\"content.description.value\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n </div>\r\n\r\n <!-- GRID -->\r\n <div class=\"feature-grid\">\r\n <!-- LEFT FEATURES -->\r\n <div class=\"feature-column\">\r\n <div class=\"feature-item d-flex flex-column\" *ngFor=\"let item of leftInputText\">\r\n <!-- <div class=\"logo-img\" [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\"> -->\r\n <div class=\"logo-img\"\r\n [style.background]=\"item?.icon?.showBackground ? getIconBackground(item?.icon) : 'transparent'\"\r\n [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\">\r\n <div [iconId]=\"data?.id + item.icon?.id\" [simpoIconDirective]=\"item.icon\" class=\"w-50 h-50\">\r\n </div>\r\n </div>\r\n\r\n <simpo-text-editor class=\"feature-title my-2 fs-5 fw-semibold\" [(value)]=\"item.label\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n <simpo-text-editor class=\"feature-text\" [(value)]=\"item.value\"\r\n [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <!-- CENTER IMAGE -->\r\n <div class=\"cta-image center-image\" [simpoCorner]=\"style?.corners\" style=\"overflow:hidden;\">\r\n\r\n <img [src]=\"content?.image?.url\" [simpoCorner]=\"style?.corners\" [appImageEditor]=\"edit || false\"\r\n [imageData]=\"content?.image\" [sectionId]=\"data?.id\" style=\"width:100%; height:100%; object-fit:cover;\">\r\n </div>\r\n\r\n <!-- RIGHT FEATURES -->\r\n <div class=\"feature-column\">\r\n <div class=\"feature-item d-flex flex-column align-items-start text-start\"\r\n *ngFor=\"let item of rightInputText\">\r\n <!-- <div class=\"logo-img\" [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\"> -->\r\n <div class=\"logo-img\"\r\n [style.background]=\"item?.icon?.showBackground ? getIconBackground(item?.icon) : 'transparent'\"\r\n [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\">\r\n <div [iconId]=\"data?.id + item.icon?.id\" [simpoIconDirective]=\"item.icon\" class=\"w-50 h-50\">\r\n </div>\r\n </div>\r\n\r\n <simpo-text-editor class=\"feature-title my-2 fs-5 fw-semibold\" [(value)]=\"item.label\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n <simpo-text-editor class=\"feature-text\" [(value)]=\"item.value\"\r\n [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <ng-container *ngIf=\"style?.devider?.display\">\r\n <simpo-svg-divider [dividerType]=\"style?.devider?.deviderType\" [color]=\"nextComponentColor?.color\">\r\n </simpo-svg-divider>\r\n </ng-container>\r\n\r\n <!-- EDIT SELECTOR -->\r\n <div [ngClass]=\"{ hover_effect: edit }\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\">\r\n </simpo-hover-elements>\r\n </div>\r\n\r\n <!-- DELETE -->\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{ hover_effect: delete }\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\">\r\n </simpo-delete-hover-element>\r\n </div>\r\n\r\n </div>\r\n</section>", styles: [".total-container{position:relative}.sale-bar{padding:45px}.feature-text,.feature-title{width:100%}.main-heading{margin:0 auto;text-align:center}.main-subheading{margin:15px auto 0;text-align:center;line-height:1.6}.main-heading,.main-subheading{word-break:break-word;overflow-wrap:anywhere}.features-wrapper{text-align:center;margin-top:15px}.feature-grid{display:flex;justify-content:space-between;align-items:center;width:100%;margin:45px 0 40px}.feature-column{display:flex;flex-direction:column;gap:60px;width:35%}.feature-item{width:100%;align-items:end}.feature-column:first-child .feature-item{text-align:right}.feature-column:last-child .feature-item{text-align:left}.logo-img{display:flex;justify-content:center;align-items:center}.logotype-boxed{box-shadow:0 2px 4px #0000002e;padding:10px}.cta-image{width:30%;display:flex;justify-content:center;align-items:center;margin:0 40px}.center-image{display:flex;justify-content:center;align-items:center;overflow:hidden}.center-image img{display:block;max-width:100%;height:auto}.description{display:flex;justify-content:center;text-align:center;padding:0 15%}@media (max-width: 992px){.feature-grid{flex-direction:column;align-items:center;gap:40px;margin:25px 0}.center-image{order:3;width:280px;margin:10px 0 25px}.feature-column{width:100%;align-items:center;gap:35px}.feature-item{text-align:center!important;align-items:center}.description{padding:0 8%}}@media (max-width: 768px){.sale-bar{padding:30px 20px}.center-image{width:230px}.description{padding:0 6%}.feature-column{gap:28px}}@media (max-width: 480px){.sale-bar{padding:25px 15px}.center-image{width:80%}.logo-img{height:70px!important;align-items:center!important;text-align:center!important}simpo-text-editor.fs-1{font-size:28px!important}.feature-item{display:flex;flex-direction:column;gap:8px;text-align:center!important;align-items:center!important}.main-subheading{margin:5px auto 0!important;padding:0!important}.feature-item{gap:0px!important}.cta-image{width:100%!important;height:100%!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: i2.SvgDividerComponent, selector: "simpo-svg-divider", inputs: ["dividerType", "color"] }, { kind: "ngmodule", type: SimpoComponentModule }, { kind: "component", type: i3.HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: i4.DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "component", type: TextEditorComponent, selector: "simpo-text-editor", inputs: ["value", "editable", "sectionId", "label", "type"], outputs: ["valueChange"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: OverlayDirective, selector: "[simpoOverlay]", inputs: ["simpoOverlay"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal", "isHeader"] }, { kind: "directive", type: BorderDirective, selector: "[simpoBorder]", inputs: ["simpoBorder"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }, { kind: "directive", type: ImageEditorDirective, selector: "[appImageEditor]", inputs: ["appImageEditor", "imageData", "sectionId", "showIcon", "iconData"] }, { kind: "directive", type: IconDirectiveDirective, selector: "[simpoIconDirective]", inputs: ["simpoIconDirective", "iconId"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "directive", type: CornerDirective, selector: "[simpoCorner]", inputs: ["simpoCorner"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }] }); }
|
|
69
|
-
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FourFeaturesCenteredImageComponent, decorators: [{
|
|
71
|
-
type: Component,
|
|
72
|
-
args: [{ selector: 'simpo-four-features-centered-image', standalone: true, imports: [
|
|
73
|
-
CommonModule,
|
|
74
|
-
SimpoElementsModule,
|
|
75
|
-
SimpoComponentModule,
|
|
76
|
-
TextEditorComponent,
|
|
77
|
-
BackgroundDirective,
|
|
78
|
-
HoverDirective,
|
|
79
|
-
OverlayDirective,
|
|
80
|
-
SpacingHorizontalDirective,
|
|
81
|
-
BorderDirective,
|
|
82
|
-
ContentFitDirective,
|
|
83
|
-
ImageEditorDirective,
|
|
84
|
-
IconDirectiveDirective,
|
|
85
|
-
MatIconModule,
|
|
86
|
-
CornerDirective,
|
|
87
|
-
AnimationDirective,
|
|
88
|
-
], template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"total-container\" [attr.style]=\"customClass\"\r\n [simpoBackground]=\"style?.background\" [simpoOverlay]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [simpoBorder]=\"style?.border\" [spacingHorizontal]=\"stylesLayout\"\r\n [simpoLayout]=\"style?.layout\" class=\"sale-bar\">\r\n <div class=\"features-wrapper\" [simpoAnimation]=\"style?.animation\">\r\n\r\n <div>\r\n <!-- Heading -->\r\n <simpo-text-editor class=\"main-heading fs-1 fw-semibold\" [(value)]=\"content.heading.value\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n\r\n <!-- Description -->\r\n <simpo-text-editor class=\"main-subheading description\" [(value)]=\"content.description.value\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n </div>\r\n\r\n <!-- GRID -->\r\n <div class=\"feature-grid\">\r\n <!-- LEFT FEATURES -->\r\n <div class=\"feature-column\">\r\n <div class=\"feature-item d-flex flex-column\" *ngFor=\"let item of leftInputText\">\r\n <!-- <div class=\"logo-img\" [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\"> -->\r\n <div class=\"logo-img\"\r\n [style.background]=\"item?.icon?.showBackground ? getIconBackground(item?.icon) : 'transparent'\"\r\n [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\">\r\n <div [iconId]=\"data?.id + item.icon?.id\" [simpoIconDirective]=\"item.icon\" class=\"w-50 h-50\">\r\n </div>\r\n </div>\r\n\r\n <simpo-text-editor class=\"feature-title my-2 fs-5 fw-semibold\" [(value)]=\"item.label\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n <simpo-text-editor class=\"feature-text\" [(value)]=\"item.value\"\r\n [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <!-- CENTER IMAGE -->\r\n <div class=\"cta-image center-image\" [simpoCorner]=\"style?.corners\" style=\"overflow:hidden;\">\r\n\r\n <img [src]=\"content?.image?.url\" [simpoCorner]=\"style?.corners\" [appImageEditor]=\"edit || false\"\r\n [imageData]=\"content?.image\" [sectionId]=\"data?.id\" style=\"width:100%; height:100%; object-fit:cover;\">\r\n </div>\r\n\r\n <!-- RIGHT FEATURES -->\r\n <div class=\"feature-column\">\r\n <div class=\"feature-item d-flex flex-column align-items-start text-start\"\r\n *ngFor=\"let item of rightInputText\">\r\n <!-- <div class=\"logo-img\" [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\"> -->\r\n <div class=\"logo-img\"\r\n [style.background]=\"item?.icon?.showBackground ? getIconBackground(item?.icon) : 'transparent'\"\r\n [simpoCorner]=\"style?.corners\" [style.height.px]=\"style?.containerHeight\"\r\n [style.width.px]=\"style?.containerWidth\" [appImageEditor]=\"edit || false\" [iconData]=\"item.icon\"\r\n [sectionId]=\"data?.id\" [showIcon]=\"true\">\r\n <div [iconId]=\"data?.id + item.icon?.id\" [simpoIconDirective]=\"item.icon\" class=\"w-50 h-50\">\r\n </div>\r\n </div>\r\n\r\n <simpo-text-editor class=\"feature-title my-2 fs-5 fw-semibold\" [(value)]=\"item.label\"\r\n [editable]=\"edit || false\">\r\n </simpo-text-editor>\r\n <simpo-text-editor class=\"feature-text\" [(value)]=\"item.value\"\r\n [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <!-- Divider -->\r\n <ng-container *ngIf=\"style?.devider?.display\">\r\n <simpo-svg-divider [dividerType]=\"style?.devider?.deviderType\" [color]=\"nextComponentColor?.color\">\r\n </simpo-svg-divider>\r\n </ng-container>\r\n\r\n <!-- EDIT SELECTOR -->\r\n <div [ngClass]=\"{ hover_effect: edit }\" *ngIf=\"showEditors\">\r\n <simpo-hover-elements [data]=\"data\" [index]=\"index\" [editOptions]=\"edit\">\r\n </simpo-hover-elements>\r\n </div>\r\n\r\n <!-- DELETE -->\r\n <div *ngIf=\"showDelete\" [ngClass]=\"{ hover_effect: delete }\">\r\n <simpo-delete-hover-element [data]=\"data\" [index]=\"index\">\r\n </simpo-delete-hover-element>\r\n </div>\r\n\r\n </div>\r\n</section>", styles: [".total-container{position:relative}.sale-bar{padding:45px}.feature-text,.feature-title{width:100%}.main-heading{margin:0 auto;text-align:center}.main-subheading{margin:15px auto 0;text-align:center;line-height:1.6}.main-heading,.main-subheading{word-break:break-word;overflow-wrap:anywhere}.features-wrapper{text-align:center;margin-top:15px}.feature-grid{display:flex;justify-content:space-between;align-items:center;width:100%;margin:45px 0 40px}.feature-column{display:flex;flex-direction:column;gap:60px;width:35%}.feature-item{width:100%;align-items:end}.feature-column:first-child .feature-item{text-align:right}.feature-column:last-child .feature-item{text-align:left}.logo-img{display:flex;justify-content:center;align-items:center}.logotype-boxed{box-shadow:0 2px 4px #0000002e;padding:10px}.cta-image{width:30%;display:flex;justify-content:center;align-items:center;margin:0 40px}.center-image{display:flex;justify-content:center;align-items:center;overflow:hidden}.center-image img{display:block;max-width:100%;height:auto}.description{display:flex;justify-content:center;text-align:center;padding:0 15%}@media (max-width: 992px){.feature-grid{flex-direction:column;align-items:center;gap:40px;margin:25px 0}.center-image{order:3;width:280px;margin:10px 0 25px}.feature-column{width:100%;align-items:center;gap:35px}.feature-item{text-align:center!important;align-items:center}.description{padding:0 8%}}@media (max-width: 768px){.sale-bar{padding:30px 20px}.center-image{width:230px}.description{padding:0 6%}.feature-column{gap:28px}}@media (max-width: 480px){.sale-bar{padding:25px 15px}.center-image{width:80%}.logo-img{height:70px!important;align-items:center!important;text-align:center!important}simpo-text-editor.fs-1{font-size:28px!important}.feature-item{display:flex;flex-direction:column;gap:8px;text-align:center!important;align-items:center!important}.main-subheading{margin:5px auto 0!important;padding:0!important}.feature-item{gap:0px!important}.cta-image{width:100%!important;height:100%!important}}\n"] }]
|
|
89
|
-
}], propDecorators: { edit: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], data: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], customClass: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], nextComponentColor: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], index: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], delete: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}] } });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ZvdXItZmVhdHVyZXMtY2VudGVyZWQtaW1hZ2UvZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2ZvdXItZmVhdHVyZXMtY2VudGVyZWQtaW1hZ2UvZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFFbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzlELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDekUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDckUsT0FBTyxXQUFXLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDMUYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdkYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7O0FBeUJ6RSxNQUFNLE9BQU8sa0NBQ1gsU0FBUSxXQUFXO0lBeEJyQjs7UUFzQ0Usa0JBQWEsR0FBVSxFQUFFLENBQUM7UUFDMUIsbUJBQWMsR0FBVSxFQUFFLENBQUM7S0FvRDVCO0lBbERDLElBQUksWUFBWTtRQUNkLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFpQixDQUFDO0lBQ2xELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDdkMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUM7UUFFcEMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztZQUN6QixPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBRXpELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMxRCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsSUFBUztRQUN6QixJQUFJLElBQUksRUFBRSxjQUFjLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDeEMsTUFBTSxTQUFTLEdBQ2IsaUJBQWlCLENBQ2pCLElBQUksRUFBRSwyQkFBNkQsQ0FDbEUsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUM7WUFFOUIsT0FBTyxtQkFBbUIsU0FBUyxLQUFLLElBQUksRUFBRSxlQUFlLEtBQUssSUFBSSxFQUFFLGNBQWMsR0FBRyxDQUFDO1FBQzVGLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxJQUFJLEVBQUUsZUFBZSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDOytHQWpFVSxrQ0FBa0M7bUdBQWxDLGtDQUFrQywwUkM1Qy9DLGdyS0FpR1UsdWlFRHhFTixZQUFZLDZWQUNaLG1CQUFtQixvSkFDbkIsb0JBQW9CLG9XQUNwQixtQkFBbUIscUpBQ25CLG1CQUFtQiwwR0FDbkIsY0FBYyxnRkFDZCxnQkFBZ0IscUZBQ2hCLDBCQUEwQiwyR0FDMUIsZUFBZSxtRkFDZixtQkFBbUIsbUZBQ25CLG9CQUFvQiwySUFDcEIsc0JBQXNCLDBHQUN0QixhQUFhLCtCQUNiLGVBQWUsbUZBQ2Ysa0JBQWtCOzs0RkFLVCxrQ0FBa0M7a0JBdkI5QyxTQUFTOytCQUNFLG9DQUFvQyxjQUNsQyxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQiwwQkFBMEI7d0JBQzFCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHNCQUFzQjt3QkFDdEIsYUFBYTt3QkFDYixlQUFlO3dCQUNmLGtCQUFrQjtxQkFDbkI7OEJBUVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFja2dyb3VuZE1vZGVsLCBMYXlPdXRNb2RlbCB9IGZyb20gJy4uLy4uL3N0eWxlcy9zdHlsZS5tb2RlbCc7XHJcbmltcG9ydCB7IFNpbXBvRWxlbWVudHNNb2R1bGUgfSBmcm9tICcuLy4uLy4uL2VsZW1lbnRzL2luZGV4JztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU2ltcG9Db21wb25lbnRNb2R1bGUgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL2luZGV4JztcclxuaW1wb3J0IHsgQmFja2dyb3VuZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9iYWNrZ3JvdW5kLWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IENvbnRlbnRGaXREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvY29udGVudC1maXQtZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQm9yZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2JvcmRlci1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBIb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9ob3Zlci1lbGVtZW50LWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvb3ZlcmxheS1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgQmFzZVNlY3Rpb24gZnJvbSAnLi4vQmFzZVNlY3Rpb24nO1xyXG5pbXBvcnQgeyBTcGFjaW5nSG9yaXpvbnRhbERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9zcGFjaW5nLWhvcml6b250YWwuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgSW1hZ2VFZGl0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvaW1hZ2UtZWRpdG9yLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IFRleHRFZGl0b3JDb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbGVtZW50cy90ZXh0LWVkaXRvci90ZXh0LWVkaXRvci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBGb3VyRmVhdHVyZUNlbnRlcmRJbWFnZVNlY3Rpb24sIEZvdXJGZWF0dXJlQ2VudGVyZWRNb2RhbCB9IGZyb20gJy4vZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS5tb2RhbCc7XHJcbmltcG9ydCB7IEljb25EaXJlY3RpdmVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvaWNvbi1kaXJlY3RpdmUuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBHcmFkaWVudERpcmVjdGlvbiB9IGZyb20gJy4uLy4uL3N0eWxlcy9pbmRleCc7XHJcbmltcG9ydCB7IENvcm5lckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9jb3JuZXItZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQW5pbWF0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2FuaW1hdGlvbi1kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1mb3VyLWZlYXR1cmVzLWNlbnRlcmVkLWltYWdlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNpbXBvRWxlbWVudHNNb2R1bGUsXHJcbiAgICBTaW1wb0NvbXBvbmVudE1vZHVsZSxcclxuICAgIFRleHRFZGl0b3JDb21wb25lbnQsXHJcbiAgICBCYWNrZ3JvdW5kRGlyZWN0aXZlLFxyXG4gICAgSG92ZXJEaXJlY3RpdmUsXHJcbiAgICBPdmVybGF5RGlyZWN0aXZlLFxyXG4gICAgU3BhY2luZ0hvcml6b250YWxEaXJlY3RpdmUsXHJcbiAgICBCb3JkZXJEaXJlY3RpdmUsXHJcbiAgICBDb250ZW50Rml0RGlyZWN0aXZlLFxyXG4gICAgSW1hZ2VFZGl0b3JEaXJlY3RpdmUsXHJcbiAgICBJY29uRGlyZWN0aXZlRGlyZWN0aXZlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIENvcm5lckRpcmVjdGl2ZSxcclxuICAgIEFuaW1hdGlvbkRpcmVjdGl2ZSxcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3VyLWZlYXR1cmVzLWNlbnRlcmVkLWltYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS5jb21wb25lbnQuY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRm91ckZlYXR1cmVzQ2VudGVyZWRJbWFnZUNvbXBvbmVudFxyXG4gIGV4dGVuZHMgQmFzZVNlY3Rpb25cclxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgZWRpdD86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgZGF0YT86IEZvdXJGZWF0dXJlQ2VudGVyZEltYWdlU2VjdGlvbjtcclxuICBASW5wdXQoKSBjdXN0b21DbGFzcz86IHN0cmluZztcclxuICBASW5wdXQoKSBuZXh0Q29tcG9uZW50Q29sb3I/OiBCYWNrZ3JvdW5kTW9kZWw7XHJcbiAgQElucHV0KCkgaW5kZXg/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgZGVsZXRlPzogYm9vbGVhbjtcclxuICBzdHlsZXM/OiBGb3VyRmVhdHVyZUNlbnRlcmVkTW9kYWw7XHJcblxyXG4gIHN0eWxlPzogYW55O1xyXG4gIGNvbnRlbnQ/OiBGb3VyRmVhdHVyZUNlbnRlcmVkTW9kYWwgfCBhbnk7XHJcblxyXG4gIGxlZnRJbnB1dFRleHQ6IGFueVtdID0gW107XHJcbiAgcmlnaHRJbnB1dFRleHQ6IGFueVtdID0gW107XHJcblxyXG4gIGdldCBzdHlsZXNMYXlvdXQoKSB7XHJcbiAgICByZXR1cm4geyAuLi50aGlzLnN0eWxlPy5sYXlvdXQgfSBhcyBMYXlPdXRNb2RlbDtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pbml0aWFsaXplU2VjdGlvbigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xyXG4gICAgaWYgKGNoYW5nZXNbJ2RhdGEnXSkge1xyXG4gICAgICB0aGlzLmluaXRpYWxpemVTZWN0aW9uKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGluaXRpYWxpemVTZWN0aW9uKCkge1xyXG4gICAgaWYgKCF0aGlzLmRhdGEpIHJldHVybjtcclxuXHJcbiAgICB0aGlzLmNvbnRlbnQgPSB0aGlzLmRhdGEuY29udGVudCB8fCB7fTtcclxuICAgIHRoaXMuc3R5bGUgPSB0aGlzLmRhdGEuc3R5bGVzIHx8IHt9O1xyXG5cclxuICAgIHRoaXMuc3BsaXRGZWF0dXJlcygpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzcGxpdEZlYXR1cmVzKCkge1xyXG4gICAgaWYgKCF0aGlzLmNvbnRlbnQ/LmlucHV0VGV4dD8ubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMubGVmdElucHV0VGV4dCA9IFtdO1xyXG4gICAgICB0aGlzLnJpZ2h0SW5wdXRUZXh0ID0gW107XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCBtaWQgPSBNYXRoLmNlaWwodGhpcy5jb250ZW50LmlucHV0VGV4dC5sZW5ndGggLyAyKTtcclxuXHJcbiAgICB0aGlzLmxlZnRJbnB1dFRleHQgPSB0aGlzLmNvbnRlbnQuaW5wdXRUZXh0LnNsaWNlKDAsIG1pZCk7XHJcbiAgICB0aGlzLnJpZ2h0SW5wdXRUZXh0ID0gdGhpcy5jb250ZW50LmlucHV0VGV4dC5zbGljZShtaWQpO1xyXG4gIH1cclxuXHJcbiAgZ2V0SWNvbkJhY2tncm91bmQoaWNvbjogYW55KSB7XHJcbiAgICBpZiAoaWNvbj8uYmFja2dyb3VuZFR5cGUgPT09ICdHcmFkaWVudCcpIHtcclxuICAgICAgY29uc3QgZGlyZWN0aW9uID1cclxuICAgICAgICBHcmFkaWVudERpcmVjdGlvbltcclxuICAgICAgICBpY29uPy5iYWNrZ3JvdW5kR3JhZGllbnREaXJlY3Rpb24gYXMga2V5b2YgdHlwZW9mIEdyYWRpZW50RGlyZWN0aW9uXHJcbiAgICAgICAgXSB8fCBHcmFkaWVudERpcmVjdGlvbi5ET1dOO1xyXG5cclxuICAgICAgcmV0dXJuIGBsaW5lYXItZ3JhZGllbnQoJHtkaXJlY3Rpb259LCAke2ljb24/LmJhY2tncm91bmRDb2xvcn0sICR7aWNvbj8uc2Vjb25kYXJ5Q29sb3J9KWA7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gaWNvbj8uYmFja2dyb3VuZENvbG9yO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjxzZWN0aW9uPlxyXG4gIDxkaXYgW2lkXT1cImRhdGE/LmlkXCIgc2ltcG9Ib3ZlciAoaG92ZXJpbmcpPVwic2hvd0VkaXRUYWJzKCRldmVudClcIiBjbGFzcz1cInRvdGFsLWNvbnRhaW5lclwiIFthdHRyLnN0eWxlXT1cImN1c3RvbUNsYXNzXCJcclxuICAgIFtzaW1wb0JhY2tncm91bmRdPVwic3R5bGU/LmJhY2tncm91bmRcIiBbc2ltcG9PdmVybGF5XT1cInN0eWxlPy5iYWNrZ3JvdW5kXCI+XHJcbiAgICA8ZGl2ICNtYWluQ29udGFpbmVyIFtpZF09XCJkYXRhPy5pZFwiIFtzaW1wb0JvcmRlcl09XCJzdHlsZT8uYm9yZGVyXCIgW3NwYWNpbmdIb3Jpem9udGFsXT1cInN0eWxlc0xheW91dFwiXHJcbiAgICAgIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCIgY2xhc3M9XCJzYWxlLWJhclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZXMtd3JhcHBlclwiIFtzaW1wb0FuaW1hdGlvbl09XCJzdHlsZT8uYW5pbWF0aW9uXCI+XHJcblxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICA8IS0tIEhlYWRpbmcgLS0+XHJcbiAgICAgICAgICA8c2ltcG8tdGV4dC1lZGl0b3IgY2xhc3M9XCJtYWluLWhlYWRpbmcgZnMtMSBmdy1zZW1pYm9sZFwiIFsodmFsdWUpXT1cImNvbnRlbnQuaGVhZGluZy52YWx1ZVwiXHJcbiAgICAgICAgICAgIFtlZGl0YWJsZV09XCJlZGl0IHx8IGZhbHNlXCI+XHJcbiAgICAgICAgICA8L3NpbXBvLXRleHQtZWRpdG9yPlxyXG5cclxuICAgICAgICAgIDwhLS0gRGVzY3JpcHRpb24gLS0+XHJcbiAgICAgICAgICA8c2ltcG8tdGV4dC1lZGl0b3IgY2xhc3M9XCJtYWluLXN1YmhlYWRpbmcgZGVzY3JpcHRpb25cIiBbKHZhbHVlKV09XCJjb250ZW50LmRlc2NyaXB0aW9uLnZhbHVlXCJcclxuICAgICAgICAgICAgW2VkaXRhYmxlXT1cImVkaXQgfHwgZmFsc2VcIj5cclxuICAgICAgICAgIDwvc2ltcG8tdGV4dC1lZGl0b3I+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwhLS0gR1JJRCAtLT5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1ncmlkXCI+XHJcbiAgICAgICAgICA8IS0tIExFRlQgRkVBVFVSRVMgLS0+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1jb2x1bW5cIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZlYXR1cmUtaXRlbSBkLWZsZXggZmxleC1jb2x1bW5cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBsZWZ0SW5wdXRUZXh0XCI+XHJcbiAgICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwibG9nby1pbWdcIiBbc2ltcG9Db3JuZXJdPVwic3R5bGU/LmNvcm5lcnNcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cInN0eWxlPy5jb250YWluZXJIZWlnaHRcIlxyXG4gICAgICAgICAgICAgICAgW3N0eWxlLndpZHRoLnB4XT1cInN0eWxlPy5jb250YWluZXJXaWR0aFwiIFthcHBJbWFnZUVkaXRvcl09XCJlZGl0IHx8IGZhbHNlXCIgW2ljb25EYXRhXT1cIml0ZW0uaWNvblwiXHJcbiAgICAgICAgICAgICAgICBbc2VjdGlvbklkXT1cImRhdGE/LmlkXCIgW3Nob3dJY29uXT1cInRydWVcIj4gLS0+XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvZ28taW1nXCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kXT1cIml0ZW0/Lmljb24/LnNob3dCYWNrZ3JvdW5kID8gZ2V0SWNvbkJhY2tncm91bmQoaXRlbT8uaWNvbikgOiAndHJhbnNwYXJlbnQnXCJcclxuICAgICAgICAgICAgICAgIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiIFtzdHlsZS5oZWlnaHQucHhdPVwic3R5bGU/LmNvbnRhaW5lckhlaWdodFwiXHJcbiAgICAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwic3R5bGU/LmNvbnRhaW5lcldpZHRoXCIgW2FwcEltYWdlRWRpdG9yXT1cImVkaXQgfHwgZmFsc2VcIiBbaWNvbkRhdGFdPVwiaXRlbS5pY29uXCJcclxuICAgICAgICAgICAgICAgIFtzZWN0aW9uSWRdPVwiZGF0YT8uaWRcIiBbc2hvd0ljb25dPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBbaWNvbklkXT1cImRhdGE/LmlkICsgaXRlbS5pY29uPy5pZFwiIFtzaW1wb0ljb25EaXJlY3RpdmVdPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJ3LTUwIGgtNTBcIj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgICA8c2ltcG8tdGV4dC1lZGl0b3IgY2xhc3M9XCJmZWF0dXJlLXRpdGxlIG15LTIgZnMtNSBmdy1zZW1pYm9sZFwiIFsodmFsdWUpXT1cIml0ZW0ubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgW2VkaXRhYmxlXT1cImVkaXQgfHwgZmFsc2VcIj5cclxuICAgICAgICAgICAgICA8L3NpbXBvLXRleHQtZWRpdG9yPlxyXG4gICAgICAgICAgICAgIDxzaW1wby10ZXh0LWVkaXRvciBjbGFzcz1cImZlYXR1cmUtdGV4dFwiIFsodmFsdWUpXT1cIml0ZW0udmFsdWVcIlxyXG4gICAgICAgICAgICAgICAgW2VkaXRhYmxlXT1cImVkaXQgfHwgZmFsc2VcIj48L3NpbXBvLXRleHQtZWRpdG9yPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgIDwhLS0gQ0VOVEVSIElNQUdFIC0tPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImN0YS1pbWFnZSBjZW50ZXItaW1hZ2VcIiBbc2ltcG9Db3JuZXJdPVwic3R5bGU/LmNvcm5lcnNcIiBzdHlsZT1cIm92ZXJmbG93OmhpZGRlbjtcIj5cclxuXHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJjb250ZW50Py5pbWFnZT8udXJsXCIgW3NpbXBvQ29ybmVyXT1cInN0eWxlPy5jb3JuZXJzXCIgW2FwcEltYWdlRWRpdG9yXT1cImVkaXQgfHwgZmFsc2VcIlxyXG4gICAgICAgICAgICAgIFtpbWFnZURhdGFdPVwiY29udGVudD8uaW1hZ2VcIiBbc2VjdGlvbklkXT1cImRhdGE/LmlkXCIgc3R5bGU9XCJ3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTsgb2JqZWN0LWZpdDpjb3ZlcjtcIj5cclxuICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgIDwhLS0gUklHSFQgRkVBVFVSRVMgLS0+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1jb2x1bW5cIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZlYXR1cmUtaXRlbSBkLWZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtc3RhcnQgdGV4dC1zdGFydFwiXHJcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgcmlnaHRJbnB1dFRleHRcIj5cclxuICAgICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJsb2dvLWltZ1wiIFtzaW1wb0Nvcm5lcl09XCJzdHlsZT8uY29ybmVyc1wiIFtzdHlsZS5oZWlnaHQucHhdPVwic3R5bGU/LmNvbnRhaW5lckhlaWdodFwiXHJcbiAgICAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwic3R5bGU/LmNvbnRhaW5lcldpZHRoXCIgW2FwcEltYWdlRWRpdG9yXT1cImVkaXQgfHwgZmFsc2VcIiBbaWNvbkRhdGFdPVwiaXRlbS5pY29uXCJcclxuICAgICAgICAgICAgICAgIFtzZWN0aW9uSWRdPVwiZGF0YT8uaWRcIiBbc2hvd0ljb25dPVwidHJ1ZVwiPiAtLT5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nby1pbWdcIlxyXG4gICAgICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRdPVwiaXRlbT8uaWNvbj8uc2hvd0JhY2tncm91bmQgPyBnZXRJY29uQmFja2dyb3VuZChpdGVtPy5pY29uKSA6ICd0cmFuc3BhcmVudCdcIlxyXG4gICAgICAgICAgICAgICAgW3NpbXBvQ29ybmVyXT1cInN0eWxlPy5jb3JuZXJzXCIgW3N0eWxlLmhlaWdodC5weF09XCJzdHlsZT8uY29udGFpbmVySGVpZ2h0XCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJzdHlsZT8uY29udGFpbmVyV2lkdGhcIiBbYXBwSW1hZ2VFZGl0b3JdPVwiZWRpdCB8fCBmYWxzZVwiIFtpY29uRGF0YV09XCJpdGVtLmljb25cIlxyXG4gICAgICAgICAgICAgICAgW3NlY3Rpb25JZF09XCJkYXRhPy5pZFwiIFtzaG93SWNvbl09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IFtpY29uSWRdPVwiZGF0YT8uaWQgKyBpdGVtLmljb24/LmlkXCIgW3NpbXBvSWNvbkRpcmVjdGl2ZV09XCJpdGVtLmljb25cIiBjbGFzcz1cInctNTAgaC01MFwiPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgIDxzaW1wby10ZXh0LWVkaXRvciBjbGFzcz1cImZlYXR1cmUtdGl0bGUgbXktMiBmcy01IGZ3LXNlbWlib2xkXCIgWyh2YWx1ZSldPVwiaXRlbS5sYWJlbFwiXHJcbiAgICAgICAgICAgICAgICBbZWRpdGFibGVdPVwiZWRpdCB8fCBmYWxzZVwiPlxyXG4gICAgICAgICAgICAgIDwvc2ltcG8tdGV4dC1lZGl0b3I+XHJcbiAgICAgICAgICAgICAgPHNpbXBvLXRleHQtZWRpdG9yIGNsYXNzPVwiZmVhdHVyZS10ZXh0XCIgWyh2YWx1ZSldPVwiaXRlbS52YWx1ZVwiXHJcbiAgICAgICAgICAgICAgICBbZWRpdGFibGVdPVwiZWRpdCB8fCBmYWxzZVwiPjwvc2ltcG8tdGV4dC1lZGl0b3I+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPCEtLSBEaXZpZGVyIC0tPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0eWxlPy5kZXZpZGVyPy5kaXNwbGF5XCI+XHJcbiAgICAgIDxzaW1wby1zdmctZGl2aWRlciBbZGl2aWRlclR5cGVdPVwic3R5bGU/LmRldmlkZXI/LmRldmlkZXJUeXBlXCIgW2NvbG9yXT1cIm5leHRDb21wb25lbnRDb2xvcj8uY29sb3JcIj5cclxuICAgICAgPC9zaW1wby1zdmctZGl2aWRlcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDwhLS0gRURJVCBTRUxFQ1RPUiAtLT5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwieyBob3Zlcl9lZmZlY3Q6IGVkaXQgfVwiICpuZ0lmPVwic2hvd0VkaXRvcnNcIj5cclxuICAgICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIiBbaW5kZXhdPVwiaW5kZXhcIiBbZWRpdE9wdGlvbnNdPVwiZWRpdFwiPlxyXG4gICAgICA8L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPCEtLSBERUxFVEUgLS0+XHJcbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0RlbGV0ZVwiIFtuZ0NsYXNzXT1cInsgaG92ZXJfZWZmZWN0OiBkZWxldGUgfVwiPlxyXG4gICAgICA8c2ltcG8tZGVsZXRlLWhvdmVyLWVsZW1lbnQgW2RhdGFdPVwiZGF0YVwiIFtpbmRleF09XCJpbmRleFwiPlxyXG4gICAgICA8L3NpbXBvLWRlbGV0ZS1ob3Zlci1lbGVtZW50PlxyXG4gICAgPC9kaXY+XHJcblxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+Il19
|
package/esm2022/lib/sections/four-features-centered-image/four-features-centered-image.modal.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS5tb2RhbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpbXBvLXVpL3NyYy9saWIvc2VjdGlvbnMvZm91ci1mZWF0dXJlcy1jZW50ZXJlZC1pbWFnZS9mb3VyLWZlYXR1cmVzLWNlbnRlcmVkLWltYWdlLm1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuaW1wb3J0IHsgU3R5bGVzTW9kZWwsIElucHV0VGV4dE1vZGVsLCBJbWFnZSwgTGlzdEl0ZW1Nb2RhbCB9IGZyb20gXCIuLi8uLi9zdHlsZXMvc3R5bGUubW9kZWxcIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRm91ckZlYXR1cmVDZW50ZXJkSW1hZ2VTZWN0aW9uIHtcclxuICAgIGlkOiBzdHJpbmcsXHJcbiAgICBzZWN0aW9uVHlwZTogc3RyaW5nLFxyXG4gICAgc2VjdGlvbk5hbWU6IHN0cmluZyxcclxuICAgIGNvbnRlbnQ6IEZvdXJGZWF0dXJlQ2VudGVyZWRNb2RhbDtcclxuICAgIHN0eWxlczogRm91ckZlYXR1cmVDZW50ZXJlZE1vZGFsICAgIDtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBGb3VyRmVhdHVyZUNlbnRlcmVkTW9kYWwge1xyXG4gICAgaW5wdXRUZXh0OiBbSW5wdXRUZXh0TW9kZWxdLFxyXG4gICAgbGlzdEl0ZW06IExpc3RJdGVtTW9kYWw8YW55PixcclxuICAgIGRpc3BsYXk6IHtcclxuICAgICAgICBzaG93UHJvZHVjdHM6IGJvb2xlYW4sXHJcbiAgICAgICAgc2hvd1RleHQ6IGJvb2xlYW5cclxuICAgIH1cclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBGb3VyRmVhdHVyZUNlbnRlcmVkTW9kYWwgZXh0ZW5kcyBTdHlsZXNNb2RlbHtcclxuICAgIGlucHV0VGV4dDogW0lucHV0VGV4dE1vZGVsXSxcclxuICAgIGltYWdlOiBJbWFnZVxyXG59Il19
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { BackgroundModel, LayOutModel } from '../../styles/style.model';
|
|
3
|
-
import BaseSection from '../BaseSection';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class CondensedAndGradientComponent extends BaseSection implements OnInit {
|
|
6
|
-
edit?: boolean;
|
|
7
|
-
data?: any;
|
|
8
|
-
customClass?: string;
|
|
9
|
-
nextComponentColor?: BackgroundModel;
|
|
10
|
-
index?: number;
|
|
11
|
-
delete?: boolean;
|
|
12
|
-
style: any;
|
|
13
|
-
content: any;
|
|
14
|
-
ngOnInit(): void;
|
|
15
|
-
get stylesLayout(): LayOutModel;
|
|
16
|
-
getIconBackground(icon: any): any;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CondensedAndGradientComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CondensedAndGradientComponent, "simpo-condensed-and-gradient", never, { "edit": { "alias": "edit"; "required": false; }; "data": { "alias": "data"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "index": { "alias": "index"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
|
|
19
|
-
}
|
package/lib/sections/four-features-centered-image/four-features-centered-image.component.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { BackgroundModel, LayOutModel } from '../../styles/style.model';
|
|
3
|
-
import BaseSection from '../BaseSection';
|
|
4
|
-
import { FourFeatureCenterdImageSection, FourFeatureCenteredModal } from './four-features-centered-image.modal';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class FourFeaturesCenteredImageComponent extends BaseSection implements OnInit, OnChanges {
|
|
7
|
-
edit?: boolean;
|
|
8
|
-
data?: FourFeatureCenterdImageSection;
|
|
9
|
-
customClass?: string;
|
|
10
|
-
nextComponentColor?: BackgroundModel;
|
|
11
|
-
index?: number;
|
|
12
|
-
delete?: boolean;
|
|
13
|
-
styles?: FourFeatureCenteredModal;
|
|
14
|
-
style?: any;
|
|
15
|
-
content?: FourFeatureCenteredModal | any;
|
|
16
|
-
leftInputText: any[];
|
|
17
|
-
rightInputText: any[];
|
|
18
|
-
get stylesLayout(): LayOutModel;
|
|
19
|
-
ngOnInit(): void;
|
|
20
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
21
|
-
private initializeSection;
|
|
22
|
-
private splitFeatures;
|
|
23
|
-
getIconBackground(icon: any): any;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FourFeaturesCenteredImageComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FourFeaturesCenteredImageComponent, "simpo-four-features-centered-image", never, { "edit": { "alias": "edit"; "required": false; }; "data": { "alias": "data"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "nextComponentColor": { "alias": "nextComponentColor"; "required": false; }; "index": { "alias": "index"; "required": false; }; "delete": { "alias": "delete"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { StylesModel, InputTextModel, Image, ListItemModal } from "../../styles/style.model";
|
|
2
|
-
export interface FourFeatureCenterdImageSection {
|
|
3
|
-
id: string;
|
|
4
|
-
sectionType: string;
|
|
5
|
-
sectionName: string;
|
|
6
|
-
content: FourFeatureCenteredModal;
|
|
7
|
-
styles: FourFeatureCenteredModal;
|
|
8
|
-
}
|
|
9
|
-
export interface FourFeatureCenteredModal {
|
|
10
|
-
inputText: [InputTextModel];
|
|
11
|
-
listItem: ListItemModal<any>;
|
|
12
|
-
display: {
|
|
13
|
-
showProducts: boolean;
|
|
14
|
-
showText: boolean;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export interface FourFeatureCenteredModal extends StylesModel {
|
|
18
|
-
inputText: [InputTextModel];
|
|
19
|
-
image: Image;
|
|
20
|
-
}
|
|
Binary file
|