@jooler/jooler-websites-shared 0.0.192 → 0.0.193
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/esm2020/lib/cta-section-style-four/cta-section-style-four.component.mjs +4 -5
- package/esm2020/lib/models/cta-one-type.model.mjs +1 -1
- package/esm2020/lib/models/page-section-style-three.model.mjs +1 -1
- package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs +25 -25
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +25 -25
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/lib/models/cta-one-type.model.d.ts +3 -2
- package/lib/models/page-section-style-three.model.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,8 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/cdk/layout";
|
|
4
4
|
import * as i2 from "@angular/router";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
|
-
import * as i4 from "
|
|
7
|
-
import * as i5 from "../section-title/section-title.component";
|
|
6
|
+
import * as i4 from "../section-title/section-title.component";
|
|
8
7
|
export class CtaSectionStyleFourComponent {
|
|
9
8
|
constructor(breakpointObserver, _router) {
|
|
10
9
|
this.breakpointObserver = breakpointObserver;
|
|
@@ -27,11 +26,11 @@ export class CtaSectionStyleFourComponent {
|
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
28
|
CtaSectionStyleFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleFourComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
-
CtaSectionStyleFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleFourComponent, selector: "cta-section-style-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"
|
|
29
|
+
CtaSectionStyleFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CtaSectionStyleFourComponent, selector: "cta-section-style-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\r\n class=\"bg-img\" alt=\"bg-img\">\r\n <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\r\n <div class=\"section-title\">\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"buttons-line\">\r\n <div *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton( button.route)\"\r\n class=\"cta-button\">\r\n <span class=\"button-value\">\r\n {{button.label}}\r\n </span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"chevron-right\" \r\n viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path \r\n d=\"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z\">\r\n </path>\r\n <path class=\"octicon-chevrow-stem\" d=\"M1.75 8H11\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\">\r\n </path>\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line .cta-button{font-family:inherit;background-color:transparent;border-radius:.5rem;color:#fff;padding:2rem 3rem;box-shadow:#155ed4 0 0 0 .2rem inset;transition:box-shadow .2s,outline .2s ease;white-space:nowrap;align-items:center;cursor:pointer;font-size:2.4rem}.main-card .text-side .buttons-line .cta-button .chevron-right{transition:all .2s ease;transform:translate(0);width:1.6rem;height:1.6rem}.main-card .text-side .buttons-line .cta-button .chevron-right path{fill:#fff;stroke:#fff}.main-card .text-side .buttons-line .cta-button .octicon-chevrow-stem{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}.main-card .text-side .buttons-line .cta-button:hover{box-shadow:#fff 0 0 0 .3rem inset}.main-card .text-side .buttons-line .cta-button:hover .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:hover .chevron-right{transform:translate(.4rem)}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
31
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CtaSectionStyleFourComponent, decorators: [{
|
|
32
31
|
type: Component,
|
|
33
|
-
args: [{ selector: 'cta-section-style-four', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"
|
|
32
|
+
args: [{ selector: 'cta-section-style-four', template: "<div class=\"main-card\" [ngStyle]=\"{'background' : sectionContent.bgColor}\">\r\n <img loading=\"lazy\" *ngIf=\"!sectionContent.bgColor && sectionContent.bgImage \" [src]=\"sectionContent.bgImage\"\r\n class=\"bg-img\" alt=\"bg-img\">\r\n <div class=\"text-side\" [ngClass]=\"{'flex-reverse':sectionContent.imageTextSort}\">\r\n <div class=\"section-title\">\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"buttons-line\">\r\n <div *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickCtaButton( button.route)\"\r\n class=\"cta-button\">\r\n <span class=\"button-value\">\r\n {{button.label}}\r\n </span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"chevron-right\" \r\n viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path \r\n d=\"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z\">\r\n </path>\r\n <path class=\"octicon-chevrow-stem\" d=\"M1.75 8H11\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\">\r\n </path>\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.main-card{position:relative;width:100%;display:grid;row-gap:2rem;column-gap:2%;justify-content:center;padding:10rem 2rem;border-radius:1.5rem}.main-card .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;border-radius:1.5rem}.main-card .flex-reverse{flex-direction:row-reverse}.main-card .text-side{display:flex;flex-direction:row;column-gap:2%;width:100%;place-items:center}.main-card .text-side .section-title{width:70%;margin:auto}.main-card .text-side .buttons-line{width:28%;display:flex;flex-direction:row;column-gap:2%;justify-content:center}.main-card .text-side .buttons-line .cta-button{font-family:inherit;background-color:transparent;border-radius:.5rem;color:#fff;padding:2rem 3rem;box-shadow:#155ed4 0 0 0 .2rem inset;transition:box-shadow .2s,outline .2s ease;white-space:nowrap;align-items:center;cursor:pointer;font-size:2.4rem}.main-card .text-side .buttons-line .cta-button .chevron-right{transition:all .2s ease;transform:translate(0);width:1.6rem;height:1.6rem}.main-card .text-side .buttons-line .cta-button .chevron-right path{fill:#fff;stroke:#fff}.main-card .text-side .buttons-line .cta-button .octicon-chevrow-stem{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}.main-card .text-side .buttons-line .cta-button:hover{box-shadow:#fff 0 0 0 .3rem inset}.main-card .text-side .buttons-line .cta-button:hover .octicon-chevrow-stem{stroke-dashoffset:20}.main-card .text-side .buttons-line .cta-button:hover .chevron-right{transform:translate(.4rem)}@media only screen and (max-width: 56.25em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .buttons-line{width:50%}}@media only screen and (max-width: 37.5em){.main-card .text-side{flex-direction:column;row-gap:4rem}.main-card .text-side .section-title,.main-card .text-side .buttons-line{width:90%}}\n"] }]
|
|
34
33
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.Router }]; }, propDecorators: { sectionContent: [{
|
|
35
34
|
type: Input
|
|
36
35
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLXNlY3Rpb24tc3R5bGUtZm91ci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY3RhLXNlY3Rpb24tc3R5bGUtZm91ci9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVV6RCxNQUFNLE9BQU8sNEJBQTRCO0lBRXZDLFlBQW9CLGtCQUFzQyxFQUNoRCxPQUFlO1FBREwsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUNoRCxZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUU5QixRQUFRO1FBQ04sSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQztZQUM5QixvQkFBb0I7U0FDckIsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQXVCLEVBQUUsRUFBRTtZQUN2QyxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7YUFDcEQ7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQzthQUNuRDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQUs7UUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBRSxLQUFLLENBQUUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7O3lIQW5CVSw0QkFBNEI7NkdBQTVCLDRCQUE0Qiw0R0NWekMsb3hEQXlCTTsyRkRmTyw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCOzhIQUt6QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEN0YVR5cGVPbmUgfSBmcm9tICcuLi9tb2RlbHMvY3RhLW9uZS10eXBlLm1vZGVsJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3RhLXNlY3Rpb24tc3R5bGUtZm91cicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2N0YS1zZWN0aW9uLXN0eWxlLWZvdXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9jdGEtc2VjdGlvbi1zdHlsZS1mb3VyLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdGFTZWN0aW9uU3R5bGVGb3VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudCE6IEN0YVR5cGVPbmU7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBicmVha3BvaW50T2JzZXJ2ZXI6IEJyZWFrcG9pbnRPYnNlcnZlcixcclxuICAgIHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcclxuICAgICAgXCIobWF4LXdpZHRoOiA5MDBweClcIlxyXG4gICAgXSkuc3Vic2NyaWJlKChyZXN1bHQ6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xyXG4gICAgICBpZiAocmVzdWx0Lm1hdGNoZXMpIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSBmYWxzZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZS5hbGlnbkxlZnQgPSB0cnVlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG9uQ2xpY2tDdGFCdXR0b24ocm91dGUpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jYXJkXCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJyA6IHNlY3Rpb25Db250ZW50LmJnQ29sb3J9XCI+XHJcbiAgICA8aW1nIGxvYWRpbmc9XCJsYXp5XCIgKm5nSWY9XCIhc2VjdGlvbkNvbnRlbnQuYmdDb2xvciAmJiBzZWN0aW9uQ29udGVudC5iZ0ltYWdlIFwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuYmdJbWFnZVwiXHJcbiAgICAgICAgY2xhc3M9XCJiZy1pbWdcIiBhbHQ9XCJiZy1pbWdcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIiBbbmdDbGFzc109XCJ7J2ZsZXgtcmV2ZXJzZSc6c2VjdGlvbkNvbnRlbnQuaW1hZ2VUZXh0U29ydH1cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi10aXRsZVwiPlxyXG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1saW5lXCI+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBzZWN0aW9uQ29udGVudC5idXR0b25zXCIgKGNsaWNrKT1cIm9uQ2xpY2tDdGFCdXR0b24oIGJ1dHRvbi5yb3V0ZSlcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjdGEtYnV0dG9uXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJ1dHRvbi12YWx1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7YnV0dG9uLmxhYmVsfX1cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIGNsYXNzPVwiY2hldnJvbi1yaWdodFwiIFxyXG4gICAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIiBmaWxsPVwibm9uZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTcuMjgwMzMgMy4yMTk2N0M2Ljk4NzQ0IDIuOTI2NzggNi41MTI1NiAyLjkyNjc4IDYuMjE5NjcgMy4yMTk2N0M1LjkyNjc4IDMuNTEyNTYgNS45MjY3OCAzLjk4NzQ0IDYuMjE5NjcgNC4yODAzM0w3LjI4MDMzIDMuMjE5NjdaTTExIDhMMTEuNTMwMyA4LjUzMDMzQzExLjgyMzIgOC4yMzc0NCAxMS44MjMyIDcuNzYyNTYgMTEuNTMwMyA3LjQ2OTY3TDExIDhaTTYuMjE5NjcgMTEuNzE5N0M1LjkyNjc4IDEyLjAxMjYgNS45MjY3OCAxMi40ODc0IDYuMjE5NjcgMTIuNzgwM0M2LjUxMjU2IDEzLjA3MzIgNi45ODc0NCAxMy4wNzMyIDcuMjgwMzMgMTIuNzgwM0w2LjIxOTY3IDExLjcxOTdaTTYuMjE5NjcgNC4yODAzM0wxMC40Njk3IDguNTMwMzNMMTEuNTMwMyA3LjQ2OTY3TDcuMjgwMzMgMy4yMTk2N0w2LjIxOTY3IDQuMjgwMzNaTTEwLjQ2OTcgNy40Njk2N0w2LjIxOTY3IDExLjcxOTdMNy4yODAzMyAxMi43ODAzTDExLjUzMDMgOC41MzAzM0wxMC40Njk3IDcuNDY5NjdaXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPVwib2N0aWNvbi1jaGV2cm93LXN0ZW1cIiBkPVwiTTEuNzUgOEgxMVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L3BhdGg+XHJcbiAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLW9uZS10eXBlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL21vZGVscy9jdGEtb25lLXR5cGUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhZ2VTZWN0aW9uQWN0aW9uIH0gZnJvbSBcIi4vcGFnZS1zZWN0aW9uLWFjdGlvbi5tb2RlbFwiO1xyXG5pbXBvcnQgeyBTZWN0aW9uVGl0bGUgfSBmcm9tIFwiLi9zZWN0aW9uLXRpdGxlLm1vZGVsXCI7XHJcblxyXG5leHBvcnQgdHlwZSBDdGFUeXBlT25lID0ge1xyXG4gICAgc2VjdGlvblRpdGxlOiBTZWN0aW9uVGl0bGU7XHJcbiAgICBiZ0ltYWdlOiB1bmRlZmluZWQ7XHJcbiAgICBiZ0NvbG9yOiBzdHJpbmc7XHJcbiAgICBpbWFnZVRleHRTb3J0OiBib29sZWFuO1xyXG4gICAgYnV0dG9uczogUGFnZVNlY3Rpb25BY3Rpb25bXTtcclxufSB8IHtcclxuICAgIHNlY3Rpb25UaXRsZTogU2VjdGlvblRpdGxlO1xyXG4gICAgYmdJbWFnZTogc3RyaW5nO1xyXG4gICAgYmdDb2xvcjogdW5kZWZpbmVkO1xyXG4gICAgaW1hZ2VUZXh0U29ydDogYm9vbGVhbjtcclxuICAgIGJ1dHRvbnM6IFBhZ2VTZWN0aW9uQWN0aW9uW107XHJcbn0iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL21vZGVscy9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBhZ2VTZWN0aW9uQWN0aW9uIH0gZnJvbSBcIkBqb29sZXIvam9vbGVyLXdlYnNpdGVzLXNoYXJlZFwiO1xyXG5pbXBvcnQgeyBTZWN0aW9uVGl0bGUgfSBmcm9tIFwiLi9zZWN0aW9uLXRpdGxlLm1vZGVsXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2VTZWN0aW9uU3R5bGVUaHJlZSB7XHJcbiAgICBzZWN0aW9uVGl0bGU6IFNlY3Rpb25UaXRsZTtcclxuICAgIGltYWdlOiBzdHJpbmc7ICBcclxuICAgIGJ1dHRvbnM6IFBhZ2VTZWN0aW9uQWN0aW9uW107XHJcbiAgICB0ZXh0SW1hZ2VTb3J0OiBib29sZWFuO1xyXG59Il19
|
|
@@ -14,10 +14,10 @@ export class PageSectionStyleThreeComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { valueprop: "valueprop" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img loading=\"lazy\" [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ 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: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
17
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { valueprop: "valueprop" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img loading=\"lazy\" [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover;animation:fadeIn 2.5s}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ 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: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle", "withoutTitleCase", "descriptionWidth"] }] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img loading=\"lazy\" [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
20
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\r\n <div class=\"section\"\r\n [ngClass]=\"{'image-text-sort' : !valueprop.textImageSort,'text-image-sort':valueprop.textImageSort }\">\r\n <div class=\"section-container\">\r\n <div class=\"image-side\">\r\n <img loading=\"lazy\" [src]=\"valueprop.image\">\r\n </div>\r\n <div class=\"text-side\">\r\n <section-title [sectionTitle]=\"valueprop.sectionTitle\">\r\n <ng-content></ng-content>\r\n </section-title>\r\n <div class=\"optional-buttons\" *ngIf=\"valueprop.buttons\">\r\n <button mat-raised-button class=\"value-prop-button\" *ngFor=\"let button of valueprop.buttons\"\r\n (click)=\"onClickValuePropButton(button.route)\">\r\n {{button.label}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-size:1.6rem;font-family:inherit}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{row-gap:5rem;display:grid;justify-items:center;padding:0rem}.page .image-text-sort .section-container{flex-direction:row}.page .text-image-sort{background-color:#f7f8f9}.page .text-image-sort .section-container{flex-direction:row-reverse}.page .section{margin:0rem;padding:2rem 0;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;column-gap:4%;width:90%}@media only screen and (min-width: 1500px){.page .section{padding:5rem 0%}.page .section .section-container{max-width:150rem}}.page .section .text-side{margin:auto;width:53%;padding:2rem 0rem;text-align:left;display:flex;flex-direction:column;row-gap:2rem}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .optional-buttons{display:flex;flex-direction:row;column-gap:1.5rem}.page .section .text-side .optional-buttons button{padding:1rem;background-color:#155ed4;color:#fff}.page .section .image-side{border-radius:1.5rem;width:43%;height:35rem;box-shadow:0 .1rem .5rem #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page .section .image-side img{border-radius:1.5rem;width:100%;height:100%;object-fit:cover;animation:fadeIn 2.5s}@media only screen and (max-width: 75em){.page{row-gap:2rem}.page .image-text-sort .section-container,.page .text-image-sort .section-container,.page .section .section-container{flex-direction:column}.page .image-text-sort .section-container .image-side,.page .text-image-sort .section-container .image-side,.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .image-text-sort .section-container .image-side img,.page .text-image-sort .section-container .image-side img,.page .section .section-container .image-side img,.page .image-text-sort .section-container .text-side,.page .text-image-sort .section-container .text-side,.page .section .section-container .text-side{width:100%}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}.page .section .section-container .text-side .optional-buttons{flex-direction:column;row-gap:1rem}}@media only screen and (max-width: 37.5em){.page .section{margin:0;padding:0}.page .section .section-container{width:100%}.page .section .section-container .text-side{padding:0rem 4%}.page .section .section-container .text-side .title{font-size:2.4rem;font-weight:600;padding:1rem 0rem}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none;margin-bottom:2rem}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
21
21
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { valueprop: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|