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.
Files changed (29) hide show
  1. package/esm2022/lib/ecommerce/sections/product-desc/product-desc.component.mjs +18 -12
  2. package/esm2022/lib/ecommerce/sections/product-list/product-list.component.mjs +62 -16
  3. package/esm2022/lib/elements/image-editor/image-editor.component.mjs +3 -3
  4. package/esm2022/lib/sections/image-background/image-background/image-background.component.mjs +8 -11
  5. package/esm2022/lib/sections/overlapping-image/overlapping-image.component.mjs +9 -12
  6. package/esm2022/lib/services/analytics.service.mjs +85 -0
  7. package/esm2022/public-api.mjs +1 -3
  8. package/fesm2022/simpo-component-library.mjs +153 -161
  9. package/fesm2022/simpo-component-library.mjs.map +1 -1
  10. package/lib/ecommerce/sections/featured-category/featured-category.component.d.ts +1 -1
  11. package/lib/ecommerce/sections/featured-category/featured-collection.component.d.ts +1 -1
  12. package/lib/ecommerce/sections/new-collection/new-collection.component.d.ts +1 -1
  13. package/lib/ecommerce/sections/product-desc/product-desc.component.d.ts +3 -1
  14. package/lib/ecommerce/sections/product-list/product-list.component.d.ts +5 -1
  15. package/lib/sections/image-background/image-background/image-background.component.d.ts +3 -3
  16. package/lib/sections/image-grid-hotspot/image-grid-hotspot.component.d.ts +1 -1
  17. package/lib/sections/image-grid-section/image-grid-section.component.d.ts +1 -1
  18. package/lib/sections/overlapping-image/overlapping-image.component.d.ts +4 -4
  19. package/lib/services/analytics.service.d.ts +24 -0
  20. package/package.json +1 -1
  21. package/public-api.d.ts +0 -2
  22. package/simpo-component-library-3.6.593.tgz +0 -0
  23. package/esm2022/lib/sections/condensed-and-gradient/condensed-and-gradient.component.mjs +0 -68
  24. package/esm2022/lib/sections/four-features-centered-image/four-features-centered-image.component.mjs +0 -102
  25. package/esm2022/lib/sections/four-features-centered-image/four-features-centered-image.modal.mjs +0 -2
  26. package/lib/sections/condensed-and-gradient/condensed-and-gradient.component.d.ts +0 -19
  27. package/lib/sections/four-features-centered-image/four-features-centered-image.component.d.ts +0 -26
  28. package/lib/sections/four-features-centered-image/four-features-centered-image.modal.d.ts +0 -20
  29. 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 | "" | "flex-start";
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 | "" | "flex-start";
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 | "" | "flex-start";
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: ImageBackgroundContentModal | any;
15
- screenWidth: any;
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 | "" | "flex-start";
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 | "" | "flex-start";
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: OverlappingImageContentModal | any;
15
- screenWidth: any;
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
- get accentBackground(): string;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "simpo-component-library",
3
- "version": "3.6.591",
3
+ "version": "3.6.593",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.2.0",
6
6
  "@angular/core": "^17.2.0",
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';
@@ -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
@@ -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
@@ -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
- }
@@ -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