@jooler/jooler-websites-shared 0.0.144 → 0.0.146
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/README.md +24 -24
- package/esm2020/jooler-websites-shared.mjs +4 -4
- package/esm2020/lib/achievements/achievements.component.mjs +17 -17
- package/esm2020/lib/call-to-action-section/call-to-action-section.component.mjs +24 -32
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +22 -22
- package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.model.mjs +3 -3
- package/esm2020/lib/call-to-action-section-two/link-text.model.mjs +3 -3
- package/esm2020/lib/choose-country-with-flag/choose-country-with-flag.component.mjs +55 -55
- package/esm2020/lib/coming-soon/coming-soon.component.mjs +22 -22
- package/esm2020/lib/contact-us-page/contact-us-page.component.mjs +129 -129
- package/esm2020/lib/cta-section-style-four/cta-section-style-four.component.mjs +37 -37
- package/esm2020/lib/cta-section-style-three/cta-section-style-three.component.mjs +25 -25
- package/esm2020/lib/custom-tooltip/custom-tooltip.component.mjs +19 -19
- package/esm2020/lib/faq-category-listing/faq-category-listing.component.mjs +25 -25
- package/esm2020/lib/faq-listing/faq-listing.component.mjs +25 -25
- package/esm2020/lib/get-started-cta/get-started-cta.component.mjs +22 -22
- package/esm2020/lib/header-section-one/header-section-one.component.mjs +23 -23
- package/esm2020/lib/image-gallery-modal/image-gallery-modal.component.mjs +132 -132
- package/esm2020/lib/jooler-websites-shared.module.mjs +201 -226
- package/esm2020/lib/models/about-us-section.model.mjs +2 -2
- package/esm2020/lib/models/account-type.model.mjs +9 -9
- package/esm2020/lib/models/account.model.mjs +3 -3
- package/esm2020/lib/models/achievement.model.mjs +3 -3
- package/esm2020/lib/models/achievements.model.mjs +3 -3
- package/esm2020/lib/models/address.model.mjs +3 -3
- package/esm2020/lib/models/brand-logo.model.mjs +2 -2
- package/esm2020/lib/models/call-to-action-button.model.mjs +3 -3
- package/esm2020/lib/models/call-to-action-data.model.mjs +3 -2
- package/esm2020/lib/models/city.model.mjs +3 -3
- package/esm2020/lib/models/country.model.mjs +3 -3
- package/esm2020/lib/models/cta-one-type.model.mjs +2 -2
- package/esm2020/lib/models/cta-section-style-four.model.mjs +2 -2
- package/esm2020/lib/models/faq-category.model.mjs +3 -3
- package/esm2020/lib/models/faq-subcategory.model.mjs +3 -3
- package/esm2020/lib/models/faq.model.mjs +3 -3
- package/esm2020/lib/models/gallery-items-properties.model.mjs +2 -2
- package/esm2020/lib/models/get-started-cta.model.mjs +3 -3
- package/esm2020/lib/models/header-section-style-one.model.mjs +2 -2
- package/esm2020/lib/models/image-section-action.model.mjs +3 -3
- package/esm2020/lib/models/image-section.model.mjs +3 -3
- package/esm2020/lib/models/page-section-action.model.mjs +3 -3
- package/esm2020/lib/models/page-section-style-thirteen.model.mjs +6 -6
- package/esm2020/lib/models/page-section.model.mjs +3 -3
- package/esm2020/lib/models/page-style-section-five.model.mjs +3 -3
- package/esm2020/lib/models/perks.model.mjs +3 -3
- package/esm2020/lib/models/section-title.model.mjs +2 -2
- package/esm2020/lib/models/service-plan.model.mjs +3 -3
- package/esm2020/lib/models/team-member.model.mjs +3 -3
- package/esm2020/lib/models/team-section.model.mjs +3 -3
- package/esm2020/lib/models/user-type.model.mjs +8 -8
- package/esm2020/lib/models/user.model.mjs +3 -3
- package/esm2020/lib/our-client-listing/our-client-listing.component.mjs +17 -17
- package/esm2020/lib/our-clients/our-clients.component.mjs +54 -54
- package/esm2020/lib/page-section-style-ten/page-section-style-ten.component.mjs +33 -33
- package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +43 -43
- package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +25 -25
- package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +24 -24
- package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +23 -23
- package/esm2020/lib/section-title/section-title.component.mjs +14 -14
- package/esm2020/lib/social-media-icons/social-media-icons.component.mjs +40 -40
- package/esm2020/lib/social-media-icons/social-media-links.model.mjs +3 -3
- package/esm2020/lib/success-message-dialog/success-message-dialog.component.mjs +22 -22
- package/esm2020/lib/team/team.component.mjs +52 -52
- package/esm2020/lib/value-props-section/value-props-section.component.mjs +33 -33
- package/esm2020/lib/values/values.component.mjs +39 -39
- package/esm2020/public-api.mjs +67 -71
- package/fesm2015/jooler-websites-shared.mjs +1004 -1133
- package/fesm2015/jooler-websites-shared.mjs.map +1 -1
- package/fesm2020/jooler-websites-shared.mjs +1004 -1133
- package/fesm2020/jooler-websites-shared.mjs.map +1 -1
- package/index.d.ts +5 -5
- package/lib/achievements/achievements.component.d.ts +10 -10
- package/lib/call-to-action-section/call-to-action-section.component.d.ts +13 -14
- package/lib/call-to-action-section-two/call-to-action-section-two.component.d.ts +13 -13
- package/lib/call-to-action-section-two/call-to-action-section-two.model.d.ts +11 -11
- package/lib/call-to-action-section-two/link-text.model.d.ts +4 -4
- package/lib/choose-country-with-flag/choose-country-with-flag.component.d.ts +19 -19
- package/lib/coming-soon/coming-soon.component.d.ts +8 -8
- package/lib/contact-us-page/contact-us-page.component.d.ts +50 -50
- package/lib/cta-section-style-four/cta-section-style-four.component.d.ts +15 -15
- package/lib/cta-section-style-three/cta-section-style-three.component.d.ts +12 -12
- package/lib/custom-tooltip/custom-tooltip.component.d.ts +8 -8
- package/lib/faq-category-listing/faq-category-listing.component.d.ts +14 -14
- package/lib/faq-listing/faq-listing.component.d.ts +13 -13
- package/lib/get-started-cta/get-started-cta.component.d.ts +13 -13
- package/lib/header-section-one/header-section-one.component.d.ts +11 -11
- package/lib/image-gallery-modal/image-gallery-modal.component.d.ts +27 -27
- package/lib/jooler-websites-shared.module.d.ts +42 -47
- package/lib/models/about-us-section.model.d.ts +6 -6
- package/lib/models/account-type.model.d.ts +7 -7
- package/lib/models/account.model.d.ts +16 -16
- package/lib/models/achievement.model.d.ts +4 -4
- package/lib/models/achievements.model.d.ts +6 -6
- package/lib/models/address.model.d.ts +18 -18
- package/lib/models/brand-logo.model.d.ts +4 -4
- package/lib/models/call-to-action-button.model.d.ts +4 -4
- package/lib/models/call-to-action-data.model.d.ts +7 -17
- package/lib/models/city.model.d.ts +5 -5
- package/lib/models/country.model.d.ts +5 -5
- package/lib/models/cta-one-type.model.d.ts +14 -14
- package/lib/models/cta-section-style-four.model.d.ts +8 -8
- package/lib/models/faq-category.model.d.ts +9 -9
- package/lib/models/faq-subcategory.model.d.ts +8 -8
- package/lib/models/faq.model.d.ts +7 -7
- package/lib/models/gallery-items-properties.model.d.ts +4 -4
- package/lib/models/get-started-cta.model.d.ts +8 -8
- package/lib/models/header-section-style-one.model.d.ts +16 -16
- package/lib/models/image-section-action.model.d.ts +7 -7
- package/lib/models/image-section.model.d.ts +12 -12
- package/lib/models/page-section-action.model.d.ts +5 -5
- package/lib/models/page-section-style-thirteen.model.d.ts +4 -4
- package/lib/models/page-section.model.d.ts +11 -11
- package/lib/models/page-style-section-five.model.d.ts +5 -5
- package/lib/models/perks.model.d.ts +4 -4
- package/lib/models/section-title.model.d.ts +7 -7
- package/lib/models/service-plan.model.d.ts +10 -10
- package/lib/models/team-member.model.d.ts +6 -6
- package/lib/models/team-section.model.d.ts +7 -7
- package/lib/models/user-type.model.d.ts +6 -6
- package/lib/models/user.model.d.ts +11 -11
- package/lib/our-client-listing/our-client-listing.component.d.ts +10 -10
- package/lib/our-clients/our-clients.component.d.ts +15 -15
- package/lib/page-section-style-ten/page-section-style-ten.component.d.ts +15 -15
- package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +21 -21
- package/lib/page-section-style-three/page-section-style-three.component.d.ts +12 -12
- package/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.d.ts +12 -12
- package/lib/pricing-plans/pricing-plans.component.d.ts +12 -12
- package/lib/section-title/section-title.component.d.ts +7 -7
- package/lib/social-media-icons/social-media-icons.component.d.ts +20 -20
- package/lib/social-media-icons/social-media-links.model.d.ts +6 -6
- package/lib/success-message-dialog/success-message-dialog.component.d.ts +11 -11
- package/lib/team/team.component.d.ts +18 -18
- package/lib/value-props-section/value-props-section.component.d.ts +11 -11
- package/lib/values/values.component.d.ts +15 -15
- package/package.json +2 -2
- package/public-api.d.ts +63 -67
- package/esm2020/lib/feature-section-four/feature-section-four.component.mjs +0 -31
- package/esm2020/lib/feature-section-one/feature-section-one.component.mjs +0 -23
- package/esm2020/lib/feature-section-three/feature-section-three.component.mjs +0 -16
- package/esm2020/lib/feature-section-two/feature-section-two.component.mjs +0 -21
- package/esm2020/lib/models/cta-cards.model.mjs +0 -2
- package/esm2020/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +0 -37
- package/lib/feature-section-four/feature-section-four.component.d.ts +0 -10
- package/lib/feature-section-one/feature-section-one.component.d.ts +0 -11
- package/lib/feature-section-three/feature-section-three.component.d.ts +0 -6
- package/lib/feature-section-two/feature-section-two.component.d.ts +0 -9
- package/lib/models/cta-cards.model.d.ts +0 -7
- package/lib/vertical-side-tabs/vertical-side-tabs.component.d.ts +0 -14
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/material/icon";
|
|
5
|
-
export class FeatureSectionFourComponent {
|
|
6
|
-
ngOnInit() {
|
|
7
|
-
this.title = this.sectionContent.defaultTitle;
|
|
8
|
-
}
|
|
9
|
-
showDescription(index) {
|
|
10
|
-
if (this.sectionContent.panels[index].isOpened) {
|
|
11
|
-
this.sectionContent.panels[index].isOpened = false;
|
|
12
|
-
this.title = this.sectionContent.defaultTitle;
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
for (let panel of this.sectionContent.panels) {
|
|
16
|
-
panel.isOpened = false;
|
|
17
|
-
}
|
|
18
|
-
this.sectionContent.panels[index].isOpened = true;
|
|
19
|
-
this.title = this.sectionContent.panels[index].title;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
FeatureSectionFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
FeatureSectionFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionFourComponent, selector: "sfeature-section-four", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <aside class=\"preview-side\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </h3>\n <h1 class=\"title\">\n {{title}}\n </h1>\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\" *ngIf=\"sectionContent.image\">\n </aside>\n <aside class=\"panels-side\">\n <div class=\"panel\" *ngFor=\"let panel of sectionContent.panels; let i = index\" [ngClass]=\"{'show-description': panel.isOpened, 'hide-description':!panel.isOpened}\">\n <div class=\"headline\" (click)=\"showDescription(i)\">\n <h3 class=\"label\">\n {{panel.label}}\n </h3>\n <span class=\"arrow\" [ngClass]=\"{'arrow-up': panel.isOpened, 'arrow-down':!panel.isOpened}\">\n <mat-icon>expand_more</mat-icon>\n </span>\n </div>\n <p class=\"description\">\n {{panel.description}}\n </p>\n <div class=\"divider\"></div>\n </div>\n </aside>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:90%;margin:auto;display:flex;flex-direction:row;column-gap:5%;padding:3rem 0;align-items:center}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .preview-side{width:60%;display:flex;flex-direction:column;row-gap:1rem}.section .preview-side .tip-title{color:#155ed4}.section .preview-side .title{font-size:3rem;color:#32353b}.section .preview-side .image{width:100%;height:40rem;object-fit:cover;border-radius:1.5rem;box-shadow:#ffffff1a 0 .1rem .1rem inset,#32325d40 0 5rem 10rem -2rem,#0000004d 0 3rem 6rem -3rem}.section .panels-side{width:35%;display:flex;flex-direction:column;row-gap:1.5rem}.section .panels-side .panel{display:flex;flex-direction:column;row-gap:.1rem;transition:all ease-in-out .2s}.section .panels-side .panel .headline{display:flex;flex-direction:row;justify-content:space-between;cursor:pointer;color:#32353bcc}.section .panels-side .panel .headline:hover{color:#32353b}.section .panels-side .panel .headline:hover .label{padding-left:.5rem}.section .panels-side .panel .headline .label{transition:.2s padding-left ease-in-out}.section .panels-side .panel .headline .arrow{transition:all ease-in-out .2s}.section .panels-side .panel .description{transition:all cubic-bezier(.175,.885,.32,1.275) .4s;color:#32353bcc}.section .panels-side .panel .divider{width:100%;border:.1rem solid #f7f8f9}.section .panels-side .show-description .headline{color:#155ed4}.section .panels-side .show-description .headline .label{padding-left:.5rem}.section .panels-side .show-description .headline:hover{color:#155ed4}.section .panels-side .show-description .headline:hover .label{padding-left:.5rem}.section .panels-side .show-description .description{opacity:1;transform:scaleY(1);height:auto}.section .panels-side .show-description .arrow{transform:rotate(180deg)}.section .panels-side .hide-description{row-gap:0rem}.section .panels-side .hide-description .description{transform:scaleY(0);opacity:0;height:0rem}.section .panels-side .hide-description .arrow{transform:rotate(0)}\n"], dependencies: [{ 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: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFourComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'sfeature-section-four', template: "<section class=\"section\">\n <aside class=\"preview-side\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </h3>\n <h1 class=\"title\">\n {{title}}\n </h1>\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\" *ngIf=\"sectionContent.image\">\n </aside>\n <aside class=\"panels-side\">\n <div class=\"panel\" *ngFor=\"let panel of sectionContent.panels; let i = index\" [ngClass]=\"{'show-description': panel.isOpened, 'hide-description':!panel.isOpened}\">\n <div class=\"headline\" (click)=\"showDescription(i)\">\n <h3 class=\"label\">\n {{panel.label}}\n </h3>\n <span class=\"arrow\" [ngClass]=\"{'arrow-up': panel.isOpened, 'arrow-down':!panel.isOpened}\">\n <mat-icon>expand_more</mat-icon>\n </span>\n </div>\n <p class=\"description\">\n {{panel.description}}\n </p>\n <div class=\"divider\"></div>\n </div>\n </aside>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:90%;margin:auto;display:flex;flex-direction:row;column-gap:5%;padding:3rem 0;align-items:center}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .preview-side{width:60%;display:flex;flex-direction:column;row-gap:1rem}.section .preview-side .tip-title{color:#155ed4}.section .preview-side .title{font-size:3rem;color:#32353b}.section .preview-side .image{width:100%;height:40rem;object-fit:cover;border-radius:1.5rem;box-shadow:#ffffff1a 0 .1rem .1rem inset,#32325d40 0 5rem 10rem -2rem,#0000004d 0 3rem 6rem -3rem}.section .panels-side{width:35%;display:flex;flex-direction:column;row-gap:1.5rem}.section .panels-side .panel{display:flex;flex-direction:column;row-gap:.1rem;transition:all ease-in-out .2s}.section .panels-side .panel .headline{display:flex;flex-direction:row;justify-content:space-between;cursor:pointer;color:#32353bcc}.section .panels-side .panel .headline:hover{color:#32353b}.section .panels-side .panel .headline:hover .label{padding-left:.5rem}.section .panels-side .panel .headline .label{transition:.2s padding-left ease-in-out}.section .panels-side .panel .headline .arrow{transition:all ease-in-out .2s}.section .panels-side .panel .description{transition:all cubic-bezier(.175,.885,.32,1.275) .4s;color:#32353bcc}.section .panels-side .panel .divider{width:100%;border:.1rem solid #f7f8f9}.section .panels-side .show-description .headline{color:#155ed4}.section .panels-side .show-description .headline .label{padding-left:.5rem}.section .panels-side .show-description .headline:hover{color:#155ed4}.section .panels-side .show-description .headline:hover .label{padding-left:.5rem}.section .panels-side .show-description .description{opacity:1;transform:scaleY(1);height:auto}.section .panels-side .show-description .arrow{transform:rotate(180deg)}.section .panels-side .hide-description{row-gap:0rem}.section .panels-side .hide-description .description{transform:scaleY(0);opacity:0;height:0rem}.section .panels-side .hide-description .arrow{transform:rotate(0)}\n"] }]
|
|
28
|
-
}], propDecorators: { sectionContent: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLWZvdXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtc2VjdGlvbi1mb3VyL2ZlYXR1cmUtc2VjdGlvbi1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZm91ci9mZWF0dXJlLXNlY3Rpb24tZm91ci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sMkJBQTJCO0lBSXRDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDO0lBRWhELENBQUM7SUFFRCxlQUFlLENBQUMsS0FBSztRQUNuQixJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFFLEtBQUssQ0FBRSxDQUFDLFFBQVEsRUFBRTtZQUNoRCxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBRSxLQUFLLENBQUUsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3JELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUM7U0FDL0M7YUFBTTtZQUVMLEtBQUssSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUU7Z0JBQzVDLEtBQUssQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO2FBQ3hCO1lBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUUsS0FBSyxDQUFFLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNwRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFFLEtBQUssQ0FBRSxDQUFDLEtBQUssQ0FBQztTQUN4RDtJQUNILENBQUM7O3dIQXJCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiwyR0NQeEMseWxDQTBCVTsyRkRuQkcsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZmVhdHVyZS1zZWN0aW9uLWZvdXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVhdHVyZS1zZWN0aW9uLWZvdXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLWZvdXIuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgRmVhdHVyZVNlY3Rpb25Gb3VyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgdGl0bGU6IHN0cmluZztcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnRpdGxlID0gdGhpcy5zZWN0aW9uQ29udGVudC5kZWZhdWx0VGl0bGU7XG5cbiAgfVxuXG4gIHNob3dEZXNjcmlwdGlvbihpbmRleCkge1xuICAgIGlmICh0aGlzLnNlY3Rpb25Db250ZW50LnBhbmVsc1sgaW5kZXggXS5pc09wZW5lZCkge1xuICAgICAgdGhpcy5zZWN0aW9uQ29udGVudC5wYW5lbHNbIGluZGV4IF0uaXNPcGVuZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMudGl0bGUgPSB0aGlzLnNlY3Rpb25Db250ZW50LmRlZmF1bHRUaXRsZTtcbiAgICB9IGVsc2Uge1xuXG4gICAgICBmb3IgKGxldCBwYW5lbCBvZiB0aGlzLnNlY3Rpb25Db250ZW50LnBhbmVscykge1xuICAgICAgICBwYW5lbC5pc09wZW5lZCA9IGZhbHNlO1xuICAgICAgfVxuICAgICAgdGhpcy5zZWN0aW9uQ29udGVudC5wYW5lbHNbIGluZGV4IF0uaXNPcGVuZWQgPSB0cnVlO1xuICAgICAgdGhpcy50aXRsZSA9IHRoaXMuc2VjdGlvbkNvbnRlbnQucGFuZWxzWyBpbmRleCBdLnRpdGxlO1xuICAgIH1cbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZWN0aW9uXCI+XG4gICAgPGFzaWRlIGNsYXNzPVwicHJldmlldy1zaWRlXCI+XG4gICAgICAgIDxoMyBjbGFzcz1cInRpcC10aXRsZVwiPlxuICAgICAgICAgICAge3tzZWN0aW9uQ29udGVudC50aXBUaXRsZX19XG4gICAgICAgIDwvaDM+XG4gICAgICAgIDxoMSBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgICAgICB7e3RpdGxlfX1cbiAgICAgICAgPC9oMT5cbiAgICAgICAgPGltZyBbc3JjXT1cInNlY3Rpb25Db250ZW50LmltYWdlXCIgYWx0PVwiXCIgY2xhc3M9XCJpbWFnZVwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VcIj5cbiAgICA8L2FzaWRlPlxuICAgIDxhc2lkZSBjbGFzcz1cInBhbmVscy1zaWRlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwYW5lbFwiICpuZ0Zvcj1cImxldCBwYW5lbCBvZiBzZWN0aW9uQ29udGVudC5wYW5lbHM7IGxldCBpID0gaW5kZXhcIiBbbmdDbGFzc109XCJ7J3Nob3ctZGVzY3JpcHRpb24nOiBwYW5lbC5pc09wZW5lZCwgJ2hpZGUtZGVzY3JpcHRpb24nOiFwYW5lbC5pc09wZW5lZH1cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkbGluZVwiIChjbGljayk9XCJzaG93RGVzY3JpcHRpb24oaSlcIj5cbiAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJsYWJlbFwiPlxuICAgICAgICAgICAgICAgICAgICB7e3BhbmVsLmxhYmVsfX1cbiAgICAgICAgICAgICAgICA8L2gzPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3dcIiBbbmdDbGFzc109XCJ7J2Fycm93LXVwJzogcGFuZWwuaXNPcGVuZWQsICdhcnJvdy1kb3duJzohcGFuZWwuaXNPcGVuZWR9XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5leHBhbmRfbW9yZTwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3twYW5lbC5kZXNjcmlwdGlvbn19XG4gICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2FzaWRlPlxuPC9zZWN0aW9uPiJdfQ==
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { map } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/cdk/layout";
|
|
5
|
-
import * as i2 from "@fortawesome/angular-fontawesome";
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
7
|
-
import * as i4 from "../section-title/section-title.component";
|
|
8
|
-
export class FeatureSectionOneComponent {
|
|
9
|
-
constructor(breakpointObserver) {
|
|
10
|
-
this.stepperOrientation = breakpointObserver
|
|
11
|
-
.observe('(min-width: 751px)')
|
|
12
|
-
.pipe(map(({ matches }) => (matches ? 'horizontal' : 'vertical')));
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
FeatureSectionOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionOneComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
FeatureSectionOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionOneComponent, selector: "feature-section-one", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"images-stepper\">\n <!-- <mat-stepper class=\"example-stepper\" [orientation]=\"(stepperOrientation | async)!\">\n <ng-template matStepperIcon=\"edit\">\n <mat-icon>arrow_drop_down_circle</mat-icon>\n </ng-template>\n <mat-step [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\" > -->\n <div class=\"step-content\">\n\n <!-- {{step.title}} -->\n <img class=\"image\" [src]=\"sectionContent.steps[0].image\" alt=\"\">\n </div>\n <!-- </mat-step>\n </mat-stepper> -->\n </div>\n <div class=\"features-cards\">\n <div class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n <h3>{{card.title}}</h3>\n <p>{{card.description}}</p>\n </div>\n </div>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .step-content{display:flex;flex-direction:column;place-items:center;width:100%;row-gap:2rem;padding:2rem 0}.section .image{width:70%;border-radius:1.5rem;max-height:50rem;object-fit:cover;margin:auto}.section .mat-mdc-form-field{margin-top:16px}.section .features-cards{display:flex;flex-direction:row;column-gap:2%}.section .features-cards .feature-card{padding:2rem;display:flex;flex-direction:column;row-gap:1rem;min-width:32%;border-bottom:.2rem solid #155ED4}.section .features-cards .feature-card fa-icon{font-size:3rem;color:#155ed4}.section .features-cards .feature-card p,.section .features-cards .feature-card h3{color:#32353b}.section .features-cards .feature-card h3{font-size:2rem}.section .features-cards .feature-card p{font-size:1.6rem}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}\n"], dependencies: [{ kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionOneComponent, decorators: [{
|
|
18
|
-
type: Component,
|
|
19
|
-
args: [{ selector: 'feature-section-one', template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"images-stepper\">\n <!-- <mat-stepper class=\"example-stepper\" [orientation]=\"(stepperOrientation | async)!\">\n <ng-template matStepperIcon=\"edit\">\n <mat-icon>arrow_drop_down_circle</mat-icon>\n </ng-template>\n <mat-step [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\" > -->\n <div class=\"step-content\">\n\n <!-- {{step.title}} -->\n <img class=\"image\" [src]=\"sectionContent.steps[0].image\" alt=\"\">\n </div>\n <!-- </mat-step>\n </mat-stepper> -->\n </div>\n <div class=\"features-cards\">\n <div class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n <fa-icon [icon]=\"card.iconName\"></fa-icon>\n <h3>{{card.title}}</h3>\n <p>{{card.description}}</p>\n </div>\n </div>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .step-content{display:flex;flex-direction:column;place-items:center;width:100%;row-gap:2rem;padding:2rem 0}.section .image{width:70%;border-radius:1.5rem;max-height:50rem;object-fit:cover;margin:auto}.section .mat-mdc-form-field{margin-top:16px}.section .features-cards{display:flex;flex-direction:row;column-gap:2%}.section .features-cards .feature-card{padding:2rem;display:flex;flex-direction:column;row-gap:1rem;min-width:32%;border-bottom:.2rem solid #155ED4}.section .features-cards .feature-card fa-icon{font-size:3rem;color:#155ed4}.section .features-cards .feature-card p,.section .features-cards .feature-card h3{color:#32353b}.section .features-cards .feature-card h3{font-size:2rem}.section .features-cards .feature-card p{font-size:1.6rem}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}\n"] }]
|
|
20
|
-
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1zZWN0aW9uLW9uZS9mZWF0dXJlLXNlY3Rpb24tb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tb25lL2ZlYXR1cmUtc2VjdGlvbi1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFjLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7O0FBUXZDLE1BQU0sT0FBTywwQkFBMEI7SUFJckMsWUFBWSxrQkFBc0M7UUFDaEQsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGtCQUFrQjthQUN6QyxPQUFPLENBQUMsb0JBQW9CLENBQUM7YUFDN0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2RSxDQUFDOzt1SEFSVSwwQkFBMEI7MkdBQTFCLDBCQUEwQix5R0NYdkMsd2xDQTBCVTsyRkRmRywwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCO3lHQU10QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBTdGVwcGVyT3JpZW50YXRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvc3RlcHBlcic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBtYXAgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmVhdHVyZS1zZWN0aW9uLW9uZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tb25lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2ZlYXR1cmUtc2VjdGlvbi1vbmUuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBGZWF0dXJlU2VjdGlvbk9uZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XG5cbiAgc3RlcHBlck9yaWVudGF0aW9uOiBPYnNlcnZhYmxlPFN0ZXBwZXJPcmllbnRhdGlvbj47XG4gIGNvbnN0cnVjdG9yKGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyKSB7XG4gICAgdGhpcy5zdGVwcGVyT3JpZW50YXRpb24gPSBicmVha3BvaW50T2JzZXJ2ZXJcbiAgICAgIC5vYnNlcnZlKCcobWluLXdpZHRoOiA3NTFweCknKVxuICAgICAgLnBpcGUobWFwKCh7IG1hdGNoZXMgfSkgPT4gKG1hdGNoZXMgPyAnaG9yaXpvbnRhbCcgOiAndmVydGljYWwnKSkpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwidGlwLXRpdGxlXCI+XG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGlwVGl0bGV9fVxuICAgIDwvZGl2PlxuICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZXMtc3RlcHBlclwiPlxuICAgICAgICA8IS0tIDxtYXQtc3RlcHBlciBjbGFzcz1cImV4YW1wbGUtc3RlcHBlclwiIFtvcmllbnRhdGlvbl09XCIoc3RlcHBlck9yaWVudGF0aW9uIHwgYXN5bmMpIVwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG1hdFN0ZXBwZXJJY29uPVwiZWRpdFwiPlxuICAgICAgICAgICAgICAgIDxtYXQtaWNvbj5hcnJvd19kcm9wX2Rvd25fY2lyY2xlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8bWF0LXN0ZXAgW2xhYmVsXT1cInN0ZXAubGFiZWxcIiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzZWN0aW9uQ29udGVudC5zdGVwc1wiID4gLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWNvbnRlbnRcIj5cblxuICAgICAgICAgICAgPCEtLSB7e3N0ZXAudGl0bGV9fSAtLT5cbiAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuc3RlcHNbMF0uaW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDwhLS0gPC9tYXQtc3RlcD5cbiAgICAgICAgPC9tYXQtc3RlcHBlcj4gLS0+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWNhcmRzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmZWF0dXJlLWNhcmRcIiAqbmdGb3I9XCJsZXQgY2FyZCBvZiBzZWN0aW9uQ29udGVudC5mZWF0dXJlc0NhcmRzXCI+XG4gICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJjYXJkLmljb25OYW1lXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgPGgzPnt7Y2FyZC50aXRsZX19PC9oMz5cbiAgICAgICAgICAgIDxwPnt7Y2FyZC5kZXNjcmlwdGlvbn19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj4iXX0=
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/material/tabs";
|
|
5
|
-
import * as i3 from "../page-section-style-three/page-section-style-three.component";
|
|
6
|
-
export class FeatureSectionThreeComponent {
|
|
7
|
-
}
|
|
8
|
-
FeatureSectionThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
FeatureSectionThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionThreeComponent, selector: "feature-section-three", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <mat-tab-group>\n <mat-tab [label]=\"tab.tabLabel\" *ngFor=\"let tab of sectionContent\">\n <div class=\"section-content\">\n <page-section-style-three [sectionContent]=\"tab.tabContent\" *ngFor=\"let part of tab.tabContent\"></page-section-style-three>\n </div>\n </mat-tab>\n </mat-tab-group>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section{width:150rem}}.section mat-tab-group{padding:3rem 0}.section .section-content{padding:3rem 0rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3.PageSectionStyleThreeComponent, selector: "page-section-style-three", inputs: ["sectionContent"] }] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionThreeComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'feature-section-three', template: "<section class=\"section\">\n <mat-tab-group>\n <mat-tab [label]=\"tab.tabLabel\" *ngFor=\"let tab of sectionContent\">\n <div class=\"section-content\">\n <page-section-style-three [sectionContent]=\"tab.tabContent\" *ngFor=\"let part of tab.tabContent\"></page-section-style-three>\n </div>\n </mat-tab>\n </mat-tab-group>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:90%;margin:auto}@media only screen and (min-width: 1500px){.section{width:150rem}}.section mat-tab-group{padding:3rem 0}.section .section-content{padding:3rem 0rem}\n"] }]
|
|
13
|
-
}], propDecorators: { sectionContent: [{
|
|
14
|
-
type: Input
|
|
15
|
-
}] } });
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLXRocmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tdGhyZWUvZmVhdHVyZS1zZWN0aW9uLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tdGhyZWUvZmVhdHVyZS1zZWN0aW9uLXRocmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU9qRCxNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsMkdDUHpDLDJZQVFVOzJGRERHLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBS3hCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZlYXR1cmUtc2VjdGlvbi10aHJlZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tdGhyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLXRocmVlLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uVGhyZWVDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55W107XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgICA8bWF0LXRhYi1ncm91cD5cbiAgICAgICAgPG1hdC10YWIgW2xhYmVsXT1cInRhYi50YWJMYWJlbFwiICpuZ0Zvcj1cImxldCB0YWIgb2Ygc2VjdGlvbkNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8cGFnZS1zZWN0aW9uLXN0eWxlLXRocmVlIFtzZWN0aW9uQ29udGVudF09XCJ0YWIudGFiQ29udGVudFwiICpuZ0Zvcj1cImxldCBwYXJ0IG9mIHRhYi50YWJDb250ZW50XCI+PC9wYWdlLXNlY3Rpb24tc3R5bGUtdGhyZWU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9tYXQtdGFiPlxuICAgIDwvbWF0LXRhYi1ncm91cD5cbjwvc2VjdGlvbj4iXX0=
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../section-title/section-title.component";
|
|
5
|
-
import * as i3 from "../vertical-side-tabs/vertical-side-tabs.component";
|
|
6
|
-
export class FeatureSectionTwoComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
}
|
|
9
|
-
tabChanged(tabContent) {
|
|
10
|
-
this.tabContent = tabContent;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
FeatureSectionTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
FeatureSectionTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionTwoComponent, selector: "feature-section-two", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"section-content\">\n <div class=\"tabs-side\">\n <vertical-side-tabs [tabs]=\"sectionContent.tabs\" (tabChanged)=\"tabChanged($event)\"></vertical-side-tabs>\n </div>\n <div class=\"content-side\">\n <img [src]=\"tabContent.image\" *ngIf=\"tabContent.image\">\n <section-title [sectionTitle]=\"tabContent.sectionTitle\"></section-title>\n </div>\n </div>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .section-content{display:flex;flex-direction:row;column-gap:3%}.section .section-content .tabs-side{width:25%}.section .section-content .content-side{width:72%;display:flex;flex-direction:column;row-gap:3rem}.section .section-content .content-side img{width:100%;max-height:40rem;border-radius:1.5rem;object-fit:cover;box-shadow:1rem 1.8rem 4.8rem -1.9rem #000000bf}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i3.VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: ["tabs", "selectedOption", "items"], outputs: ["tabChanged"] }] });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionTwoComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'feature-section-two', template: "<section class=\"section\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div class=\"section-content\">\n <div class=\"tabs-side\">\n <vertical-side-tabs [tabs]=\"sectionContent.tabs\" (tabChanged)=\"tabChanged($event)\"></vertical-side-tabs>\n </div>\n <div class=\"content-side\">\n <img [src]=\"tabContent.image\" *ngIf=\"tabContent.image\">\n <section-title [sectionTitle]=\"tabContent.sectionTitle\"></section-title>\n </div>\n </div>\n</section>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:4rem 0;margin:auto;width:90%;display:flex;flex-direction:column;row-gap:2rem}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .tip-title{text-align:center;color:#155ed4;font-weight:800;font-size:1.8rem}.section .section-content{display:flex;flex-direction:row;column-gap:3%}.section .section-content .tabs-side{width:25%}.section .section-content .content-side{width:72%;display:flex;flex-direction:column;row-gap:3rem}.section .section-content .content-side img{width:100%;max-height:40rem;border-radius:1.5rem;object-fit:cover;box-shadow:1rem 1.8rem 4.8rem -1.9rem #000000bf}\n"] }]
|
|
18
|
-
}], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLXR3by5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1zZWN0aW9uLXR3by9mZWF0dXJlLXNlY3Rpb24tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tdHdvL2ZlYXR1cmUtc2VjdGlvbi10d28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUWpELE1BQU0sT0FBTywwQkFBMEI7SUFHckM7SUFDQSxDQUFDO0lBRUQsVUFBVSxDQUFDLFVBQVU7UUFDbkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7SUFDL0IsQ0FBQzs7dUhBUlUsMEJBQTBCOzJHQUExQiwwQkFBMEIseUdDUnZDLGtqQkFXVTsyRkRIRywwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQU10QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tdHdvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtc2VjdGlvbi10d28uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLXR3by5jb21wb25lbnQuc2NzcycgXVxufSlcblxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uVHdvQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgdGFiQ29udGVudDogYW55O1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIHRhYkNoYW5nZWQodGFiQ29udGVudCkge1xuICAgIHRoaXMudGFiQ29udGVudCA9IHRhYkNvbnRlbnQ7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYnMtc2lkZVwiPlxuICAgICAgICAgICAgPHZlcnRpY2FsLXNpZGUtdGFicyBbdGFic109XCJzZWN0aW9uQ29udGVudC50YWJzXCIgKHRhYkNoYW5nZWQpPVwidGFiQ2hhbmdlZCgkZXZlbnQpXCI+PC92ZXJ0aWNhbC1zaWRlLXRhYnM+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1zaWRlXCI+XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwidGFiQ29udGVudC5pbWFnZVwiICpuZ0lmPVwidGFiQ29udGVudC5pbWFnZVwiPlxuICAgICAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJ0YWJDb250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+Il19
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3RhLWNhcmRzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL21vZGVscy9jdGEtY2FyZHMubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEltYWdlU2VjdGlvbkFjdGlvbiB9IGZyb20gXCIuL2ltYWdlLXNlY3Rpb24tYWN0aW9uLm1vZGVsXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ3RhQ2FyZHMge1xuICAgIGltYWdlOiBzdHJpbmc7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nXG4gICAgYnV0dG9uOiBJbWFnZVNlY3Rpb25BY3Rpb247XG59Il19
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@angular/material/card";
|
|
6
|
-
export class VerticalSideTabsComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.panelOpenState = false;
|
|
9
|
-
this.selectedOption = [];
|
|
10
|
-
this.tabChanged = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
this.changeTab(0);
|
|
14
|
-
}
|
|
15
|
-
changeTab(index) {
|
|
16
|
-
for (let i = 0; i < this.tabs.length; i++) {
|
|
17
|
-
this.selectedOption[i] = false;
|
|
18
|
-
}
|
|
19
|
-
this.selectedOption[index] = true;
|
|
20
|
-
this.tabChanged.emit(this.tabs[index].tabContent);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
VerticalSideTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VerticalSideTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
VerticalSideTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: VerticalSideTabsComponent, selector: "vertical-side-tabs", inputs: { tabs: "tabs", selectedOption: "selectedOption", items: "items" }, outputs: { tabChanged: "tabChanged" }, ngImport: i0, template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid rgba(224,224,224,.82);border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }] });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VerticalSideTabsComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'vertical-side-tabs', template: "<mat-card class=\"as-items\">\n <div class=\"as-item\" *ngFor=\"let tab of tabs ; let i = index\">\n <button class=\"as-btn\" [ngClass]=\"{'item-clicked':selectedOption[i], \n 'item-not-clicked':!selectedOption[i]}\" (click)=\"changeTab(i)\">\n <div class=\"icon-text\">\n <div class=\"icon\"><fa-icon [icon]=\"tab.iconName\" class=\"tab-icon\"></fa-icon></div>\n <h3 class=\"text\">\n {{tab.title}}\n </h3>\n </div>\n </button>\n </div>\n</mat-card>", styles: ["@import\"~@angular/material/prebuilt-themes/indigo-pink.css\";@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";@import\"~@ng-select/ng-select/themes/material.theme.css\";@import\"~primeng/resources/themes/saga-blue/theme.css\";@import\"~primeng/resources/primeng.min.css\";@import\"~primeicons/primeicons.css\";@import\"~ag-grid-community/styles/ag-grid.css\";@import\"~ag-grid-community/styles/ag-theme-material.css\";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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.as-items{padding:2rem 1rem;border:.1rem solid rgba(224,224,224,.82);border-radius:1rem;display:flex;flex-direction:column;height:100%}.as-items .as-btn{border:none;border-left:.3rem solid rgba(50,53,59,.6);margin:auto;width:100%;text-align:left;display:inline;padding:2rem 4%;transition:all ease-in-out .1s}.as-items .as-btn:hover{border-left:.3rem solid #32353B;color:#32353b}.as-items .icon-text{display:flex;align-items:center;padding:0 .5rem}.as-items .icon-text .icon{display:inline-block;vertical-align:middle;margin-right:2rem}.as-items .icon-text .icon fa-icon.tab-icon{width:.2rem;height:.2rem}.as-items .item-not-clicked{color:#32353b99;background-color:#fff}.as-items .item-clicked{background-color:#fff;border-left:.3rem solid #155ED4;color:#155ed4}.as-items .item-clicked:hover{border-left:.3rem solid #155ED4;color:#155ed4}\n"] }]
|
|
28
|
-
}], ctorParameters: function () { return []; }, propDecorators: { tabs: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], selectedOption: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], tabChanged: [{
|
|
33
|
-
type: Output
|
|
34
|
-
}], items: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi92ZXJ0aWNhbC1zaWRlLXRhYnMvdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTS9FLE1BQU0sT0FBTyx5QkFBeUI7SUFNcEM7UUFMTyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUU5QixtQkFBYyxHQUFjLEVBQUUsQ0FBQztRQUM5QixlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFN0MsQ0FBQztJQUVqQixRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWE7UUFDckIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3pDLElBQUksQ0FBQyxjQUFjLENBQUUsQ0FBQyxDQUFFLEdBQUcsS0FBSyxDQUFDO1NBQ2xDO1FBRUQsSUFBSSxDQUFDLGNBQWMsQ0FBRSxLQUFLLENBQUUsR0FBRyxJQUFJLENBQUM7UUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBRSxLQUFLLENBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0RCxDQUFDOztzSEFuQlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsNktDTnRDLHFqQkFZVzsyRkRORSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzBFQU1yQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNFLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZlcnRpY2FsLXNpZGUtdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi92ZXJ0aWNhbC1zaWRlLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vdmVydGljYWwtc2lkZS10YWJzLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIFZlcnRpY2FsU2lkZVRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgcGFuZWxPcGVuU3RhdGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdGFiczogYW55O1xuICBASW5wdXQoKSBzZWxlY3RlZE9wdGlvbjogYm9vbGVhbltdID0gW107XG4gIEBPdXRwdXQoKSB0YWJDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQElucHV0KCkgaXRlbXM6IGFueVtdO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlVGFiKDApO1xuICB9XG5cbiAgY2hhbmdlVGFiKGluZGV4OiBudW1iZXIpIHtcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMudGFicy5sZW5ndGg7IGkrKykge1xuICAgICAgdGhpcy5zZWxlY3RlZE9wdGlvblsgaSBdID0gZmFsc2U7XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvblsgaW5kZXggXSA9IHRydWU7XG4gICAgdGhpcy50YWJDaGFuZ2VkLmVtaXQodGhpcy50YWJzWyBpbmRleCBdLnRhYkNvbnRlbnQpO1xuICB9XG59XG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJhcy1pdGVtc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJhcy1pdGVtXCIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzIDsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYXMtYnRuXCIgW25nQ2xhc3NdPVwieydpdGVtLWNsaWNrZWQnOnNlbGVjdGVkT3B0aW9uW2ldLCBcbiAgICAgICAgJ2l0ZW0tbm90LWNsaWNrZWQnOiFzZWxlY3RlZE9wdGlvbltpXX1cIiAoY2xpY2spPVwiY2hhbmdlVGFiKGkpXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi10ZXh0XCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImljb25cIj48ZmEtaWNvbiBbaWNvbl09XCJ0YWIuaWNvbk5hbWVcIiBjbGFzcz1cInRhYi1pY29uXCI+PC9mYS1pY29uPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAge3t0YWIudGl0bGV9fVxuICAgICAgICAgICAgICAgIDwvaDM+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG48L21hdC1jYXJkPiJdfQ==
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class FeatureSectionFourComponent implements OnInit {
|
|
4
|
-
sectionContent: any;
|
|
5
|
-
title: string;
|
|
6
|
-
ngOnInit(): void;
|
|
7
|
-
showDescription(index: any): void;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FeatureSectionFourComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSectionFourComponent, "sfeature-section-four", never, { "sectionContent": "sectionContent"; }, {}, never, never, false>;
|
|
10
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
2
|
-
import { StepperOrientation } from '@angular/cdk/stepper';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class FeatureSectionOneComponent {
|
|
6
|
-
sectionContent: any;
|
|
7
|
-
stepperOrientation: Observable<StepperOrientation>;
|
|
8
|
-
constructor(breakpointObserver: BreakpointObserver);
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FeatureSectionOneComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSectionOneComponent, "feature-section-one", never, { "sectionContent": "sectionContent"; }, {}, never, never, false>;
|
|
11
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class FeatureSectionThreeComponent {
|
|
3
|
-
sectionContent: any[];
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FeatureSectionThreeComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSectionThreeComponent, "feature-section-three", never, { "sectionContent": "sectionContent"; }, {}, never, never, false>;
|
|
6
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class FeatureSectionTwoComponent {
|
|
3
|
-
sectionContent: any;
|
|
4
|
-
tabContent: any;
|
|
5
|
-
constructor();
|
|
6
|
-
tabChanged(tabContent: any): void;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FeatureSectionTwoComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FeatureSectionTwoComponent, "feature-section-two", never, { "sectionContent": "sectionContent"; }, {}, never, never, false>;
|
|
9
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class VerticalSideTabsComponent implements OnInit {
|
|
4
|
-
panelOpenState: boolean;
|
|
5
|
-
tabs: any;
|
|
6
|
-
selectedOption: boolean[];
|
|
7
|
-
tabChanged: EventEmitter<any>;
|
|
8
|
-
items: any[];
|
|
9
|
-
constructor();
|
|
10
|
-
ngOnInit(): void;
|
|
11
|
-
changeTab(index: number): void;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<VerticalSideTabsComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VerticalSideTabsComponent, "vertical-side-tabs", never, { "tabs": "tabs"; "selectedOption": "selectedOption"; "items": "items"; }, { "tabChanged": "tabChanged"; }, never, never, false>;
|
|
14
|
-
}
|