@jooler/jooler-websites-shared 0.0.145 → 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
package/README.md
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
# JoolerWebsitesShared
|
|
2
|
-
|
|
3
|
-
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
|
|
4
|
-
|
|
5
|
-
## Code scaffolding
|
|
6
|
-
|
|
7
|
-
Run `ng generate component component-name --project jooler-websites-shared` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project jooler-websites-shared`.
|
|
8
|
-
> Note: Don't forget to add `--project jooler-websites-shared` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
-
|
|
10
|
-
## Build
|
|
11
|
-
|
|
12
|
-
Run `ng build jooler-websites-shared` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
-
|
|
14
|
-
## Publishing
|
|
15
|
-
|
|
16
|
-
After building your library with `ng build jooler-websites-shared`, go to the dist folder `cd dist/jooler-websites-shared` and run `npm publish`.
|
|
17
|
-
|
|
18
|
-
## Running unit tests
|
|
19
|
-
|
|
20
|
-
Run `ng test jooler-websites-shared` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
-
|
|
22
|
-
## Further help
|
|
23
|
-
|
|
24
|
-
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
1
|
+
# JoolerWebsitesShared
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project jooler-websites-shared` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project jooler-websites-shared`.
|
|
8
|
+
> Note: Don't forget to add `--project jooler-websites-shared` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
+
|
|
10
|
+
## Build
|
|
11
|
+
|
|
12
|
+
Run `ng build jooler-websites-shared` to build the project. The build artifacts will be stored in the `dist/` directory.
|
|
13
|
+
|
|
14
|
+
## Publishing
|
|
15
|
+
|
|
16
|
+
After building your library with `ng build jooler-websites-shared`, go to the dist folder `cd dist/jooler-websites-shared` and run `npm publish`.
|
|
17
|
+
|
|
18
|
+
## Running unit tests
|
|
19
|
+
|
|
20
|
+
Run `ng test jooler-websites-shared` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
|
21
|
+
|
|
22
|
+
## Further help
|
|
23
|
+
|
|
24
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
5
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiam9vbGVyLXdlYnNpdGVzLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -1,17 +1,17 @@
|
|
|
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
|
-
export class AchievementsComponent {
|
|
6
|
-
constructor() { }
|
|
7
|
-
ngOnInit() { }
|
|
8
|
-
}
|
|
9
|
-
AchievementsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AchievementsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
AchievementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AchievementsComponent, selector: "achievements", inputs: {
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AchievementsComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'achievements', template: "<div class=\"achievements\" [ngClass]=\"{'blue-background':
|
|
14
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
15
|
-
type: Input
|
|
16
|
-
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
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
|
+
export class AchievementsComponent {
|
|
6
|
+
constructor() { }
|
|
7
|
+
ngOnInit() { }
|
|
8
|
+
}
|
|
9
|
+
AchievementsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AchievementsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
AchievementsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AchievementsComponent, selector: "achievements", inputs: { achievements: "achievements" }, ngImport: i0, template: "<div class=\"achievements\" [ngClass]=\"{'blue-background': achievements.sectionTitle.isDarkBg}\">\r\n <div class=\"content\">\r\n <div>\r\n <section-title [sectionTitle]=\"achievements.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"achievements-cards\">\r\n <div class=\"achievement-card\" *ngFor=\"let achievement of achievements.achievements\">\r\n <div class=\"number\">\r\n {{achievement.number}}\r\n </div>\r\n <div class=\"subtitle\">\r\n {{achievement.subtitle}}\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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.achievements{display:grid;row-gap:2rem;margin:auto;width:100%}.achievements .content{margin:auto;width:90%}@media only screen and (min-width: 1500px){.achievements .content{width:150rem}}.achievements .achievements-cards{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:2rem 0rem;row-gap:4rem;column-gap:1rem}.achievements .achievements-cards .achievement-card{display:grid;grid-template-rows:6rem auto;margin:auto;padding:1rem;width:30rem;min-width:23%;height:12rem;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;row-gap:.4rem}@media screen and (max-width: 800px){.achievements .achievements-cards .achievement-card{width:33%}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{width:50%}}.achievements .achievements-cards .achievement-card .number{text-align:center;color:#fff;font-weight:700;font-size:2.8rem;display:grid;align-content:end}.achievements .achievements-cards .achievement-card .subtitle{color:#fff;text-align:center;font-weight:500;font-size:1.8rem}.blue-background{background:linear-gradient(90deg,#155ED4 3.16%,#0F2844 97.43%);padding:2rem 0rem;color:#fff}.blue-background .achievements-cards{width:100%}.blue-background .achievements-cards .achievement-card{background-color:#fff}.blue-background .achievements-cards .achievement-card .number{color:#155ed4}.blue-background .achievements-cards .achievement-card .subtitle{color:#32353b;font-weight:550}@media only screen and (max-width: 75em){.achievements .achievements-cards{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem auto}.achievements .achievements-cards .achievement-card{grid-template-rows:auto auto;width:20rem;height:16rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.8rem}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{height:10rem}.achievements .achievements-cards .achievement-card .number{font-size:2rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.4rem}}\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: "component", type: i2.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AchievementsComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'achievements', template: "<div class=\"achievements\" [ngClass]=\"{'blue-background': achievements.sectionTitle.isDarkBg}\">\r\n <div class=\"content\">\r\n <div>\r\n <section-title [sectionTitle]=\"achievements.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"achievements-cards\">\r\n <div class=\"achievement-card\" *ngFor=\"let achievement of achievements.achievements\">\r\n <div class=\"number\">\r\n {{achievement.number}}\r\n </div>\r\n <div class=\"subtitle\">\r\n {{achievement.subtitle}}\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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.achievements{display:grid;row-gap:2rem;margin:auto;width:100%}.achievements .content{margin:auto;width:90%}@media only screen and (min-width: 1500px){.achievements .content{width:150rem}}.achievements .achievements-cards{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:2rem 0rem;row-gap:4rem;column-gap:1rem}.achievements .achievements-cards .achievement-card{display:grid;grid-template-rows:6rem auto;margin:auto;padding:1rem;width:30rem;min-width:23%;height:12rem;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;row-gap:.4rem}@media screen and (max-width: 800px){.achievements .achievements-cards .achievement-card{width:33%}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{width:50%}}.achievements .achievements-cards .achievement-card .number{text-align:center;color:#fff;font-weight:700;font-size:2.8rem;display:grid;align-content:end}.achievements .achievements-cards .achievement-card .subtitle{color:#fff;text-align:center;font-weight:500;font-size:1.8rem}.blue-background{background:linear-gradient(90deg,#155ED4 3.16%,#0F2844 97.43%);padding:2rem 0rem;color:#fff}.blue-background .achievements-cards{width:100%}.blue-background .achievements-cards .achievement-card{background-color:#fff}.blue-background .achievements-cards .achievement-card .number{color:#155ed4}.blue-background .achievements-cards .achievement-card .subtitle{color:#32353b;font-weight:550}@media only screen and (max-width: 75em){.achievements .achievements-cards{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem auto}.achievements .achievements-cards .achievement-card{grid-template-rows:auto auto;width:20rem;height:16rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.8rem}}@media only screen and (max-width: 37.5em){.achievements .achievements-cards .achievement-card{height:10rem}.achievements .achievements-cards .achievement-card .number{font-size:2rem}.achievements .achievements-cards .achievement-card .subtitle{font-size:1.4rem}}\n"] }]
|
|
14
|
+
}], ctorParameters: function () { return []; }, propDecorators: { achievements: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUSxLQUFLLENBQUM7O2tIQUpILHFCQUFxQjtzR0FBckIscUJBQXFCLDhGQ1JsQyxnc0JBZ0JNOzJGRFJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxjQUFjOzBFQUtmLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWNoaWV2ZW1lbnRzIH0gZnJvbSAnLi4vbW9kZWxzL2FjaGlldmVtZW50cy5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FjaGlldmVtZW50cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjaGlldmVtZW50cy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFjaGlldmVtZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgYWNoaWV2ZW1lbnRzOiBBY2hpZXZlbWVudHM7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7IH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYWNoaWV2ZW1lbnRzXCIgW25nQ2xhc3NdPVwieydibHVlLWJhY2tncm91bmQnOiBhY2hpZXZlbWVudHMuc2VjdGlvblRpdGxlLmlzRGFya0JnfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cImFjaGlldmVtZW50cy5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFjaGlldmVtZW50cy1jYXJkc1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWNoaWV2ZW1lbnQtY2FyZFwiICpuZ0Zvcj1cImxldCBhY2hpZXZlbWVudCBvZiBhY2hpZXZlbWVudHMuYWNoaWV2ZW1lbnRzXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibnVtYmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3thY2hpZXZlbWVudC5udW1iZXJ9fVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3VidGl0bGVcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2FjaGlldmVtZW50LnN1YnRpdGxlfX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,32 +1,24 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@
|
|
5
|
-
import * as i3 from "@angular/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}], titleOnRightSide: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], imageBg: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], isBoxWithCard: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVVqRCxNQUFNLE9BQU8sNEJBQTRCO0lBTXZDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBSjFCLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUNsQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFDO0lBRUQsQ0FBQztJQUV4QyxpQkFBaUIsQ0FBQyxLQUFLO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt5SEFWVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixzTUNWekMsaWpEQWtDTTsyRkR4Qk8sNEJBQTRCO2tCQU54QyxTQUFTOytCQUNFLHdCQUF3Qjs2RkFNekIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uRGF0YSB9IGZyb20gJy4uL21vZGVscy9jYWxsLXRvLWFjdGlvbi1kYXRhLm1vZGVsJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuXG5leHBvcnQgY2xhc3MgQ2FsbFRvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBDYWxsVG9BY3Rpb25TZWN0aW9uRGF0YTtcbiAgQElucHV0KCkgdGl0bGVPblJpZ2h0U2lkZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpbWFnZUJnOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzQm94V2l0aENhcmQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgb25DbGlja0dldFN0YXJ0ZWQocm91dGUpIHtcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoWyByb3V0ZSBdKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgPGRpdiBjbGFzcz1cImN0YS1ib3hcIiBbbmdDbGFzc109XCJ7J3RpdGxlLXJpZ2h0LXNpZGUnOnRpdGxlT25SaWdodFNpZGUsJ3RpdGxlLWxlZnQtc2lkZSc6IXRpdGxlT25SaWdodFNpZGUsXG4gICdjb2xvcmVkLWJnJzohaW1hZ2VCZyxcbiAgJ2ltYWdlLWJnJzppbWFnZUJnXG59XCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWltYWdlJzogJ3VybCgnICsgc2VjdGlvbkNvbnRlbnQuYmdJbWFnZSArICcpJywgJ2JhY2tncm91bmQtY29sb3InOiBzZWN0aW9uQ29udGVudC5iZ0NvbG9yfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLXNpZGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7c2VjdGlvbkNvbnRlbnQudGl0bGV9fTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+e3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImN0YS1saW5rXCIgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBzZWN0aW9uQ29udGVudC5idXR0b25zXCI+XG4gICAgICAgICAge3tidXR0b24ubmFtZX19XG4gICAgICAgICAgPGZhLWljb24gaWNvbj1cImNoZXZyb24tcmlnaHRcIj48L2ZhLWljb24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjdGEtc2lkZVwiIFtuZ0NsYXNzXT1cInsnb25seS1hbi1pdGVtJzpzZWN0aW9uQ29udGVudC5jdGFDYXJkcy5sZW5ndGggPT0gMSB9XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiYm94XCIgKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuY3RhQ2FyZHNcIiBbbmdDbGFzc109XCJ7J2JveC1jYXJkJzppc0JveFdpdGhDYXJkLCAnYm94LW5vbi1jYXJkJzohaXNCb3hXaXRoQ2FyZH1cIj5cbiAgICAgICAgPGltZyBbc3JjXT1cImNhcmQuaW1hZ2VcIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlXCIgKm5nSWY9XCJjYXJkLmltYWdlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3gtdGl0bGVcIj5cbiAgICAgICAgICB7e2NhcmQudGl0bGV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJveC1kZXNjcmlwdGlvblwiICpuZ0lmPVwiY2FyZC5kZXNjcmlwdGlvbiBcIj5cbiAgICAgICAgICB7e2NhcmQuZGVzY3JpcHRpb259fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvblwiPlxuICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJvbkNsaWNrR2V0U3RhcnRlZChjYXJkLmJ1dHRvbi5yb3V0ZSlcIj5cbiAgICAgICAgICAgIHt7Y2FyZC5idXR0b24ubmFtZX19XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiICpuZ0lmPVwiIWlzQm94V2l0aENhcmQgJiYgc2VjdGlvbkNvbnRlbnQuY3RhQ2FyZHMubGVuZ3RoID4gMSBcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "@angular/material/button";
|
|
6
|
+
export class CallToActionSectionComponent {
|
|
7
|
+
constructor(_Router) {
|
|
8
|
+
this._Router = _Router;
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
}
|
|
12
|
+
onClickGetStarted(route) {
|
|
13
|
+
this._Router.navigate([route]);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"cta-box\">\r\n <div class=\"left-side\">\r\n <div class=\"title\">\r\n {{data.title}}\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\r\n {{data.subtitle}}\r\n </div>\r\n </div>\r\n <div class=\"right-side\">\r\n <div class=\"box\">\r\n <!-- <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"> -->\r\n <!-- <img src=\"https://i.ibb.co/PxyyVHS/top-right-corner-design.png\" class=\"right-bg\" alt=\"\"> -->\r\n <div class=\"description\">\r\n {{data.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button\r\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"cta-box-small\">\r\n <div class=\"title\">\r\n {{data.title}}\r\n </div>\r\n <div class=\"subtitle\">\r\n {{data.subtitle}}\r\n </div>\r\n <div class=\"description\">\r\n {{data.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button\r\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .cta-box{justify-self:center;width:100%;display:grid;grid-template-columns:calc(60% - 2.5rem) calc(40% - 2.5rem);column-gap:5rem;align-items:center;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background:linear-gradient(90deg,#155ED4 3.16%,#0F2844 97.43%)}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .left-side{height:30rem;padding-left:5rem;display:grid;color:#fff}.page .cta-box .left-side .title{font-weight:700;font-size:4rem;align-self:center}.page .cta-box .left-side .subtitle{font-size:1.4rem}.page .cta-box .right-side{display:grid;padding:1rem;height:100%;align-items:center}.page .cta-box .right-side .box{justify-self:center;align-self:center;width:80%;padding:1.5rem;border-radius:1rem;border:.1rem solid #ffffff;color:#fff}@media screen and (max-width: 1000px){.page .cta-box .right-side .box{width:90%}}.page .cta-box .right-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .right-side .box .button{margin-top:2rem}.page .cta-box .right-side .box .button button{padding:1rem;font-size:1.2rem;font-weight:400;color:#fff;background-color:transparent;border:#fff .1rem solid}.page .cta-box-small{display:none}@media only screen and (max-width: 56.25em){.page .cta-box{display:none}.page .cta-box-small{justify-self:center;width:90%;display:grid;align-items:center;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem;background:linear-gradient(90deg,#155ED4 3.16%,#0F2844 97.43%);color:#fff}.page .cta-box-small .title{font-size:2rem;font-weight:700;padding:1rem 0rem}.page .cta-box-small .subtitle{padding:2rem 0rem;font-size:1.6rem}.page .cta-box-small .description{padding:2rem 0rem;font-size:1.4rem}.page .cta-box-small .button{color:#fff;font-weight:500;background-color:transparent}.page .cta-box-small .button button{padding:1rem}}\n"], dependencies: [{ 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"] }] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\r\n <div class=\"cta-box\">\r\n <div class=\"left-side\">\r\n <div class=\"title\">\r\n {{data.title}}\r\n </div>\r\n <div class=\"subtitle\" *ngIf=\"data.subtitle\">\r\n {{data.subtitle}}\r\n </div>\r\n </div>\r\n <div class=\"right-side\">\r\n <div class=\"box\">\r\n <!-- <img src=\"https://i.ibb.co/PQbR3nL/box-left-side-design.png\" class=\"left-bg\" alt=\"\"> -->\r\n <!-- <img src=\"https://i.ibb.co/PxyyVHS/top-right-corner-design.png\" class=\"right-bg\" alt=\"\"> -->\r\n <div class=\"description\">\r\n {{data.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button\r\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"cta-box-small\">\r\n <div class=\"title\">\r\n {{data.title}}\r\n </div>\r\n <div class=\"subtitle\">\r\n {{data.subtitle}}\r\n </div>\r\n <div class=\"description\">\r\n {{data.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button\r\n (click)=\"onClickGetStarted(data.button.route)\">{{data.button.name}}</button>\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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.page{display:grid;margin:7rem auto;width:90%}@media only screen and (min-width: 1500px){.page{width:150rem}}.page .cta-box{justify-self:center;width:100%;display:grid;grid-template-columns:calc(60% - 2.5rem) calc(40% - 2.5rem);column-gap:5rem;align-items:center;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;background:linear-gradient(90deg,#155ED4 3.16%,#0F2844 97.43%)}.page .cta-box .left-bg{width:2rem;position:absolute;top:10%;left:0}.page .cta-box .right-bg{width:15rem;top:0;right:0;position:absolute}.page .cta-box .left-side{height:30rem;padding-left:5rem;display:grid;color:#fff}.page .cta-box .left-side .title{font-weight:700;font-size:4rem;align-self:center}.page .cta-box .left-side .subtitle{font-size:1.4rem}.page .cta-box .right-side{display:grid;padding:1rem;height:100%;align-items:center}.page .cta-box .right-side .box{justify-self:center;align-self:center;width:80%;padding:1.5rem;border-radius:1rem;border:.1rem solid #ffffff;color:#fff}@media screen and (max-width: 1000px){.page .cta-box .right-side .box{width:90%}}.page .cta-box .right-side .box .description{font-weight:400;font-size:1.6rem;margin-bottom:1rem}.page .cta-box .right-side .box .button{margin-top:2rem}.page .cta-box .right-side .box .button button{padding:1rem;font-size:1.2rem;font-weight:400;color:#fff;background-color:transparent;border:#fff .1rem solid}.page .cta-box-small{display:none}@media only screen and (max-width: 56.25em){.page .cta-box{display:none}.page .cta-box-small{justify-self:center;width:90%;display:grid;align-items:center;border-radius:1.5rem;box-shadow:.2rem .2rem .4rem #00000040;padding:2rem;background:linear-gradient(90deg,#155ED4 3.16%,#0F2844 97.43%);color:#fff}.page .cta-box-small .title{font-size:2rem;font-weight:700;padding:1rem 0rem}.page .cta-box-small .subtitle{padding:2rem 0rem;font-size:1.6rem}.page .cta-box-small .description{padding:2rem 0rem;font-size:1.4rem}.page .cta-box-small .button{color:#fff;font-weight:500;background-color:transparent}.page .cta-box-small .button button{padding:1rem}}\n"] }]
|
|
21
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVXpELE1BQU0sT0FBTyw0QkFBNEI7SUFHdkMsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRXhDLFFBQVE7SUFDUixDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBSztRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7eUhBVlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsd0ZDVnpDLGsxQ0F3Q007MkZEOUJPLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSx3QkFBd0I7NkZBTXpCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uRGF0YSB9IGZyb20gJy4uL21vZGVscy9jYWxsLXRvLWFjdGlvbi1kYXRhLm1vZGVsJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2FsbC10by1hY3Rpb24tc2VjdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGRhdGE6IENhbGxUb0FjdGlvblNlY3Rpb25EYXRhO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlcikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0dldFN0YXJ0ZWQocm91dGUpIHtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbcm91dGVdKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cclxuICA8ZGl2IGNsYXNzPVwiY3RhLWJveFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxlZnQtc2lkZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cclxuICAgICAgICB7e2RhdGEudGl0bGV9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCIgKm5nSWY9XCJkYXRhLnN1YnRpdGxlXCI+XHJcbiAgICAgICAge3tkYXRhLnN1YnRpdGxlfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyaWdodC1zaWRlXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIj5cclxuICAgICAgICA8IS0tIDxpbWcgc3JjPVwiaHR0cHM6Ly9pLmliYi5jby9QUWJSM25ML2JveC1sZWZ0LXNpZGUtZGVzaWduLnBuZ1wiIGNsYXNzPVwibGVmdC1iZ1wiIGFsdD1cIlwiPiAtLT5cclxuICAgICAgICA8IS0tIDxpbWcgc3JjPVwiaHR0cHM6Ly9pLmliYi5jby9QeHl5VkhTL3RvcC1yaWdodC1jb3JuZXItZGVzaWduLnBuZ1wiIGNsYXNzPVwicmlnaHQtYmdcIiBhbHQ9XCJcIj4gLS0+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICB7e2RhdGEuZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj5cclxuICAgICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIG1hdC1yYWlzZWQtYnV0dG9uXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrR2V0U3RhcnRlZChkYXRhLmJ1dHRvbi5yb3V0ZSlcIj57e2RhdGEuYnV0dG9uLm5hbWV9fTwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2IGNsYXNzPVwiY3RhLWJveC1zbWFsbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgIHt7ZGF0YS50aXRsZX19XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxyXG4gICAgICB7e2RhdGEuc3VidGl0bGV9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cclxuICAgICAge3tkYXRhLmRlc2NyaXB0aW9ufX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvblwiPlxyXG4gICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvblxyXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrR2V0U3RhcnRlZChkYXRhLmJ1dHRvbi5yb3V0ZSlcIj57e2RhdGEuYnV0dG9uLm5hbWV9fTwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/router";
|
|
4
|
-
export class CallToActionSectionTwoComponent {
|
|
5
|
-
constructor(_router) {
|
|
6
|
-
this._router = _router;
|
|
7
|
-
}
|
|
8
|
-
ngOnInit() {
|
|
9
|
-
}
|
|
10
|
-
onClickLink(link) {
|
|
11
|
-
this._router.navigate([link]);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
CallToActionSectionTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
CallToActionSectionTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionTwoComponent, selector: "call-to-action-section-two", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"cta-section\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 61 48\" fill=\"none\" class=\"svg-top-right\">\n <path\n d=\"M16.8568 30.4924C-18.2522 24.3036 10.5419 3.88207 25.167 1.30326C39.7921 -1.27554 56.828 7.35401 58.4986 18.7386C60.1692 30.1232 64.3083 44.7867 49.6832 47.3655C35.058 49.9443 32.3641 34.7521 16.8568 30.4924Z\"\n fill=\"#155ED4\" />\n </svg>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 53 51\" fill=\"none\" class=\"svg-bottom-left\">\n <path\n d=\"M39.4766 22.6779C69.5603 35.0664 40.8217 50.4221 27.4676 50.4221C14.1135 50.4221 0.41333 38.7801 0.750387 27.0924C1.08744 15.4046 -0.237166 0 13.1169 0C26.471 0 26.4324 15.6787 39.4766 22.6779Z\"\n fill=\"#155ED4\" />\n </svg>\n <h1 class=\"cta-title\">{{sectionContent.title}}</h1>\n <p class=\"cta-description\">\n {{sectionContent.description}}\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkOne.route)\">\n {{sectionContent.linkOne.text}}\n </span>.\n {{sectionContent.textBetweenLinksOne}}\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkTwo.route)\">\n {{sectionContent.linkTwo.text}} \n </span>\n {{sectionContent.textBetweenLinksTwo}}\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkThree.route)\">\n {{sectionContent.linkThree.text}}\n </span>\n {{sectionContent.textAfterLinks}}\n </p>\n\n</div>", styles: ["
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'call-to-action-section-two', template: "<div class=\"cta-section\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 61 48\" fill=\"none\" class=\"svg-top-right\">\n <path\n d=\"M16.8568 30.4924C-18.2522 24.3036 10.5419 3.88207 25.167 1.30326C39.7921 -1.27554 56.828 7.35401 58.4986 18.7386C60.1692 30.1232 64.3083 44.7867 49.6832 47.3655C35.058 49.9443 32.3641 34.7521 16.8568 30.4924Z\"\n fill=\"#155ED4\" />\n </svg>\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 53 51\" fill=\"none\" class=\"svg-bottom-left\">\n <path\n d=\"M39.4766 22.6779C69.5603 35.0664 40.8217 50.4221 27.4676 50.4221C14.1135 50.4221 0.41333 38.7801 0.750387 27.0924C1.08744 15.4046 -0.237166 0 13.1169 0C26.471 0 26.4324 15.6787 39.4766 22.6779Z\"\n fill=\"#155ED4\" />\n </svg>\n <h1 class=\"cta-title\">{{sectionContent.title}}</h1>\n <p class=\"cta-description\">\n {{sectionContent.description}}\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkOne.route)\">\n {{sectionContent.linkOne.text}}\n </span>.\n {{sectionContent.textBetweenLinksOne}}\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkTwo.route)\">\n {{sectionContent.linkTwo.text}} \n </span>\n {{sectionContent.textBetweenLinksTwo}}\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkThree.route)\">\n {{sectionContent.linkThree.text}}\n </span>\n {{sectionContent.textAfterLinks}}\n </p>\n\n</div>", styles: ["
|
|
19
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
export class CallToActionSectionTwoComponent {
|
|
5
|
+
constructor(_router) {
|
|
6
|
+
this._router = _router;
|
|
7
|
+
}
|
|
8
|
+
ngOnInit() {
|
|
9
|
+
}
|
|
10
|
+
onClickLink(link) {
|
|
11
|
+
this._router.navigate([link]);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
CallToActionSectionTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
CallToActionSectionTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionTwoComponent, selector: "call-to-action-section-two", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"cta-section\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 61 48\" fill=\"none\" class=\"svg-top-right\">\r\n <path\r\n d=\"M16.8568 30.4924C-18.2522 24.3036 10.5419 3.88207 25.167 1.30326C39.7921 -1.27554 56.828 7.35401 58.4986 18.7386C60.1692 30.1232 64.3083 44.7867 49.6832 47.3655C35.058 49.9443 32.3641 34.7521 16.8568 30.4924Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 53 51\" fill=\"none\" class=\"svg-bottom-left\">\r\n <path\r\n d=\"M39.4766 22.6779C69.5603 35.0664 40.8217 50.4221 27.4676 50.4221C14.1135 50.4221 0.41333 38.7801 0.750387 27.0924C1.08744 15.4046 -0.237166 0 13.1169 0C26.471 0 26.4324 15.6787 39.4766 22.6779Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n <h1 class=\"cta-title\">{{sectionContent.title}}</h1>\r\n <p class=\"cta-description\">\r\n {{sectionContent.description}}\r\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkOne.route)\">\r\n {{sectionContent.linkOne.text}}\r\n </span>.\r\n {{sectionContent.textBetweenLinksOne}}\r\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkTwo.route)\">\r\n {{sectionContent.linkTwo.text}} \r\n </span>\r\n {{sectionContent.textBetweenLinksTwo}}\r\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkThree.route)\">\r\n {{sectionContent.linkThree.text}}\r\n </span>\r\n {{sectionContent.textAfterLinks}}\r\n </p>\r\n\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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.cta-section{background-color:#c2d0de;display:grid;position:relative;border-radius:1.5rem;padding:2rem 1.5rem;width:100%;margin:3rem auto}.cta-section .svg-top-right{height:4.8rem;width:6.1rem;position:absolute;top:-1rem;right:-1rem}.cta-section .svg-bottom-left{height:5.1rem;width:5.3rem;position:absolute;bottom:-2rem;left:-1.5rem}.cta-section .cta-title{font-size:3.4rem;font-weight:700;color:#000}.cta-section .cta-description{font-size:2rem;font-weight:500}.cta-section .link-text{text-decoration:underline;font-weight:700;cursor:pointer;transition:color linear .2s}@media (hover: hover){.cta-section .link-text:hover{color:#155ed4}}\n"] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'call-to-action-section-two', template: "<div class=\"cta-section\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 61 48\" fill=\"none\" class=\"svg-top-right\">\r\n <path\r\n d=\"M16.8568 30.4924C-18.2522 24.3036 10.5419 3.88207 25.167 1.30326C39.7921 -1.27554 56.828 7.35401 58.4986 18.7386C60.1692 30.1232 64.3083 44.7867 49.6832 47.3655C35.058 49.9443 32.3641 34.7521 16.8568 30.4924Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 53 51\" fill=\"none\" class=\"svg-bottom-left\">\r\n <path\r\n d=\"M39.4766 22.6779C69.5603 35.0664 40.8217 50.4221 27.4676 50.4221C14.1135 50.4221 0.41333 38.7801 0.750387 27.0924C1.08744 15.4046 -0.237166 0 13.1169 0C26.471 0 26.4324 15.6787 39.4766 22.6779Z\"\r\n fill=\"#155ED4\" />\r\n </svg>\r\n <h1 class=\"cta-title\">{{sectionContent.title}}</h1>\r\n <p class=\"cta-description\">\r\n {{sectionContent.description}}\r\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkOne.route)\">\r\n {{sectionContent.linkOne.text}}\r\n </span>.\r\n {{sectionContent.textBetweenLinksOne}}\r\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkTwo.route)\">\r\n {{sectionContent.linkTwo.text}} \r\n </span>\r\n {{sectionContent.textBetweenLinksTwo}}\r\n <span class=\"link-text\" (click)=\"onClickLink(sectionContent.linkThree.route)\">\r\n {{sectionContent.linkThree.text}}\r\n </span>\r\n {{sectionContent.textAfterLinks}}\r\n </p>\r\n\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-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.cta-section{background-color:#c2d0de;display:grid;position:relative;border-radius:1.5rem;padding:2rem 1.5rem;width:100%;margin:3rem auto}.cta-section .svg-top-right{height:4.8rem;width:6.1rem;position:absolute;top:-1rem;right:-1rem}.cta-section .svg-bottom-left{height:5.1rem;width:5.3rem;position:absolute;bottom:-2rem;left:-1.5rem}.cta-section .cta-title{font-size:3.4rem;font-weight:700;color:#000}.cta-section .cta-description{font-size:2rem;font-weight:500}.cta-section .link-text{text-decoration:underline;font-weight:700;cursor:pointer;transition:color linear .2s}@media (hover: hover){.cta-section .link-text:hover{color:#155ed4}}\n"] }]
|
|
19
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
|
|
20
|
+
type: Input
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3pELE1BQU0sT0FBTywrQkFBK0I7SUFHMUMsWUFBb0IsT0FBZTtRQUFmLFlBQU8sR0FBUCxPQUFPLENBQVE7SUFBSSxDQUFDO0lBRXhDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLElBQVk7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFBO0lBQy9CLENBQUM7OzRIQVZVLCtCQUErQjtnSEFBL0IsK0JBQStCLGdIQ1Q1QyxtbERBNEJNOzJGRG5CTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsNEJBQTRCOzZGQUs3QixjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IENhbGxUb0FjdGlvblNlY3Rpb25Ud28gfSBmcm9tICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FsbFRvQWN0aW9uU2VjdGlvblR3b0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IENhbGxUb0FjdGlvblNlY3Rpb25Ud287XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrTGluayhsaW5rOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbbGlua10pXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjdGEtc2VjdGlvblwiPlxyXG4gICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA2MSA0OFwiIGZpbGw9XCJub25lXCIgY2xhc3M9XCJzdmctdG9wLXJpZ2h0XCI+XHJcbiAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgZD1cIk0xNi44NTY4IDMwLjQ5MjRDLTE4LjI1MjIgMjQuMzAzNiAxMC41NDE5IDMuODgyMDcgMjUuMTY3IDEuMzAzMjZDMzkuNzkyMSAtMS4yNzU1NCA1Ni44MjggNy4zNTQwMSA1OC40OTg2IDE4LjczODZDNjAuMTY5MiAzMC4xMjMyIDY0LjMwODMgNDQuNzg2NyA0OS42ODMyIDQ3LjM2NTVDMzUuMDU4IDQ5Ljk0NDMgMzIuMzY0MSAzNC43NTIxIDE2Ljg1NjggMzAuNDkyNFpcIlxyXG4gICAgICAgICAgICBmaWxsPVwiIzE1NUVENFwiIC8+XHJcbiAgICA8L3N2Zz5cclxuICAgIDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNTMgNTFcIiBmaWxsPVwibm9uZVwiIGNsYXNzPVwic3ZnLWJvdHRvbS1sZWZ0XCI+XHJcbiAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgZD1cIk0zOS40NzY2IDIyLjY3NzlDNjkuNTYwMyAzNS4wNjY0IDQwLjgyMTcgNTAuNDIyMSAyNy40Njc2IDUwLjQyMjFDMTQuMTEzNSA1MC40MjIxIDAuNDEzMzMgMzguNzgwMSAwLjc1MDM4NyAyNy4wOTI0QzEuMDg3NDQgMTUuNDA0NiAtMC4yMzcxNjYgMCAxMy4xMTY5IDBDMjYuNDcxIDAgMjYuNDMyNCAxNS42Nzg3IDM5LjQ3NjYgMjIuNjc3OVpcIlxyXG4gICAgICAgICAgICBmaWxsPVwiIzE1NUVENFwiIC8+XHJcbiAgICA8L3N2Zz5cclxuICAgIDxoMSBjbGFzcz1cImN0YS10aXRsZVwiPnt7c2VjdGlvbkNvbnRlbnQudGl0bGV9fTwvaDE+XHJcbiAgICA8cCBjbGFzcz1cImN0YS1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQuZGVzY3JpcHRpb259fVxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwibGluay10ZXh0XCIgKGNsaWNrKT1cIm9uQ2xpY2tMaW5rKHNlY3Rpb25Db250ZW50LmxpbmtPbmUucm91dGUpXCI+XHJcbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnQubGlua09uZS50ZXh0fX1cclxuICAgICAgICA8L3NwYW4+LlxyXG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGV4dEJldHdlZW5MaW5rc09uZX19XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJsaW5rLXRleHRcIiAoY2xpY2spPVwib25DbGlja0xpbmsoc2VjdGlvbkNvbnRlbnQubGlua1R3by5yb3V0ZSlcIj5cclxuICAgICAgICAgICAge3tzZWN0aW9uQ29udGVudC5saW5rVHdvLnRleHR9fSBcclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAge3tzZWN0aW9uQ29udGVudC50ZXh0QmV0d2VlbkxpbmtzVHdvfX1cclxuICAgICAgICA8c3BhbiBjbGFzcz1cImxpbmstdGV4dFwiIChjbGljayk9XCJvbkNsaWNrTGluayhzZWN0aW9uQ29udGVudC5saW5rVGhyZWUucm91dGUpXCI+XHJcbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnQubGlua1RocmVlLnRleHR9fVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICB7e3NlY3Rpb25Db250ZW50LnRleHRBZnRlckxpbmtzfX1cclxuICAgIDwvcD5cclxuXHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export class CallToActionSectionTwo {
|
|
2
|
-
}
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export class CallToActionSectionTwo {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLHNCQUFzQjtDQVNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExpbmtUZXh0IH0gZnJvbSBcIi4vbGluay10ZXh0Lm1vZGVsXCI7XHJcblxyXG5leHBvcnQgY2xhc3MgQ2FsbFRvQWN0aW9uU2VjdGlvblR3byB7XHJcbiAgICB0aXRsZTogc3RyaW5nO1xyXG4gICAgZGVzY3JpcHRpb246IHN0cmluZztcclxuICAgIGxpbmtPbmU6IExpbmtUZXh0O1xyXG4gICAgdGV4dEJldHdlZW5MaW5rc09uZTogc3RyaW5nO1xyXG4gICAgbGlua1R3bzogTGlua1RleHQ7XHJcbiAgICB0ZXh0QmV0d2VlbkxpbmtzVHdvOiBzdHJpbmc7XHJcbiAgICBsaW5rVGhyZWU6IExpbmtUZXh0O1xyXG4gICAgdGV4dEFmdGVyTGlua3M6IHN0cmluZztcclxufSJdfQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export class LinkText {
|
|
2
|
-
}
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export class LinkText {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay10ZXh0Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2xpbmstdGV4dC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sUUFBUTtDQUdwQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBMaW5rVGV4dCB7XHJcbiAgICB0ZXh0OiBzdHJpbmc7XHJcbiAgICByb3V0ZTogc3RyaW5nO1xyXG59Il19
|
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/material/icon";
|
|
5
|
-
import * as i2 from "@angular/forms";
|
|
6
|
-
import * as i3 from "@ng-select/ng-select";
|
|
7
|
-
import * as i4 from "@angular/common";
|
|
8
|
-
export class ChooseCountryWithFlagComponent {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.change = new EventEmitter();
|
|
11
|
-
this.propagateChange = (_) => { };
|
|
12
|
-
this.propogateTouch = () => { };
|
|
13
|
-
}
|
|
14
|
-
ngOnInit() {
|
|
15
|
-
}
|
|
16
|
-
writeValue(value) {
|
|
17
|
-
this.selectedItem = value;
|
|
18
|
-
}
|
|
19
|
-
registerOnChange(fn) {
|
|
20
|
-
this.propagateChange = fn;
|
|
21
|
-
}
|
|
22
|
-
registerOnTouched(fn) {
|
|
23
|
-
this.propogateTouch = fn;
|
|
24
|
-
}
|
|
25
|
-
updateBlur() {
|
|
26
|
-
this.propogateTouch();
|
|
27
|
-
}
|
|
28
|
-
onSelectionChanged($event) {
|
|
29
|
-
this.propagateChange(this.selectedItem);
|
|
30
|
-
this.change.emit($event);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
ChooseCountryWithFlagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseCountryWithFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
ChooseCountryWithFlagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: { items: "items" }, outputs: { change: "change" }, providers: [
|
|
35
|
-
{
|
|
36
|
-
provide: NG_VALUE_ACCESSOR,
|
|
37
|
-
useExisting: forwardRef(() => ChooseCountryWithFlagComponent),
|
|
38
|
-
multi: true
|
|
39
|
-
}
|
|
40
|
-
], ngImport: i0, template: "<div class=\"home\">\n <ng-select (blur)=\"updateBlur()\" class=\"custom\" [items]=\"items\" (change)=\"onSelectionChanged($event)\"\n bindLabel=\"name\" bindValue=\"id\" [(ngModel)]=\"selectedItem\" placeholder=\"Choose Country\">\n <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n <div class=\"ng-value-label label-container\">\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\n {{item.code2}}\n </div>\n <!-- <span class=\"ng-value-icon right\" (click)=\"clear(item)\" aria-hidden=\"true\">\n \u00D7\n </span> -->\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" class=\"options-list\">\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\n <span class=\"country-name\">\n {{(item.name.length>15) ? (item.name | slice:0:15) + '...': item.name}}\n </span>\n </ng-template>\n </ng-select>\n</div>", styles: [".home{width:100%}.home input{margin-right:0vh}.home ng-select{min-width:auto}.home ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input{caret-color:transparent}.home ::ng-deep .ng-dropdown-panel.ng-select-bottom{width:25rem}.home ::ng-deep .ng-clear-wrapper .ng-star-inserted{display:none}.home ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{display:flex;column-gap:1rem;align-items:center!important}.home ::ng-deep .ng-select-container,.home ::ng-deep .ng-has-value{min-height:auto;height:4rem}.home ::ng-deep .ng-select-container .ng-value-container,.home ::ng-deep .ng-has-value .ng-value-container{padding-left:.4rem}.home ::ng-deep .ng-select-container .ng-value-container .ng-value,.home ::ng-deep .ng-select-container .ng-value-container .ng-star-inserted,.home ::ng-deep .ng-has-value .ng-value-container .ng-value,.home ::ng-deep .ng-has-value .ng-value-container .ng-star-inserted{display:inherit;column-gap:1rem;margin-left:.1rem;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "pipe", type: i4.SlicePipe, name: "slice" }] });
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseCountryWithFlagComponent, decorators: [{
|
|
42
|
-
type: Component,
|
|
43
|
-
args: [{ selector: 'choose-country-with-flag', providers: [
|
|
44
|
-
{
|
|
45
|
-
provide: NG_VALUE_ACCESSOR,
|
|
46
|
-
useExisting: forwardRef(() => ChooseCountryWithFlagComponent),
|
|
47
|
-
multi: true
|
|
48
|
-
}
|
|
49
|
-
], template: "<div class=\"home\">\n <ng-select (blur)=\"updateBlur()\" class=\"custom\" [items]=\"items\" (change)=\"onSelectionChanged($event)\"\n bindLabel=\"name\" bindValue=\"id\" [(ngModel)]=\"selectedItem\" placeholder=\"Choose Country\">\n <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\n <div class=\"ng-value-label label-container\">\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\n {{item.code2}}\n </div>\n <!-- <span class=\"ng-value-icon right\" (click)=\"clear(item)\" aria-hidden=\"true\">\n \u00D7\n </span> -->\n </ng-template>\n <ng-template ng-option-tmp let-item=\"item\" class=\"options-list\">\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\n <span class=\"country-name\">\n {{(item.name.length>15) ? (item.name | slice:0:15) + '...': item.name}}\n </span>\n </ng-template>\n </ng-select>\n</div>", styles: [".home{width:100%}.home input{margin-right:0vh}.home ng-select{min-width:auto}.home ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input{caret-color:transparent}.home ::ng-deep .ng-dropdown-panel.ng-select-bottom{width:25rem}.home ::ng-deep .ng-clear-wrapper .ng-star-inserted{display:none}.home ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{display:flex;column-gap:1rem;align-items:center!important}.home ::ng-deep .ng-select-container,.home ::ng-deep .ng-has-value{min-height:auto;height:4rem}.home ::ng-deep .ng-select-container .ng-value-container,.home ::ng-deep .ng-has-value .ng-value-container{padding-left:.4rem}.home ::ng-deep .ng-select-container .ng-value-container .ng-value,.home ::ng-deep .ng-select-container .ng-value-container .ng-star-inserted,.home ::ng-deep .ng-has-value .ng-value-container .ng-value,.home ::ng-deep .ng-has-value .ng-value-container .ng-star-inserted{display:inherit;column-gap:1rem;margin-left:.1rem;align-items:center}\n"] }]
|
|
50
|
-
}], ctorParameters: function () { return []; }, propDecorators: { items: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], change: [{
|
|
53
|
-
type: Output
|
|
54
|
-
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/icon";
|
|
5
|
+
import * as i2 from "@angular/forms";
|
|
6
|
+
import * as i3 from "@ng-select/ng-select";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
8
|
+
export class ChooseCountryWithFlagComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.change = new EventEmitter();
|
|
11
|
+
this.propagateChange = (_) => { };
|
|
12
|
+
this.propogateTouch = () => { };
|
|
13
|
+
}
|
|
14
|
+
ngOnInit() {
|
|
15
|
+
}
|
|
16
|
+
writeValue(value) {
|
|
17
|
+
this.selectedItem = value;
|
|
18
|
+
}
|
|
19
|
+
registerOnChange(fn) {
|
|
20
|
+
this.propagateChange = fn;
|
|
21
|
+
}
|
|
22
|
+
registerOnTouched(fn) {
|
|
23
|
+
this.propogateTouch = fn;
|
|
24
|
+
}
|
|
25
|
+
updateBlur() {
|
|
26
|
+
this.propogateTouch();
|
|
27
|
+
}
|
|
28
|
+
onSelectionChanged($event) {
|
|
29
|
+
this.propagateChange(this.selectedItem);
|
|
30
|
+
this.change.emit($event);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
ChooseCountryWithFlagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseCountryWithFlagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
ChooseCountryWithFlagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChooseCountryWithFlagComponent, selector: "choose-country-with-flag", inputs: { items: "items" }, outputs: { change: "change" }, providers: [
|
|
35
|
+
{
|
|
36
|
+
provide: NG_VALUE_ACCESSOR,
|
|
37
|
+
useExisting: forwardRef(() => ChooseCountryWithFlagComponent),
|
|
38
|
+
multi: true
|
|
39
|
+
}
|
|
40
|
+
], ngImport: i0, template: "<div class=\"home\">\r\n <ng-select (blur)=\"updateBlur()\" class=\"custom\" [items]=\"items\" (change)=\"onSelectionChanged($event)\"\r\n bindLabel=\"name\" bindValue=\"id\" [(ngModel)]=\"selectedItem\" placeholder=\"Choose Country\">\r\n <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n <div class=\"ng-value-label label-container\">\r\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n {{item.code2}}\r\n </div>\r\n <!-- <span class=\"ng-value-icon right\" (click)=\"clear(item)\" aria-hidden=\"true\">\r\n \u00D7\r\n </span> -->\r\n </ng-template>\r\n <ng-template ng-option-tmp let-item=\"item\" class=\"options-list\">\r\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n <span class=\"country-name\">\r\n {{(item.name.length>15) ? (item.name | slice:0:15) + '...': item.name}}\r\n </span>\r\n </ng-template>\r\n </ng-select>\r\n</div>", styles: [".home{width:100%}.home input{margin-right:0vh}.home ng-select{min-width:auto}.home ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input{caret-color:transparent}.home ::ng-deep .ng-dropdown-panel.ng-select-bottom{width:25rem}.home ::ng-deep .ng-clear-wrapper .ng-star-inserted{display:none}.home ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{display:flex;column-gap:1rem;align-items:center!important}.home ::ng-deep .ng-select-container,.home ::ng-deep .ng-has-value{min-height:auto;height:4rem}.home ::ng-deep .ng-select-container .ng-value-container,.home ::ng-deep .ng-has-value .ng-value-container{padding-left:.4rem}.home ::ng-deep .ng-select-container .ng-value-container .ng-value,.home ::ng-deep .ng-select-container .ng-value-container .ng-star-inserted,.home ::ng-deep .ng-has-value .ng-value-container .ng-value,.home ::ng-deep .ng-has-value .ng-value-container .ng-star-inserted{display:inherit;column-gap:1rem;margin-left:.1rem;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "pipe", type: i4.SlicePipe, name: "slice" }] });
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseCountryWithFlagComponent, decorators: [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'choose-country-with-flag', providers: [
|
|
44
|
+
{
|
|
45
|
+
provide: NG_VALUE_ACCESSOR,
|
|
46
|
+
useExisting: forwardRef(() => ChooseCountryWithFlagComponent),
|
|
47
|
+
multi: true
|
|
48
|
+
}
|
|
49
|
+
], template: "<div class=\"home\">\r\n <ng-select (blur)=\"updateBlur()\" class=\"custom\" [items]=\"items\" (change)=\"onSelectionChanged($event)\"\r\n bindLabel=\"name\" bindValue=\"id\" [(ngModel)]=\"selectedItem\" placeholder=\"Choose Country\">\r\n <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n <div class=\"ng-value-label label-container\">\r\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n {{item.code2}}\r\n </div>\r\n <!-- <span class=\"ng-value-icon right\" (click)=\"clear(item)\" aria-hidden=\"true\">\r\n \u00D7\r\n </span> -->\r\n </ng-template>\r\n <ng-template ng-option-tmp let-item=\"item\" class=\"options-list\">\r\n <mat-icon [svgIcon]=\"item?.code2?.toLowerCase()\"></mat-icon>\r\n <span class=\"country-name\">\r\n {{(item.name.length>15) ? (item.name | slice:0:15) + '...': item.name}}\r\n </span>\r\n </ng-template>\r\n </ng-select>\r\n</div>", styles: [".home{width:100%}.home input{margin-right:0vh}.home ng-select{min-width:auto}.home ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input>input{caret-color:transparent}.home ::ng-deep .ng-dropdown-panel.ng-select-bottom{width:25rem}.home ::ng-deep .ng-clear-wrapper .ng-star-inserted{display:none}.home ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{display:flex;column-gap:1rem;align-items:center!important}.home ::ng-deep .ng-select-container,.home ::ng-deep .ng-has-value{min-height:auto;height:4rem}.home ::ng-deep .ng-select-container .ng-value-container,.home ::ng-deep .ng-has-value .ng-value-container{padding-left:.4rem}.home ::ng-deep .ng-select-container .ng-value-container .ng-value,.home ::ng-deep .ng-select-container .ng-value-container .ng-star-inserted,.home ::ng-deep .ng-has-value .ng-value-container .ng-value,.home ::ng-deep .ng-has-value .ng-value-container .ng-star-inserted{display:inherit;column-gap:1rem;margin-left:.1rem;align-items:center}\n"] }]
|
|
50
|
+
}], ctorParameters: function () { return []; }, propDecorators: { items: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], change: [{
|
|
53
|
+
type: Output
|
|
54
|
+
}] } });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBY3pFLE1BQU0sT0FBTyw4QkFBOEI7SUFLekM7UUFGVSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQXFCOUIsb0JBQWUsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ2xDLG1CQUFjLEdBQUcsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBcEJuQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBSUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEVBQU87UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU87UUFDOUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUtELFVBQVU7UUFDUixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQU07UUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7MkhBbENVLDhCQUE4QjsrR0FBOUIsOEJBQThCLDhHQVI5QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO1lBQzdELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FBQywwQkNaTixxakNBbUJNOzJGREpPLDhCQUE4QjtrQkFaMUMsU0FBUzsrQkFDRSwwQkFBMEIsYUFHekI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsK0JBQStCLENBQUM7NEJBQzdELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUFDOzBFQUlLLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENob29zZUNvdW50cnlXaXRoRmxhZ0NvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENob29zZUNvdW50cnlXaXRoRmxhZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIGl0ZW1zOiBhbnlbXTtcclxuICBzZWxlY3RlZEl0ZW06IGFueTtcclxuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XHJcbiAgICB0aGlzLnByb3BvZ2F0ZVRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcclxuICBwcml2YXRlIHByb3BvZ2F0ZVRvdWNoID0gKCkgPT4geyB9O1xyXG5cclxuICB1cGRhdGVCbHVyKCkge1xyXG4gICAgdGhpcy5wcm9wb2dhdGVUb3VjaCgpO1xyXG4gIH1cclxuXHJcbiAgb25TZWxlY3Rpb25DaGFuZ2VkKCRldmVudCkge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy5zZWxlY3RlZEl0ZW0pO1xyXG4gICAgdGhpcy5jaGFuZ2UuZW1pdCgkZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaG9tZVwiPlxyXG4gICAgPG5nLXNlbGVjdCAoYmx1cik9XCJ1cGRhdGVCbHVyKClcIiBjbGFzcz1cImN1c3RvbVwiIFtpdGVtc109XCJpdGVtc1wiIChjaGFuZ2UpPVwib25TZWxlY3Rpb25DaGFuZ2VkKCRldmVudClcIlxyXG4gICAgICAgIGJpbmRMYWJlbD1cIm5hbWVcIiBiaW5kVmFsdWU9XCJpZFwiIFsobmdNb2RlbCldPVwic2VsZWN0ZWRJdGVtXCIgcGxhY2Vob2xkZXI9XCJDaG9vc2UgQ291bnRyeVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1sYWJlbC10bXAgbGV0LWl0ZW09XCJpdGVtXCIgbGV0LWNsZWFyPVwiY2xlYXJcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5nLXZhbHVlLWxhYmVsIGxhYmVsLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIFtzdmdJY29uXT1cIml0ZW0/LmNvZGUyPy50b0xvd2VyQ2FzZSgpXCI+PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgIHt7aXRlbS5jb2RlMn19XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8IS0tIDxzcGFuIGNsYXNzPVwibmctdmFsdWUtaWNvbiByaWdodFwiIChjbGljayk9XCJjbGVhcihpdGVtKVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgw5dcclxuICAgICAgICAgICAgPC9zcGFuPiAtLT5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGNsYXNzPVwib3B0aW9ucy1saXN0XCI+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiBbc3ZnSWNvbl09XCJpdGVtPy5jb2RlMj8udG9Mb3dlckNhc2UoKVwiPjwvbWF0LWljb24+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY291bnRyeS1uYW1lXCI+XHJcbiAgICAgICAgICAgICAgICB7eyhpdGVtLm5hbWUubGVuZ3RoPjE1KSA/IChpdGVtLm5hbWUgfCBzbGljZTowOjE1KSArICcuLi4nOiBpdGVtLm5hbWV9fVxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvbmctc2VsZWN0PlxyXG48L2Rpdj4iXX0=
|