simpo-component-library 3.6.670 → 3.6.672
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/sections/button-grid-section/button-grid-section.component.mjs +5 -3
- package/fesm2022/simpo-component-library.mjs +3 -2
- package/fesm2022/simpo-component-library.mjs.map +1 -1
- package/package.json +1 -1
- package/simpo-component-library-3.6.672.tgz +0 -0
- package/simpo-component-library-3.6.670.tgz +0 -0
|
@@ -8,6 +8,7 @@ import { HoverDirective } from '../../directive/hover-element-directive';
|
|
|
8
8
|
import { OverlayDirective } from '../../directive/overlay-directive';
|
|
9
9
|
import { SpacingHorizontalDirective } from '../../directive/spacing-horizontal.directive';
|
|
10
10
|
import { ContentFitDirective } from '../../directive/content-fit-directive';
|
|
11
|
+
import { AnimationDirective } from '../../directive/animation-directive';
|
|
11
12
|
import BaseSection from '../BaseSection';
|
|
12
13
|
import * as i0 from "@angular/core";
|
|
13
14
|
import * as i1 from "@angular/common";
|
|
@@ -24,7 +25,7 @@ export class ButtonGridSectionComponent extends BaseSection {
|
|
|
24
25
|
return { ...this.style?.layout };
|
|
25
26
|
}
|
|
26
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonGridSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonGridSectionComponent, isStandalone: true, selector: "simpo-button-grid-section", 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=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!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.SimpoButtonComponent, selector: "app-button-element", inputs: ["buttonContent", "buttonStyle", "buttonId", "color", "sectionId", "edit", "backgroundInfo", "disabled", "loading", "isFullWidth"] }, { 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: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }] }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonGridSectionComponent, isStandalone: true, selector: "simpo-button-grid-section", 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=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\"\r\n [simpoAnimation]=\"style?.animation\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!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.SimpoButtonComponent, selector: "app-button-element", inputs: ["buttonContent", "buttonStyle", "buttonId", "color", "sectionId", "edit", "backgroundInfo", "disabled", "loading", "isFullWidth"] }, { 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: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }] }); }
|
|
28
29
|
}
|
|
29
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonGridSectionComponent, decorators: [{
|
|
30
31
|
type: Component,
|
|
@@ -37,8 +38,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
37
38
|
HoverDirective,
|
|
38
39
|
OverlayDirective,
|
|
39
40
|
SpacingHorizontalDirective,
|
|
41
|
+
AnimationDirective,
|
|
40
42
|
ContentFitDirective
|
|
41
|
-
], template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!important}}\n"] }]
|
|
43
|
+
], template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\"\r\n [simpoAnimation]=\"style?.animation\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!important}}\n"] }]
|
|
42
44
|
}], propDecorators: { edit: [{
|
|
43
45
|
type: Input
|
|
44
46
|
}], data: [{
|
|
@@ -52,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
52
54
|
}], delete: [{
|
|
53
55
|
type: Input
|
|
54
56
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyaWQtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2J1dHRvbi1ncmlkLXNlY3Rpb24vYnV0dG9uLWdyaWQtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaW1wby11aS9zcmMvbGliL3NlY3Rpb25zL2J1dHRvbi1ncmlkLXNlY3Rpb24vYnV0dG9uLWdyaWQtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssR0FFTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRXpFLE9BQU8sV0FBVyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBb0J6QyxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsV0FBVztJQVV6RCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFDeEMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUNELElBQUksWUFBWTtRQUNkLE9BQU8sRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDbkMsQ0FBQzsrR0FoQlUsMEJBQTBCO21HQUExQiwwQkFBMEIsNFBDdEN2QywwdUVBMENVLG0xRURsQk4sWUFBWSw2VkFDWixtQkFBbUIsc1hBQ25CLG9CQUFvQixvV0FDcEIsbUJBQW1CLHFKQUNuQixtQkFBbUIsMEdBQ25CLGNBQWMsZ0ZBQ2QsZ0JBQWdCLHFGQUNoQiwwQkFBMEIsMkdBQzFCLGtCQUFrQix5RkFDbEIsbUJBQW1COzs0RkFLViwwQkFBMEI7a0JBbEJ0QyxTQUFTOytCQUNFLDJCQUEyQixjQUN6QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQiwwQkFBMEI7d0JBQzFCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3FCQUNwQjs4QkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTaW1wb0VsZW1lbnRzTW9kdWxlIH0gZnJvbSAnLi4vLi4vZWxlbWVudHMvaW5kZXgnO1xyXG5pbXBvcnQgeyBTaW1wb0NvbXBvbmVudE1vZHVsZSB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvaW5kZXgnO1xyXG5pbXBvcnQgeyBUZXh0RWRpdG9yQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZWxlbWVudHMvdGV4dC1lZGl0b3IvdGV4dC1lZGl0b3IuY29tcG9uZW50JztcclxuXHJcbmltcG9ydCB7IEJhY2tncm91bmREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvYmFja2dyb3VuZC1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBIb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9ob3Zlci1lbGVtZW50LWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvb3ZlcmxheS1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBTcGFjaW5nSG9yaXpvbnRhbERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9zcGFjaW5nLWhvcml6b250YWwuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgQ29udGVudEZpdERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZS9jb250ZW50LWZpdC1kaXJlY3RpdmUnO1xyXG5pbXBvcnQgeyBBbmltYXRpb25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmUvYW5pbWF0aW9uLWRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IEJhY2tncm91bmRNb2RlbCwgTGF5T3V0TW9kZWwgfSBmcm9tICcuLi8uLi9zdHlsZXMvc3R5bGUubW9kZWwnO1xyXG5pbXBvcnQgQmFzZVNlY3Rpb24gZnJvbSAnLi4vQmFzZVNlY3Rpb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzaW1wby1idXR0b24tZ3JpZC1zZWN0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNpbXBvRWxlbWVudHNNb2R1bGUsXHJcbiAgICBTaW1wb0NvbXBvbmVudE1vZHVsZSxcclxuICAgIFRleHRFZGl0b3JDb21wb25lbnQsXHJcbiAgICBCYWNrZ3JvdW5kRGlyZWN0aXZlLFxyXG4gICAgSG92ZXJEaXJlY3RpdmUsXHJcbiAgICBPdmVybGF5RGlyZWN0aXZlLFxyXG4gICAgU3BhY2luZ0hvcml6b250YWxEaXJlY3RpdmUsXHJcbiAgICBBbmltYXRpb25EaXJlY3RpdmUsXHJcbiAgICBDb250ZW50Rml0RGlyZWN0aXZlXHJcbiAgXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLWdyaWQtc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi1ncmlkLXNlY3Rpb24uY29tcG9uZW50LmNzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1dHRvbkdyaWRTZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgQmFzZVNlY3Rpb24gaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGVkaXQ/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRhdGE/OiBhbnk7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3M/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbmV4dENvbXBvbmVudENvbG9yPzogQmFja2dyb3VuZE1vZGVsO1xyXG4gIEBJbnB1dCgpIGluZGV4PzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGRlbGV0ZT86IGJvb2xlYW47XHJcblxyXG4gIHN0eWxlOiBhbnk7XHJcbiAgY29udGVudDogYW55O1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jb250ZW50ID0gdGhpcy5kYXRhPy5jb250ZW50IHx8IHt9O1xyXG4gICAgdGhpcy5zdHlsZSA9IHRoaXMuZGF0YT8uc3R5bGVzIHx8IHt9O1xyXG4gIH1cclxuICBnZXQgc3R5bGVzTGF5b3V0KCk6IExheU91dE1vZGVsIHtcclxuICAgIHJldHVybiB7IC4uLnRoaXMuc3R5bGU/LmxheW91dCB9O1xyXG4gIH1cclxufSIsIjxzZWN0aW9uPlxyXG4gIDxkaXYgW2lkXT1cImRhdGE/LmlkXCIgc2ltcG9Ib3ZlciAoaG92ZXJpbmcpPVwic2hvd0VkaXRUYWJzKCRldmVudClcIiBjbGFzcz1cImJ1dHRvbi1ncmlkLXdyYXBwZXIgdG90YWwtY29udGFpbmVyXCJcclxuICAgIFthdHRyLnN0eWxlXT1cImN1c3RvbUNsYXNzXCIgW3NpbXBvQmFja2dyb3VuZF09XCJzdHlsZT8uYmFja2dyb3VuZFwiPlxyXG4gICAgPGRpdiAjbWFpbkNvbnRhaW5lciBbaWRdPVwiZGF0YT8uaWRcIiBbc3BhY2luZ0hvcml6b250YWxdPVwic3R5bGVzTGF5b3V0XCIgW3NpbXBvTGF5b3V0XT1cInN0eWxlPy5sYXlvdXRcIlxyXG4gICAgICBjbGFzcz1cImJ1dHRvbi1ncmlkLWNvbnRhaW5lciBkLWZsZXggZmxleC1jb2x1bW5cIiBbc2ltcG9PdmVybGF5XT1cInN0eWxlPy5iYWNrZ3JvdW5kXCJcclxuICAgICAgW3NpbXBvQW5pbWF0aW9uXT1cInN0eWxlPy5hbmltYXRpb25cIj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLXNlY3Rpb25cIiAqbmdJZj1cImNvbnRlbnQ/LmlucHV0VGV4dD8ubGVuZ3RoXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1haW4taGVhZGluZ1wiICpuZ0lmPVwiY29udGVudD8uaW5wdXRUZXh0Py5bMF1cIj5cclxuICAgICAgICAgIDxzaW1wby10ZXh0LWVkaXRvciBbKHZhbHVlKV09XCJjb250ZW50LmlucHV0VGV4dFswXS52YWx1ZVwiIFtlZGl0YWJsZV09XCJlZGl0IHx8IGZhbHNlXCI+PC9zaW1wby10ZXh0LWVkaXRvcj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN1Yi1oZWFkaW5nXCIgKm5nSWY9XCJjb250ZW50Py5pbnB1dFRleHQ/LlsxXSAmJiAoY29udGVudC5pbnB1dFRleHRbMV0udmFsdWUgfHwgZWRpdClcIj5cclxuICAgICAgICAgIDxzaW1wby10ZXh0LWVkaXRvciBbKHZhbHVlKV09XCJjb250ZW50LmlucHV0VGV4dFsxXS52YWx1ZVwiIFtlZGl0YWJsZV09XCJlZGl0IHx8IGZhbHNlXCI+PC9zaW1wby10ZXh0LWVkaXRvcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1zY3JvbGwtd3JhcHBlciB3LTEwMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zLWdyaWRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJncmlkLWJ1dHRvblwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuYWN0aW9uLmJ1dHRvbnM7IGxldCBpID0gaW5kZXhcIj5cclxuICAgICAgICAgICAgPGFwcC1idXR0b24tZWxlbWVudCBbYnV0dG9uQ29udGVudF09XCJpdGVtLmNvbnRlbnRcIiBbYnV0dG9uU3R5bGVdPVwiaXRlbS5zdHlsZXNcIiBbYnV0dG9uSWRdPVwiaXRlbT8uaWRcIlxyXG4gICAgICAgICAgICAgIFtzZWN0aW9uSWRdPVwiZGF0YT8uaWRcIiBbY29sb3JdPVwiZGF0YT8uc3R5bGVzPy5iYWNrZ3JvdW5kPy5hY2NlbnRDb2xvclwiIFtlZGl0XT1cImVkaXRcIlxyXG4gICAgICAgICAgICAgIFtiYWNrZ3JvdW5kSW5mb109XCJkYXRhPy5zdHlsZXM/LmJhY2tncm91bmRcIj5cclxuICAgICAgICAgICAgPC9hcHAtYnV0dG9uLWVsZW1lbnQ+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3R5bGU/LmRldmlkZXI/LmRpc3BsYXlcIj5cclxuICAgICAgPHNpbXBvLXN2Zy1kaXZpZGVyIFtkaXZpZGVyVHlwZV09XCJzdHlsZT8uZGV2aWRlcj8uZGV2aWRlclR5cGVcIlxyXG4gICAgICAgIFtjb2xvcl09XCJuZXh0Q29tcG9uZW50Q29sb3I/LmNvbG9yXCI+PC9zaW1wby1zdmctZGl2aWRlcj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwieyBob3Zlcl9lZmZlY3Q6IGVkaXQgfVwiICpuZ0lmPVwic2hvd0VkaXRvcnNcIj5cclxuICAgICAgPHNpbXBvLWhvdmVyLWVsZW1lbnRzIFtkYXRhXT1cImRhdGFcIiBbaW5kZXhdPVwiaW5kZXhcIiBbZWRpdE9wdGlvbnNdPVwiZWRpdFwiPjwvc2ltcG8taG92ZXItZWxlbWVudHM+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0RlbGV0ZVwiIFtuZ0NsYXNzXT1cInsgaG92ZXJfZWZmZWN0OiBkZWxldGUgfVwiPlxyXG4gICAgICA8c2ltcG8tZGVsZXRlLWhvdmVyLWVsZW1lbnQgW2RhdGFdPVwiZGF0YVwiIFtpbmRleF09XCJpbmRleFwiPjwvc2ltcG8tZGVsZXRlLWhvdmVyLWVsZW1lbnQ+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -24948,7 +24948,7 @@ class ButtonGridSectionComponent extends BaseSection {
|
|
|
24948
24948
|
return { ...this.style?.layout };
|
|
24949
24949
|
}
|
|
24950
24950
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonGridSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
24951
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonGridSectionComponent, isStandalone: true, selector: "simpo-button-grid-section", 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=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!important}}\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: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: SimpoButtonComponent, selector: "app-button-element", inputs: ["buttonContent", "buttonStyle", "buttonId", "color", "sectionId", "edit", "backgroundInfo", "disabled", "loading", "isFullWidth"] }, { kind: "component", type: SvgDividerComponent, selector: "simpo-svg-divider", inputs: ["dividerType", "color"] }, { kind: "ngmodule", type: SimpoComponentModule }, { 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: "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: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }] }); }
|
|
24951
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ButtonGridSectionComponent, isStandalone: true, selector: "simpo-button-grid-section", 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=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\"\r\n [simpoAnimation]=\"style?.animation\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!important}}\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: "ngmodule", type: SimpoElementsModule }, { kind: "component", type: SimpoButtonComponent, selector: "app-button-element", inputs: ["buttonContent", "buttonStyle", "buttonId", "color", "sectionId", "edit", "backgroundInfo", "disabled", "loading", "isFullWidth"] }, { kind: "component", type: SvgDividerComponent, selector: "simpo-svg-divider", inputs: ["dividerType", "color"] }, { kind: "ngmodule", type: SimpoComponentModule }, { 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: "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: AnimationDirective, selector: "[simpoAnimation]", inputs: ["simpoAnimation"] }, { kind: "directive", type: ContentFitDirective, selector: "[simpoLayout]", inputs: ["simpoLayout"] }] }); }
|
|
24952
24952
|
}
|
|
24953
24953
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ButtonGridSectionComponent, decorators: [{
|
|
24954
24954
|
type: Component,
|
|
@@ -24961,8 +24961,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
24961
24961
|
HoverDirective,
|
|
24962
24962
|
OverlayDirective,
|
|
24963
24963
|
SpacingHorizontalDirective,
|
|
24964
|
+
AnimationDirective,
|
|
24964
24965
|
ContentFitDirective
|
|
24965
|
-
], template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!important}}\n"] }]
|
|
24966
|
+
], template: "<section>\r\n <div [id]=\"data?.id\" simpoHover (hovering)=\"showEditTabs($event)\" class=\"button-grid-wrapper total-container\"\r\n [attr.style]=\"customClass\" [simpoBackground]=\"style?.background\">\r\n <div #mainContainer [id]=\"data?.id\" [spacingHorizontal]=\"stylesLayout\" [simpoLayout]=\"style?.layout\"\r\n class=\"button-grid-container d-flex flex-column\" [simpoOverlay]=\"style?.background\"\r\n [simpoAnimation]=\"style?.animation\">\r\n\r\n <div class=\"heading-section\" *ngIf=\"content?.inputText?.length\">\r\n <div class=\"main-heading\" *ngIf=\"content?.inputText?.[0]\">\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=\"sub-heading\" *ngIf=\"content?.inputText?.[1] && (content.inputText[1].value || edit)\">\r\n <simpo-text-editor [(value)]=\"content.inputText[1].value\" [editable]=\"edit || false\"></simpo-text-editor>\r\n </div>\r\n </div>\r\n\r\n <div class=\"buttons-scroll-wrapper w-100\">\r\n <div class=\"buttons-grid\">\r\n <div class=\"grid-button\" *ngFor=\"let item of data.action.buttons; let i = index\">\r\n <app-button-element [buttonContent]=\"item.content\" [buttonStyle]=\"item.styles\" [buttonId]=\"item?.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 </div>\r\n\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 <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 <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: [".button-grid-wrapper{width:100%}.total-container{height:auto;position:relative}.button-grid-container{width:100%;padding:50px 40px 35px}.heading-section{text-align:center;margin-bottom:34px;flex-shrink:0}.main-heading{font-size:42px;font-weight:600;line-height:1.2;color:#0a4f9f;margin-bottom:12px}.sub-heading{font-size:16px;line-height:1.6;color:#555;max-width:900px;margin:0 auto}.buttons-scroll-wrapper{max-height:370px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.buttons-scroll-wrapper::-webkit-scrollbar{width:8px}.buttons-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.buttons-scroll-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.buttons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 36px;padding:5px 0}.grid-button{width:100%;min-width:0;display:flex}.grid-button app-button-element{display:block;width:100%;flex:1}.grid-button ::ng-deep app-button-element>*{width:100%}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{width:100%!important;min-height:60px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;letter-spacing:.4px;padding:18px 16px!important;line-height:1.4;height:auto;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media (min-width: 1200px){.button-grid-container{padding:55px 52px 40px}.main-heading{font-size:46px}.buttons-scroll-wrapper{max-height:370px}}@media (min-width: 768px) and (max-width: 1024px){.button-grid-container{padding:38px 26px 30px}.main-heading{font-size:34px}.sub-heading{font-size:15px}.buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.buttons-scroll-wrapper{max-height:420px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:68px;font-size:16px}}@media (max-width: 767px){.button-grid-container{padding:28px 16px 24px}.heading-section{margin-bottom:22px}.main-heading{font-size:28px;margin-bottom:8px}.sub-heading{font-size:14px}.buttons-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}.buttons-scroll-wrapper{max-height:360px;padding-right:4px}.grid-button ::ng-deep button,.grid-button ::ng-deep .simpo-btn,.grid-button ::ng-deep a{min-height:58px;font-size:14px;padding:14px 12px!important}}\n"] }]
|
|
24966
24967
|
}], propDecorators: { edit: [{
|
|
24967
24968
|
type: Input
|
|
24968
24969
|
}], data: [{
|