simpo-component-library 2.1.696 → 2.1.697
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/sections/usp-video-section/usp-video-section.component.mjs +6 -4
- package/fesm2022/simpo-component-library.mjs +4 -3
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/lib/directive/background-directive.d.ts +1 -1
- package/lib/directive/button-directive.directive.d.ts +1 -1
- package/lib/directive/color.directive.d.ts +1 -1
- package/lib/sections/pricing-section/pricing-section.component.d.ts +1 -1
- package/package.json +1 -1
- package/simpo-component-library-2.1.697.tgz +0 -0
- package/simpo-component-library-2.1.696.tgz +0 -0
|
@@ -9,6 +9,7 @@ import { AnimationDirective } from '../../directive/animation-directive';
|
|
|
9
9
|
import { BackgroundDirective } from '../../directive/background-directive';
|
|
10
10
|
import { SpacingAroundDirective } from '../../directive/spacing-around.directive';
|
|
11
11
|
import { SpacingHorizontalDirective } from '../../directive/spacing-horizontal.directive';
|
|
12
|
+
import { ContentFitDirective } from '../../directive/content-fit-directive';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
import * as i1 from "./../../services/events.service";
|
|
14
15
|
import * as i2 from "@angular/common";
|
|
@@ -36,7 +37,7 @@ export class UspVideoSectionComponent extends BaseSection {
|
|
|
36
37
|
this.screenWidth = window.innerWidth;
|
|
37
38
|
}
|
|
38
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: UspVideoSectionComponent, deps: [{ token: i1.EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: UspVideoSectionComponent, isStandalone: true, selector: "simpo-usp-video-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"main-container\" simpoHover (hovering)=\"showEditTabs($event)\">\r\n <div [spacingAround]=\"stylesLayout\">\r\n <div [simpoBackground]=\"style?.background\" [simpoAnimation]=\"style?.animation\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\">\r\n <div class=\"header\" *ngFor=\"let ele of data?.content?.inputText\"\r\n [ngClass]=\"{'text-center': data?.styles?.layout?.align == 'center'}\">\r\n {{ele.value}}\r\n </div>\r\n <div class=\"body-container d-flex g-4 w-100\" [simpoAnimation]=\"style?.animation\">\r\n <div class=\"left w-40\"\r\n [ngClass]=\"{'w-100':!data?.content?.videoLink?.display , 'center-alignment': (data?.styles?.layout?.align == 'center' && screenWidth > 475) }\">\r\n <ng-container *ngFor=\"let ele of data?.content?.listItem?.data; let i = index\">\r\n <div class=\"card-container w-100\" [class.active-border]=\"i == 1\">\r\n <p class=\"head-text\" [class.active-text]=\"i == 1\">{{ele.inputText[0].value}}</p>\r\n <p class=\"sub-text\" [class.active-text]=\"i == 1\">{{ele.inputText[1].value}}</p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"right w-60 d-flex justify-content-end align-items-center\" *ngIf=\"data?.content?.videoLink?.display\">\r\n <div class=\"video-section\">\r\n <video controls class=\"w-100 br-20 h-50\">\r\n <source [src]=\"data?.content?.videoLink?.url\">\r\n </video>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\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 <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", styles: [".main-container{position:relative}.header{font-weight:600;font-size:32px;line-height:56px;color:#555}.head-text{font-size:24px;line-height:56px;color:#1e1e1e;font-weight:700}.sub-text{font-size:16px;font-weight:400;line-height:24px;color:#6b6b6b}.w-40{width:40%}.w-60{width:60%}.active-text{color:#f8a938!important}.active-border{border-left:10px solid rgba(248,169,56,1);border-radius:10px;padding-left:10px}.br-20{border-radius:20px}.h-50{height:50vh}@media only screen and (max-width: 475px){.header{font-size:22px;line-height:35px;margin-bottom:10px}.body-container{flex-direction:column-reverse}.left,.right{width:100%!important}.head-text{margin-bottom:0}}.center-alignment{width:75%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: SpacingAroundDirective, selector: "[spacingAround]", inputs: ["spacingAround"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal", "isHeader"] }] }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: UspVideoSectionComponent, isStandalone: true, selector: "simpo-usp-video-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"main-container\" simpoHover (hovering)=\"showEditTabs($event)\">\r\n <div [spacingAround]=\"stylesLayout\">\r\n <div [simpoBackground]=\"style?.background\" [simpoAnimation]=\"style?.animation\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\">\r\n <div class=\"header\" *ngFor=\"let ele of data?.content?.inputText\"\r\n [ngClass]=\"{'text-center': data?.styles?.layout?.align == 'center'}\">\r\n {{ele.value}}\r\n </div>\r\n <div class=\"body-container d-flex g-4 w-100\" [simpoAnimation]=\"style?.animation\">\r\n <div class=\"left w-40\"\r\n [ngClass]=\"{'w-100':!data?.content?.videoLink?.display , 'center-alignment': (data?.styles?.layout?.align == 'center' && screenWidth > 475) }\">\r\n <ng-container *ngFor=\"let ele of data?.content?.listItem?.data; let i = index\">\r\n <div class=\"card-container w-100\" [class.active-border]=\"i == 1\">\r\n <p class=\"head-text\" [class.active-text]=\"i == 1\">{{ele.inputText[0].value}}</p>\r\n <p class=\"sub-text\" [class.active-text]=\"i == 1\">{{ele.inputText[1].value}}</p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"right w-60 d-flex justify-content-end align-items-center\" *ngIf=\"data?.content?.videoLink?.display\">\r\n <div class=\"video-section\">\r\n <video controls class=\"w-100 br-20 h-50\">\r\n <source [src]=\"data?.content?.videoLink?.url\">\r\n </video>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\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 <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", styles: [".main-container{position:relative}.header{font-weight:600;font-size:32px;line-height:56px;color:#555}.head-text{font-size:24px;line-height:56px;color:#1e1e1e;font-weight:700}.sub-text{font-size:16px;font-weight:400;line-height:24px;color:#6b6b6b}.w-40{width:40%}.w-60{width:60%}.active-text{color:#f8a938!important}.active-border{border-left:10px solid rgba(248,169,56,1);border-radius:10px;padding-left:10px}.br-20{border-radius:20px}.h-50{height:50vh}.body-container{text-align:left}@media only screen and (max-width: 475px){.header{font-size:22px;line-height:35px;margin-bottom:10px}.body-container{flex-direction:column-reverse}.left,.right{width:100%!important}.head-text{margin-bottom:0}}.center-alignment{width:75%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: SpacingAroundDirective, selector: "[spacingAround]", inputs: ["spacingAround"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal", "isHeader"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }] }); }
|
|
40
41
|
}
|
|
41
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: UspVideoSectionComponent, decorators: [{
|
|
42
43
|
type: Component,
|
|
@@ -49,8 +50,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
49
50
|
AnimationDirective,
|
|
50
51
|
BackgroundDirective,
|
|
51
52
|
SpacingAroundDirective,
|
|
52
|
-
SpacingHorizontalDirective
|
|
53
|
-
|
|
53
|
+
SpacingHorizontalDirective,
|
|
54
|
+
ContentFitDirective
|
|
55
|
+
], template: "<div class=\"main-container\" simpoHover (hovering)=\"showEditTabs($event)\">\r\n <div [spacingAround]=\"stylesLayout\">\r\n <div [simpoBackground]=\"style?.background\" [simpoAnimation]=\"style?.animation\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\">\r\n <div class=\"header\" *ngFor=\"let ele of data?.content?.inputText\"\r\n [ngClass]=\"{'text-center': data?.styles?.layout?.align == 'center'}\">\r\n {{ele.value}}\r\n </div>\r\n <div class=\"body-container d-flex g-4 w-100\" [simpoAnimation]=\"style?.animation\">\r\n <div class=\"left w-40\"\r\n [ngClass]=\"{'w-100':!data?.content?.videoLink?.display , 'center-alignment': (data?.styles?.layout?.align == 'center' && screenWidth > 475) }\">\r\n <ng-container *ngFor=\"let ele of data?.content?.listItem?.data; let i = index\">\r\n <div class=\"card-container w-100\" [class.active-border]=\"i == 1\">\r\n <p class=\"head-text\" [class.active-text]=\"i == 1\">{{ele.inputText[0].value}}</p>\r\n <p class=\"sub-text\" [class.active-text]=\"i == 1\">{{ele.inputText[1].value}}</p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"right w-60 d-flex justify-content-end align-items-center\" *ngIf=\"data?.content?.videoLink?.display\">\r\n <div class=\"video-section\">\r\n <video controls class=\"w-100 br-20 h-50\">\r\n <source [src]=\"data?.content?.videoLink?.url\">\r\n </video>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\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 <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", styles: [".main-container{position:relative}.header{font-weight:600;font-size:32px;line-height:56px;color:#555}.head-text{font-size:24px;line-height:56px;color:#1e1e1e;font-weight:700}.sub-text{font-size:16px;font-weight:400;line-height:24px;color:#6b6b6b}.w-40{width:40%}.w-60{width:60%}.active-text{color:#f8a938!important}.active-border{border-left:10px solid rgba(248,169,56,1);border-radius:10px;padding-left:10px}.br-20{border-radius:20px}.h-50{height:50vh}.body-container{text-align:left}@media only screen and (max-width: 475px){.header{font-size:22px;line-height:35px;margin-bottom:10px}.body-container{flex-direction:column-reverse}.left,.right{width:100%!important}.head-text{margin-bottom:0}}.center-alignment{width:75%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}\n"] }]
|
|
54
56
|
}], ctorParameters: () => [{ type: i1.EventsService }], propDecorators: { data: [{
|
|
55
57
|
type: Input
|
|
56
58
|
}], index: [{
|
|
@@ -63,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
63
65
|
type: HostListener,
|
|
64
66
|
args: ["window: resize", ["$event"]]
|
|
65
67
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNwLXZpZGVvLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2ltcG8tdWkvc3JjL2xpYi9zZWN0aW9ucy91c3AtdmlkZW8tc2VjdGlvbi91c3AtdmlkZW8tc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL3VzcC12aWRlby1zZWN0aW9uL3VzcC12aWRlby1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFHdkYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDbEcsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sc0VBQXNFLENBQUM7QUFDbkgsT0FBTyxXQUFXLE1BQU0sZ0JBQWdCLENBQUM7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7O0FBbUI1RSxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsV0FBVztJQU12RCxZQUNVLGFBQTRCO1FBRXBDLEtBQUssRUFBRSxDQUFDO1FBRkEsa0JBQWEsR0FBYixhQUFhLENBQWU7SUFHdEMsQ0FBQztJQUdELFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBaUIsQ0FBQztJQUNsRCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksTUFBTSxDQUFDLFVBQVUsSUFBSSxHQUFHO1lBQzFCLE9BQU07UUFFUixJQUFJLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzNELENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFHRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3ZDLENBQUM7OEdBbkNVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHdQQ2pDckMscy9EQW1DQSxzN0JEaEJJLFlBQVksOFZBRVosc0JBQXNCLHlKQUN0QiwyQkFBMkIscUhBQzNCLGNBQWMsZ0ZBQ2Qsa0JBQWtCLHlGQUNsQixtQkFBbUIsMEdBQ25CLHNCQUFzQix1RkFDdEIsMEJBQTBCLDJHQUMxQixtQkFBbUI7OzJGQUtWLHdCQUF3QjtrQkFsQnBDLFNBQVM7K0JBQ0UseUJBQXlCLGNBQ3ZCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3dCQUN0QiwyQkFBMkI7d0JBQzNCLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsMEJBQTBCO3dCQUMxQixtQkFBbUI7cUJBQ3BCO2tGQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkE2Qk4sYUFBYTtzQkFEWixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVXNwU3R5bGVNb2RlbCwgVXNwVmlkZW9Nb2RlbCB9IGZyb20gJy4vdXNwLXZpZGVvLXNlY3Rpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTaW1wb0NvbnRhaW5lckFsaWdtZW50IH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2NvbnRhaW5lci1hbGlnbm1lbnQuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgTGF5T3V0TW9kZWwgfSBmcm9tICcuLi8uLi9zdHlsZXMvc3R5bGUubW9kZWwnO1xyXG5pbXBvcnQgeyBFdmVudHNTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi9zZXJ2aWNlcy9ldmVudHMuc2VydmljZSc7XHJcbmltcG9ydCB7IEhvdmVyRWxlbWVudHNDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vY29tcG9uZW50cy9ob3Zlci1lbGVtZW50cy9ob3Zlci1lbGVtZW50cy5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRGVsZXRlSG92ZXJFbGVtZW50Q29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2NvbXBvbmVudHMvZGVsZXRlLWhvdmVyLWVsZW1lbnQvZGVsZXRlLWhvdmVyLWVsZW1lbnQuY29tcG9uZW50XCI7XHJcbmltcG9ydCBCYXNlU2VjdGlvbiBmcm9tICcuLi9CYXNlU2VjdGlvbic7XHJcbmltcG9ydCB7IEhvdmVyRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2hvdmVyLWVsZW1lbnQtZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQW5pbWF0aW9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2FuaW1hdGlvbi1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBCYWNrZ3JvdW5kRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlL2JhY2tncm91bmQtZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgU3BhY2luZ0Fyb3VuZERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9zcGFjaW5nLWFyb3VuZC5kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBTcGFjaW5nSG9yaXpvbnRhbERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9zcGFjaW5nLWhvcml6b250YWwuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9jb250ZW50LWZpdC1kaXJlY3RpdmUnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NpbXBvLXVzcC12aWRlby1zZWN0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNpbXBvQ29udGFpbmVyQWxpZ21lbnQsXHJcbiAgICBIb3ZlckVsZW1lbnRzQ29tcG9uZW50LFxyXG4gICAgRGVsZXRlSG92ZXJFbGVtZW50Q29tcG9uZW50LFxyXG4gICAgSG92ZXJEaXJlY3RpdmUsXHJcbiAgICBBbmltYXRpb25EaXJlY3RpdmUsXHJcbiAgICBCYWNrZ3JvdW5kRGlyZWN0aXZlLFxyXG4gICAgU3BhY2luZ0Fyb3VuZERpcmVjdGl2ZSxcclxuICAgIFNwYWNpbmdIb3Jpem9udGFsRGlyZWN0aXZlLFxyXG4gICAgQ29udGVudEZpdERpcmVjdGl2ZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3VzcC12aWRlby1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vdXNwLXZpZGVvLXNlY3Rpb24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFVzcFZpZGVvU2VjdGlvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VTZWN0aW9uIGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBkYXRhPzogVXNwVmlkZW9Nb2RlbDtcclxuICBASW5wdXQoKSBpbmRleD86IG51bWJlcjtcclxuICBASW5wdXQoKSBlZGl0PzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBkZWxldGU/OiBib29sZWFuO1xyXG4gIHN0eWxlPzogVXNwU3R5bGVNb2RlbDtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgX2V2ZW50U2VydmljZTogRXZlbnRzU2VydmljZVxyXG4gICkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuZGF0YSlcclxuICAgIHRoaXMuc3R5bGUgPSB0aGlzLmRhdGE/LnN0eWxlcztcclxuICB9XHJcblxyXG4gIGdldCBzdHlsZXNMYXlvdXQoKSB7XHJcbiAgICByZXR1cm4geyAuLi50aGlzLnN0eWxlPy5sYXlvdXQgfSBhcyBMYXlPdXRNb2RlbDtcclxuICB9XHJcblxyXG4gIGVkaXRTZWN0aW9uKCkge1xyXG4gICAgaWYgKHdpbmRvdy5pbm5lcldpZHRoIDw9IDQ3NSlcclxuICAgICAgcmV0dXJuXHJcblxyXG4gICAgdGhpcy5fZXZlbnRTZXJ2aWNlLnRvZ2dsZUVkaXRvckV2ZW50LmVtaXQoZmFsc2UpO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuX2V2ZW50U2VydmljZS5lZGl0U2VjdGlvbi5lbWl0KHsgZGF0YTogdGhpcy5kYXRhIH0pO1xyXG4gICAgfSwgMTAwKTtcclxuICB9XHJcbiAgc2NyZWVuV2lkdGg6IGFueVxyXG4gIEBIb3N0TGlzdGVuZXIoXCJ3aW5kb3c6IHJlc2l6ZVwiLCBbXCIkZXZlbnRcIl0pXHJcbiAgZ2V0U2NyZWVuU2l6ZSgpIHtcclxuICAgIHRoaXMuc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1haW4tY29udGFpbmVyXCIgIHNpbXBvSG92ZXIgKGhvdmVyaW5nKT1cInNob3dFZGl0VGFicygkZXZlbnQpXCI+XHJcbiAgPGRpdiBbc3BhY2luZ0Fyb3VuZF09XCJzdHlsZXNMYXlvdXRcIj5cclxuICAgIDxkaXYgW3NpbXBvQmFja2dyb3VuZF09XCJzdHlsZT8uYmFja2dyb3VuZFwiIFtzaW1wb0FuaW1hdGlvbl09XCJzdHlsZT8uYW5pbWF0aW9uXCIgW2lkXT1cImRhdGE/LmlkXCIgW3NwYWNpbmdIb3Jpem9udGFsXT1cInN0eWxlc0xheW91dFwiIFtzaW1wb0xheW91dF09XCJzdHlsZT8ubGF5b3V0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIiAqbmdGb3I9XCJsZXQgZWxlIG9mIGRhdGE/LmNvbnRlbnQ/LmlucHV0VGV4dFwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyd0ZXh0LWNlbnRlcic6IGRhdGE/LnN0eWxlcz8ubGF5b3V0Py5hbGlnbiA9PSAnY2VudGVyJ31cIj5cclxuICAgICAgICB7e2VsZS52YWx1ZX19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYm9keS1jb250YWluZXIgZC1mbGV4IGctNCB3LTEwMFwiIFtzaW1wb0FuaW1hdGlvbl09XCJzdHlsZT8uYW5pbWF0aW9uXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQgdy00MFwiXHJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7J3ctMTAwJzohZGF0YT8uY29udGVudD8udmlkZW9MaW5rPy5kaXNwbGF5ICwgJ2NlbnRlci1hbGlnbm1lbnQnOiAoZGF0YT8uc3R5bGVzPy5sYXlvdXQ/LmFsaWduID09ICdjZW50ZXInICYmIHNjcmVlbldpZHRoID4gNDc1KSB9XCI+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbGUgb2YgZGF0YT8uY29udGVudD8ubGlzdEl0ZW0/LmRhdGE7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtY29udGFpbmVyIHctMTAwXCIgW2NsYXNzLmFjdGl2ZS1ib3JkZXJdPVwiaSA9PSAxXCI+XHJcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJoZWFkLXRleHRcIiBbY2xhc3MuYWN0aXZlLXRleHRdPVwiaSA9PSAxXCI+e3tlbGUuaW5wdXRUZXh0WzBdLnZhbHVlfX08L3A+XHJcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJzdWItdGV4dFwiIFtjbGFzcy5hY3RpdmUtdGV4dF09XCJpID09IDFcIj57e2VsZS5pbnB1dFRleHRbMV0udmFsdWV9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicmlnaHQgdy02MCBkLWZsZXgganVzdGlmeS1jb250ZW50LWVuZCBhbGlnbi1pdGVtcy1jZW50ZXJcIiAqbmdJZj1cImRhdGE/LmNvbnRlbnQ/LnZpZGVvTGluaz8uZGlzcGxheVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZpZGVvLXNlY3Rpb25cIj5cclxuICAgICAgICAgICAgPHZpZGVvIGNvbnRyb2xzIGNsYXNzPVwidy0xMDAgYnItMjAgaC01MFwiPlxyXG4gICAgICAgICAgICAgIDxzb3VyY2UgW3NyY109XCJkYXRhPy5jb250ZW50Py52aWRlb0xpbms/LnVybFwiPlxyXG4gICAgICAgICAgICA8L3ZpZGVvPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgW25nQ2xhc3NdPVwieydob3Zlcl9lZmZlY3QnOiBlZGl0fVwiICpuZ0lmPVwic2hvd0VkaXRvcnNcIj5cclxuICAgIDxzaW1wby1ob3Zlci1lbGVtZW50cyBbZGF0YV09XCJkYXRhXCIgW2luZGV4XT1cImluZGV4XCIgW2VkaXRPcHRpb25zXT1cImVkaXRcIj48L3NpbXBvLWhvdmVyLWVsZW1lbnRzPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgKm5nSWY9XCJzaG93RGVsZXRlXCIgW25nQ2xhc3NdPVwieydob3Zlcl9lZmZlY3QnOiBkZWxldGV9XCI+XHJcbiAgICA8c2ltcG8tZGVsZXRlLWhvdmVyLWVsZW1lbnQgW2RhdGFdPVwiZGF0YVwiIFtpbmRleF09XCJpbmRleFwiPjwvc2ltcG8tZGVsZXRlLWhvdmVyLWVsZW1lbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -9574,7 +9574,7 @@ class UspVideoSectionComponent extends BaseSection {
|
|
|
9574
9574
|
this.screenWidth = window.innerWidth;
|
|
9575
9575
|
}
|
|
9576
9576
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: UspVideoSectionComponent, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9577
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: UspVideoSectionComponent, isStandalone: true, selector: "simpo-usp-video-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"main-container\" simpoHover (hovering)=\"showEditTabs($event)\">\r\n <div [spacingAround]=\"stylesLayout\">\r\n <div [simpoBackground]=\"style?.background\" [simpoAnimation]=\"style?.animation\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\">\r\n <div class=\"header\" *ngFor=\"let ele of data?.content?.inputText\"\r\n [ngClass]=\"{'text-center': data?.styles?.layout?.align == 'center'}\">\r\n {{ele.value}}\r\n </div>\r\n <div class=\"body-container d-flex g-4 w-100\" [simpoAnimation]=\"style?.animation\">\r\n <div class=\"left w-40\"\r\n [ngClass]=\"{'w-100':!data?.content?.videoLink?.display , 'center-alignment': (data?.styles?.layout?.align == 'center' && screenWidth > 475) }\">\r\n <ng-container *ngFor=\"let ele of data?.content?.listItem?.data; let i = index\">\r\n <div class=\"card-container w-100\" [class.active-border]=\"i == 1\">\r\n <p class=\"head-text\" [class.active-text]=\"i == 1\">{{ele.inputText[0].value}}</p>\r\n <p class=\"sub-text\" [class.active-text]=\"i == 1\">{{ele.inputText[1].value}}</p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"right w-60 d-flex justify-content-end align-items-center\" *ngIf=\"data?.content?.videoLink?.display\">\r\n <div class=\"video-section\">\r\n <video controls class=\"w-100 br-20 h-50\">\r\n <source [src]=\"data?.content?.videoLink?.url\">\r\n </video>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\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 <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", styles: [".main-container{position:relative}.header{font-weight:600;font-size:32px;line-height:56px;color:#555}.head-text{font-size:24px;line-height:56px;color:#1e1e1e;font-weight:700}.sub-text{font-size:16px;font-weight:400;line-height:24px;color:#6b6b6b}.w-40{width:40%}.w-60{width:60%}.active-text{color:#f8a938!important}.active-border{border-left:10px solid rgba(248,169,56,1);border-radius:10px;padding-left:10px}.br-20{border-radius:20px}.h-50{height:50vh}@media only screen and (max-width: 475px){.header{font-size:22px;line-height:35px;margin-bottom:10px}.body-container{flex-direction:column-reverse}.left,.right{width:100%!important}.head-text{margin-bottom:0}}.center-alignment{width:75%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: SpacingAroundDirective, selector: "[spacingAround]", inputs: ["spacingAround"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal", "isHeader"] }] }); }
|
|
9577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", type: UspVideoSectionComponent, isStandalone: true, selector: "simpo-usp-video-section", inputs: { data: "data", index: "index", edit: "edit", delete: "delete" }, host: { listeners: { "window: resize": "getScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"main-container\" simpoHover (hovering)=\"showEditTabs($event)\">\r\n <div [spacingAround]=\"stylesLayout\">\r\n <div [simpoBackground]=\"style?.background\" [simpoAnimation]=\"style?.animation\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\">\r\n <div class=\"header\" *ngFor=\"let ele of data?.content?.inputText\"\r\n [ngClass]=\"{'text-center': data?.styles?.layout?.align == 'center'}\">\r\n {{ele.value}}\r\n </div>\r\n <div class=\"body-container d-flex g-4 w-100\" [simpoAnimation]=\"style?.animation\">\r\n <div class=\"left w-40\"\r\n [ngClass]=\"{'w-100':!data?.content?.videoLink?.display , 'center-alignment': (data?.styles?.layout?.align == 'center' && screenWidth > 475) }\">\r\n <ng-container *ngFor=\"let ele of data?.content?.listItem?.data; let i = index\">\r\n <div class=\"card-container w-100\" [class.active-border]=\"i == 1\">\r\n <p class=\"head-text\" [class.active-text]=\"i == 1\">{{ele.inputText[0].value}}</p>\r\n <p class=\"sub-text\" [class.active-text]=\"i == 1\">{{ele.inputText[1].value}}</p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"right w-60 d-flex justify-content-end align-items-center\" *ngIf=\"data?.content?.videoLink?.display\">\r\n <div class=\"video-section\">\r\n <video controls class=\"w-100 br-20 h-50\">\r\n <source [src]=\"data?.content?.videoLink?.url\">\r\n </video>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\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 <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", styles: [".main-container{position:relative}.header{font-weight:600;font-size:32px;line-height:56px;color:#555}.head-text{font-size:24px;line-height:56px;color:#1e1e1e;font-weight:700}.sub-text{font-size:16px;font-weight:400;line-height:24px;color:#6b6b6b}.w-40{width:40%}.w-60{width:60%}.active-text{color:#f8a938!important}.active-border{border-left:10px solid rgba(248,169,56,1);border-radius:10px;padding-left:10px}.br-20{border-radius:20px}.h-50{height:50vh}.body-container{text-align:left}@media only screen and (max-width: 475px){.header{font-size:22px;line-height:35px;margin-bottom:10px}.body-container{flex-direction:column-reverse}.left,.right{width:100%!important}.head-text{margin-bottom:0}}.center-alignment{width:75%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HoverElementsComponent, selector: "simpo-hover-elements", inputs: ["data", "index", "editOptions", "isMerged", "isEcommerce"], outputs: ["edit"] }, { kind: "component", type: DeleteHoverElementComponent, selector: "simpo-delete-hover-element", inputs: ["index", "data"], outputs: ["edit"] }, { kind: "directive", type: HoverDirective, selector: "[simpoHover]", outputs: ["hovering"] }, { kind: "directive", type: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: BackgroundDirective, selector: "[simpoBackground]", inputs: ["simpoBackground", "scrollValue"] }, { kind: "directive", type: SpacingAroundDirective, selector: "[spacingAround]", inputs: ["spacingAround"] }, { kind: "directive", type: SpacingHorizontalDirective, selector: "[spacingHorizontal]", inputs: ["spacingHorizontal", "isHeader"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }] }); }
|
|
9578
9578
|
}
|
|
9579
9579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: UspVideoSectionComponent, decorators: [{
|
|
9580
9580
|
type: Component,
|
|
@@ -9587,8 +9587,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImpor
|
|
|
9587
9587
|
AnimationDirective,
|
|
9588
9588
|
BackgroundDirective,
|
|
9589
9589
|
SpacingAroundDirective,
|
|
9590
|
-
SpacingHorizontalDirective
|
|
9591
|
-
|
|
9590
|
+
SpacingHorizontalDirective,
|
|
9591
|
+
ContentFitDirective
|
|
9592
|
+
], template: "<div class=\"main-container\" simpoHover (hovering)=\"showEditTabs($event)\">\r\n <div [spacingAround]=\"stylesLayout\">\r\n <div [simpoBackground]=\"style?.background\" [simpoAnimation]=\"style?.animation\" [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\">\r\n <div class=\"header\" *ngFor=\"let ele of data?.content?.inputText\"\r\n [ngClass]=\"{'text-center': data?.styles?.layout?.align == 'center'}\">\r\n {{ele.value}}\r\n </div>\r\n <div class=\"body-container d-flex g-4 w-100\" [simpoAnimation]=\"style?.animation\">\r\n <div class=\"left w-40\"\r\n [ngClass]=\"{'w-100':!data?.content?.videoLink?.display , 'center-alignment': (data?.styles?.layout?.align == 'center' && screenWidth > 475) }\">\r\n <ng-container *ngFor=\"let ele of data?.content?.listItem?.data; let i = index\">\r\n <div class=\"card-container w-100\" [class.active-border]=\"i == 1\">\r\n <p class=\"head-text\" [class.active-text]=\"i == 1\">{{ele.inputText[0].value}}</p>\r\n <p class=\"sub-text\" [class.active-text]=\"i == 1\">{{ele.inputText[1].value}}</p>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"right w-60 d-flex justify-content-end align-items-center\" *ngIf=\"data?.content?.videoLink?.display\">\r\n <div class=\"video-section\">\r\n <video controls class=\"w-100 br-20 h-50\">\r\n <source [src]=\"data?.content?.videoLink?.url\">\r\n </video>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\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 <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", styles: [".main-container{position:relative}.header{font-weight:600;font-size:32px;line-height:56px;color:#555}.head-text{font-size:24px;line-height:56px;color:#1e1e1e;font-weight:700}.sub-text{font-size:16px;font-weight:400;line-height:24px;color:#6b6b6b}.w-40{width:40%}.w-60{width:60%}.active-text{color:#f8a938!important}.active-border{border-left:10px solid rgba(248,169,56,1);border-radius:10px;padding-left:10px}.br-20{border-radius:20px}.h-50{height:50vh}.body-container{text-align:left}@media only screen and (max-width: 475px){.header{font-size:22px;line-height:35px;margin-bottom:10px}.body-container{flex-direction:column-reverse}.left,.right{width:100%!important}.head-text{margin-bottom:0}}.center-alignment{width:75%!important;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.hover_effect{position:absolute;width:100%;top:0;left:0;height:100%}\n"] }]
|
|
9592
9593
|
}], ctorParameters: () => [{ type: EventsService }], propDecorators: { data: [{
|
|
9593
9594
|
type: Input
|
|
9594
9595
|
}], index: [{
|