@jooler/jooler-websites-shared 0.0.62 → 0.0.63
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/page-section-style-three/page-section-style-three.component.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs +2 -2
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +2 -2
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -8,10 +8,10 @@ export class PageSectionStyleThreeComponent {
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { pageSection: "pageSection" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.page .section .image-side{border-radius:1.5rem;width:43%;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100
|
|
11
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { pageSection: "pageSection" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.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 .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@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 .text-side .description{font-size:1.8rem;font-weight:500}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.page .section .image-side{border-radius:1.5rem;width:43%;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100
|
|
14
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.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 .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@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 .text-side .description{font-size:1.8rem;font-weight:500}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
15
15
|
}], ctorParameters: function () { return []; }, propDecorators: { pageSection: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
@@ -706,10 +706,10 @@ class PageSectionStyleThreeComponent {
|
|
|
706
706
|
}
|
|
707
707
|
}
|
|
708
708
|
PageSectionStyleThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
709
|
-
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { pageSection: "pageSection" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.page .section .image-side{border-radius:1.5rem;width:43%;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100
|
|
709
|
+
PageSectionStyleThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: { pageSection: "pageSection" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.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 .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@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 .text-side .description{font-size:1.8rem;font-weight:500}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SectionTitleComponent, selector: "section-title", inputs: ["title", "subtitle", "alignLeft", "isDarkBg"] }] });
|
|
710
710
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageSectionStyleThreeComponent, decorators: [{
|
|
711
711
|
type: Component,
|
|
712
|
-
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.page .section .image-side{border-radius:1.5rem;width:43%;box-shadow:0 .1rem .5rem #00000040}.page .section .image-side img{border-radius:1.5rem;width:100
|
|
712
|
+
args: [{ selector: 'page-section-style-three', template: "<div class=\"page\">\n <div class=\"section\" *ngFor=\"let valueprop of pageSection\">\n <div class=\"section-container\">\n <div class=\"image-side\">\n <img [src]=\"valueprop.image\">\n </div>\n <div class=\"text-side\">\n <div class=\"title\">{{valueprop.title}}</div>\n <section-title title=\"\" subtitle=\"\" [alignLeft]=\"true\"></section-title>\n <div class=\"description\">{{valueprop.description}}</div>\n </div>\n </div>\n </div>\n</div>", styles: [".page{row-gap:5rem;display:grid;justify-items:center;padding:2rem 0rem}.page .section{margin:2rem 0rem;padding:2rem 5%;width:100%;display:grid;justify-items:center}.page .section .section-container{display:flex;flex-direction:row;column-gap:2%}@media only screen and (min-width: 1500px){.page .section{padding:2rem 0%}.page .section .section-container{max-width:150rem}}.page .section:nth-child(even){background-color:#f3f6f8}.page .section:nth-child(even) .section-container{flex-direction:row-reverse}.page .section .text-side{margin:auto;width:55%;padding:2rem 0rem;text-align:left}.page .section .text-side .title{font-size:3.2rem;font-weight:600;padding:1rem 0rem}.page .section .text-side .description{font-size:2.2rem;font-weight:500}.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 .section .section-container{flex-direction:column}.page .section .section-container .image-side{margin:1rem auto;width:40%}.page .section .section-container .image-side img,.page .section .section-container .text-side{width:100%}.page .section:nth-child(even) .section-container{flex-direction:column}}@media only screen and (max-width: 56.25em){.page{row-gap:2rem}.page .section .section-container .image-side{margin:1rem auto;width:50%}}@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 .text-side .description{font-size:1.8rem;font-weight:500}.page .section .section-container .image-side{width:100%;height:40rem;border-radius:0;margin:0;box-shadow:none}.page .section .section-container .image-side img{border-radius:0;height:100%;object-fit:cover}}\n"] }]
|
|
713
713
|
}], ctorParameters: function () { return []; }, propDecorators: { pageSection: [{
|
|
714
714
|
type: Input
|
|
715
715
|
}] } });
|