@jooler/jooler-websites-shared 0.0.172 → 0.0.174

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.
Files changed (154) hide show
  1. package/README.md +24 -24
  2. package/esm2020/jooler-websites-shared.mjs +4 -4
  3. package/esm2020/lib/achievements/achievements.component.mjs +17 -17
  4. package/esm2020/lib/call-to-action-section/call-to-action-section.component.mjs +32 -32
  5. package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.component.mjs +23 -23
  6. package/esm2020/lib/call-to-action-section-two/call-to-action-section-two.model.mjs +3 -3
  7. package/esm2020/lib/choose-country-with-flag/choose-country-with-flag.component.mjs +55 -55
  8. package/esm2020/lib/coming-soon/coming-soon.component.mjs +22 -22
  9. package/esm2020/lib/contact-us-page/contact-us-page.component.mjs +129 -129
  10. package/esm2020/lib/cta-section-style-four/cta-section-style-four.component.mjs +37 -37
  11. package/esm2020/lib/cta-section-style-three/cta-section-style-three.component.mjs +25 -25
  12. package/esm2020/lib/custom-tooltip/custom-tooltip.component.mjs +22 -22
  13. package/esm2020/lib/faq-category-listing/faq-category-listing.component.mjs +25 -25
  14. package/esm2020/lib/faq-listing/faq-listing.component.mjs +25 -25
  15. package/esm2020/lib/get-started-cta/get-started-cta.component.mjs +22 -22
  16. package/esm2020/lib/header-section-one/header-section-one.component.mjs +23 -23
  17. package/esm2020/lib/image-gallery-modal/image-gallery-modal.component.mjs +132 -132
  18. package/esm2020/lib/jooler-websites-shared.module.mjs +211 -211
  19. package/esm2020/lib/models/about-us-section.model.mjs +2 -2
  20. package/esm2020/lib/models/account-type.model.mjs +9 -9
  21. package/esm2020/lib/models/account.model.mjs +3 -3
  22. package/esm2020/lib/models/achievement.model.mjs +3 -3
  23. package/esm2020/lib/models/achievements.model.mjs +3 -3
  24. package/esm2020/lib/models/address.model.mjs +3 -3
  25. package/esm2020/lib/models/brand-logo.model.mjs +2 -2
  26. package/esm2020/lib/models/call-to-action-button.model.mjs +3 -3
  27. package/esm2020/lib/models/call-to-action-data.model.mjs +2 -2
  28. package/esm2020/lib/models/call-to-action-style.model.mjs +2 -0
  29. package/esm2020/lib/models/city.model.mjs +3 -3
  30. package/esm2020/lib/models/country.model.mjs +3 -3
  31. package/esm2020/lib/models/cta-cards.model.mjs +2 -2
  32. package/esm2020/lib/models/cta-one-type.model.mjs +2 -2
  33. package/esm2020/lib/models/cta-section-style-four.model.mjs +2 -2
  34. package/esm2020/lib/models/faq-category.model.mjs +3 -3
  35. package/esm2020/lib/models/faq-subcategory.model.mjs +3 -3
  36. package/esm2020/lib/models/faq.model.mjs +3 -3
  37. package/esm2020/lib/models/feature-section-nine.model.mjs +2 -2
  38. package/esm2020/lib/models/gallery-items-properties.model.mjs +2 -2
  39. package/esm2020/lib/models/get-started-cta.model.mjs +3 -3
  40. package/esm2020/lib/models/header-section-style-one.model.mjs +2 -2
  41. package/esm2020/lib/models/image-section-action.model.mjs +3 -3
  42. package/esm2020/lib/models/image-section.model.mjs +3 -3
  43. package/esm2020/lib/models/image-with-content.model.mjs +2 -2
  44. package/esm2020/lib/models/library-product-type.model.mjs +7 -7
  45. package/esm2020/lib/models/page-section-action.model.mjs +3 -3
  46. package/esm2020/lib/models/page-section-style-thirteen.model.mjs +6 -6
  47. package/esm2020/lib/models/page-section-style-three.model.mjs +2 -2
  48. package/esm2020/lib/models/page-section.model.mjs +3 -3
  49. package/esm2020/lib/models/page-style-section-five.model.mjs +2 -2
  50. package/esm2020/lib/models/perks.model.mjs +3 -3
  51. package/esm2020/lib/models/section-title.model.mjs +2 -2
  52. package/esm2020/lib/models/service-plan.model.mjs +3 -3
  53. package/esm2020/lib/models/team-member.model.mjs +3 -3
  54. package/esm2020/lib/models/team-section.model.mjs +3 -3
  55. package/esm2020/lib/models/user-type.model.mjs +8 -8
  56. package/esm2020/lib/models/user.model.mjs +3 -3
  57. package/esm2020/lib/models/value-prop-properties.model.mjs +2 -2
  58. package/esm2020/lib/models/vertical-side-tab.model.mjs +2 -2
  59. package/esm2020/lib/our-client-listing/our-client-listing.component.mjs +17 -17
  60. package/esm2020/lib/our-clients/our-clients.component.mjs +54 -54
  61. package/esm2020/lib/page-section-style-ten/page-section-style-ten.component.mjs +33 -33
  62. package/esm2020/lib/page-section-style-thirteen/page-section-style-thirteen.component.mjs +43 -43
  63. package/esm2020/lib/page-section-style-three/page-section-style-three.component.mjs +25 -25
  64. package/esm2020/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.mjs +24 -24
  65. package/esm2020/lib/pricing-plans/pricing-plans.component.mjs +30 -30
  66. package/esm2020/lib/section-title/section-title.component.mjs +14 -14
  67. package/esm2020/lib/social-media-icons/social-media-icons.component.mjs +40 -40
  68. package/esm2020/lib/social-media-icons/social-media-links.model.mjs +3 -3
  69. package/esm2020/lib/success-message-dialog/success-message-dialog.component.mjs +22 -22
  70. package/esm2020/lib/team/team.component.mjs +52 -52
  71. package/esm2020/lib/value-prop-card/value-prop-card.component.mjs +20 -20
  72. package/esm2020/lib/value-props-section/value-props-section.component.mjs +33 -33
  73. package/esm2020/lib/values/values.component.mjs +43 -43
  74. package/esm2020/lib/vertical-side-tabs/vertical-side-tabs.component.mjs +33 -33
  75. package/esm2020/public-api.mjs +69 -69
  76. package/fesm2015/jooler-websites-shared.mjs +1064 -1064
  77. package/fesm2015/jooler-websites-shared.mjs.map +1 -1
  78. package/fesm2020/jooler-websites-shared.mjs +1064 -1064
  79. package/fesm2020/jooler-websites-shared.mjs.map +1 -1
  80. package/index.d.ts +5 -5
  81. package/lib/achievements/achievements.component.d.ts +10 -10
  82. package/lib/call-to-action-section/call-to-action-section.component.d.ts +14 -14
  83. package/lib/call-to-action-section-two/call-to-action-section-two.component.d.ts +13 -13
  84. package/lib/call-to-action-section-two/call-to-action-section-two.model.d.ts +6 -6
  85. package/lib/choose-country-with-flag/choose-country-with-flag.component.d.ts +19 -19
  86. package/lib/coming-soon/coming-soon.component.d.ts +8 -8
  87. package/lib/contact-us-page/contact-us-page.component.d.ts +50 -50
  88. package/lib/cta-section-style-four/cta-section-style-four.component.d.ts +15 -15
  89. package/lib/cta-section-style-three/cta-section-style-three.component.d.ts +13 -12
  90. package/lib/custom-tooltip/custom-tooltip.component.d.ts +9 -9
  91. package/lib/faq-category-listing/faq-category-listing.component.d.ts +14 -14
  92. package/lib/faq-listing/faq-listing.component.d.ts +13 -13
  93. package/lib/get-started-cta/get-started-cta.component.d.ts +13 -13
  94. package/lib/header-section-one/header-section-one.component.d.ts +11 -11
  95. package/lib/image-gallery-modal/image-gallery-modal.component.d.ts +27 -27
  96. package/lib/jooler-websites-shared.module.d.ts +44 -44
  97. package/lib/models/about-us-section.model.d.ts +6 -6
  98. package/lib/models/account-type.model.d.ts +7 -7
  99. package/lib/models/account.model.d.ts +16 -16
  100. package/lib/models/achievement.model.d.ts +4 -4
  101. package/lib/models/achievements.model.d.ts +6 -6
  102. package/lib/models/address.model.d.ts +18 -18
  103. package/lib/models/brand-logo.model.d.ts +4 -4
  104. package/lib/models/call-to-action-button.model.d.ts +4 -4
  105. package/lib/models/call-to-action-data.model.d.ts +17 -17
  106. package/lib/models/call-to-action-style.model.d.ts +16 -0
  107. package/lib/models/city.model.d.ts +5 -5
  108. package/lib/models/country.model.d.ts +5 -5
  109. package/lib/models/cta-cards.model.d.ts +7 -7
  110. package/lib/models/cta-one-type.model.d.ts +14 -14
  111. package/lib/models/cta-section-style-four.model.d.ts +8 -8
  112. package/lib/models/faq-category.model.d.ts +9 -9
  113. package/lib/models/faq-subcategory.model.d.ts +8 -8
  114. package/lib/models/faq.model.d.ts +7 -7
  115. package/lib/models/feature-section-nine.model.d.ts +6 -6
  116. package/lib/models/gallery-items-properties.model.d.ts +6 -6
  117. package/lib/models/get-started-cta.model.d.ts +8 -8
  118. package/lib/models/header-section-style-one.model.d.ts +16 -16
  119. package/lib/models/image-section-action.model.d.ts +7 -7
  120. package/lib/models/image-section.model.d.ts +12 -12
  121. package/lib/models/image-with-content.model.d.ts +5 -5
  122. package/lib/models/library-product-type.model.d.ts +5 -5
  123. package/lib/models/page-section-action.model.d.ts +5 -5
  124. package/lib/models/page-section-style-thirteen.model.d.ts +4 -4
  125. package/lib/models/page-section-style-three.model.d.ts +7 -7
  126. package/lib/models/page-section.model.d.ts +11 -11
  127. package/lib/models/page-style-section-five.model.d.ts +11 -11
  128. package/lib/models/perks.model.d.ts +4 -4
  129. package/lib/models/section-title.model.d.ts +7 -7
  130. package/lib/models/service-plan.model.d.ts +12 -12
  131. package/lib/models/team-member.model.d.ts +6 -6
  132. package/lib/models/team-section.model.d.ts +7 -7
  133. package/lib/models/user-type.model.d.ts +6 -6
  134. package/lib/models/user.model.d.ts +11 -11
  135. package/lib/models/value-prop-properties.model.d.ts +6 -6
  136. package/lib/models/vertical-side-tab.model.d.ts +6 -6
  137. package/lib/our-client-listing/our-client-listing.component.d.ts +10 -10
  138. package/lib/our-clients/our-clients.component.d.ts +15 -15
  139. package/lib/page-section-style-ten/page-section-style-ten.component.d.ts +15 -15
  140. package/lib/page-section-style-thirteen/page-section-style-thirteen.component.d.ts +21 -21
  141. package/lib/page-section-style-three/page-section-style-three.component.d.ts +13 -13
  142. package/lib/page-section-with-multiple-cards/page-section-with-multiple-cards.component.d.ts +12 -12
  143. package/lib/pricing-plans/pricing-plans.component.d.ts +15 -15
  144. package/lib/section-title/section-title.component.d.ts +7 -7
  145. package/lib/social-media-icons/social-media-icons.component.d.ts +20 -20
  146. package/lib/social-media-icons/social-media-links.model.d.ts +6 -6
  147. package/lib/success-message-dialog/success-message-dialog.component.d.ts +11 -11
  148. package/lib/team/team.component.d.ts +18 -18
  149. package/lib/value-prop-card/value-prop-card.component.d.ts +11 -11
  150. package/lib/value-props-section/value-props-section.component.d.ts +11 -11
  151. package/lib/values/values.component.d.ts +16 -16
  152. package/lib/vertical-side-tabs/vertical-side-tabs.component.d.ts +14 -14
  153. package/package.json +1 -1
  154. package/public-api.d.ts +65 -65
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: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"achievements\" [ngClass]=\"{'blue-background': sectionContent.sectionTitle.isDarkBg}\">\n <div class=\"content\">\n <div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"achievements-cards\">\n <div class=\"achievement-card\" *ngFor=\"let achievement of sectionContent.achievements\">\n <div class=\"number\">\n {{achievement.number}}\n </div>\n <div class=\"subtitle\">\n {{achievement.subtitle}}\n </div>\n </div>\n </div>\n </div>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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': sectionContent.sectionTitle.isDarkBg}\">\n <div class=\"content\">\n <div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <div class=\"achievements-cards\">\n <div class=\"achievement-card\" *ngFor=\"let achievement of sectionContent.achievements\">\n <div class=\"number\">\n {{achievement.number}}\n </div>\n <div class=\"subtitle\">\n {{achievement.subtitle}}\n </div>\n </div>\n </div>\n </div>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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: { sectionContent: [{
15
- type: Input
16
- }] } });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUSxLQUFLLENBQUM7O2tIQUpILHFCQUFxQjtzR0FBckIscUJBQXFCLGtHQ1JsQyxzcUJBZ0JNOzJGRFJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxjQUFjOzBFQUtmLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjaGlldmVtZW50cyB9IGZyb20gJy4uL21vZGVscy9hY2hpZXZlbWVudHMubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2hpZXZlbWVudHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2FjaGlldmVtZW50cy5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBBY2hpZXZlbWVudHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogQWNoaWV2ZW1lbnRzO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkgeyB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYWNoaWV2ZW1lbnRzXCIgW25nQ2xhc3NdPVwieydibHVlLWJhY2tncm91bmQnOiBzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGUuaXNEYXJrQmd9XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+PC9zZWN0aW9uLXRpdGxlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjaGlldmVtZW50cy1jYXJkc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFjaGlldmVtZW50LWNhcmRcIiAqbmdGb3I9XCJsZXQgYWNoaWV2ZW1lbnQgb2Ygc2VjdGlvbkNvbnRlbnQuYWNoaWV2ZW1lbnRzXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm51bWJlclwiPlxuICAgICAgICAgICAgICAgICAgICB7e2FjaGlldmVtZW50Lm51bWJlcn19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7YWNoaWV2ZW1lbnQuc3VidGl0bGV9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
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: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"achievements\" [ngClass]=\"{'blue-background': sectionContent.sectionTitle.isDarkBg}\">\r\n <div class=\"content\">\r\n <div>\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"achievements-cards\">\r\n <div class=\"achievement-card\" *ngFor=\"let achievement of sectionContent.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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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': sectionContent.sectionTitle.isDarkBg}\">\r\n <div class=\"content\">\r\n <div>\r\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\r\n </div>\r\n <div class=\"achievements-cards\">\r\n <div class=\"achievement-card\" *ngFor=\"let achievement of sectionContent.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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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: { sectionContent: [{
15
+ type: Input
16
+ }] } });
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9hY2hpZXZlbWVudHMvYWNoaWV2ZW1lbnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXpELE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUSxLQUFLLENBQUM7O2tIQUpILHFCQUFxQjtzR0FBckIscUJBQXFCLGtHQ1JsQyxzc0JBZ0JNOzJGRFJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxjQUFjOzBFQUtmLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQWNoaWV2ZW1lbnRzIH0gZnJvbSAnLi4vbW9kZWxzL2FjaGlldmVtZW50cy5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FjaGlldmVtZW50cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjaGlldmVtZW50cy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuL2FjaGlldmVtZW50cy5jb21wb25lbnQuc2NzcycgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWNoaWV2ZW1lbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogQWNoaWV2ZW1lbnRzO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkgeyB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFjaGlldmVtZW50c1wiIFtuZ0NsYXNzXT1cInsnYmx1ZS1iYWNrZ3JvdW5kJzogc2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlLmlzRGFya0JnfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICA8c2VjdGlvbi10aXRsZSBbc2VjdGlvblRpdGxlXT1cInNlY3Rpb25Db250ZW50LnNlY3Rpb25UaXRsZVwiPjwvc2VjdGlvbi10aXRsZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWNoaWV2ZW1lbnRzLWNhcmRzXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhY2hpZXZlbWVudC1jYXJkXCIgKm5nRm9yPVwibGV0IGFjaGlldmVtZW50IG9mIHNlY3Rpb25Db250ZW50LmFjaGlldmVtZW50c1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm51bWJlclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7YWNoaWV2ZW1lbnQubnVtYmVyfX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3thY2hpZXZlbWVudC5zdWJ0aXRsZX19XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
@@ -1,32 +1,32 @@
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 "@fortawesome/angular-fontawesome";
5
- import * as i3 from "@angular/common";
6
- import * as i4 from "@angular/material/button";
7
- export class CallToActionSectionComponent {
8
- constructor(_Router) {
9
- this._Router = _Router;
10
- this.titleOnRightSide = false;
11
- this.imageBg = false;
12
- this.isBoxWithCard = false;
13
- }
14
- onClickButton(route) {
15
- this._Router.navigate([route]);
16
- }
17
- }
18
- CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
19
- CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickButton(button.route)\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickButton(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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 .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.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 .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.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"] }] });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
21
- type: Component,
22
- args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\n 'colored-bg':!imageBg,\n 'image-bg':imageBg\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\n <div class=\"heading-side\">\n <div class=\"title\">{{sectionContent.title}}</div>\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\n <div class=\"buttons\">\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickButton(button.route)\">\n {{button.name}}\n <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n </div>\n </div>\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\n <div class=\"box-title\">\n {{card.title}}\n </div>\n <div class=\"box-description\" *ngIf=\"card.description \">\n {{card.description}}\n </div>\n <div class=\"button\">\n <button type=\"button\" mat-raised-button (click)=\"onClickButton(card.button.route)\">\n {{card.button.name}}\n </button>\n </div>\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\n </div>\n </div>\n </div>\n </div>\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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 .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.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 .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
23
- }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
24
- type: Input
25
- }], titleOnRightSide: [{
26
- type: Input
27
- }], imageBg: [{
28
- type: Input
29
- }], isBoxWithCard: [{
30
- type: Input
31
- }] } });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVVqRCxNQUFNLE9BQU8sNEJBQTRCO0lBTXZDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBSjFCLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUNsQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFDO0lBRUQsQ0FBQztJQUV4QyxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFFLEtBQUssQ0FBRSxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7eUhBVlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsc01DVnpDLHFsREFrQ007MkZEeEJPLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSx3QkFBd0I7NkZBTXpCLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGEgfSBmcm9tICcuLi9tb2RlbHMvY2FsbC10by1hY3Rpb24tZGF0YS5tb2RlbCc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjYWxsLXRvLWFjdGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuc2NzcycgXVxufSlcblxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Db21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogQ2FsbFRvQWN0aW9uU2VjdGlvbkRhdGE7XG4gIEBJbnB1dCgpIHRpdGxlT25SaWdodFNpZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaW1hZ2VCZzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0JveFdpdGhDYXJkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfUm91dGVyOiBSb3V0ZXIpIHsgfVxuXG4gIG9uQ2xpY2tCdXR0b24ocm91dGUpIHtcbiAgICB0aGlzLl9Sb3V0ZXIubmF2aWdhdGUoWyByb3V0ZSBdKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBhZ2VcIj5cbiAgPGRpdiBjbGFzcz1cImN0YS1ib3hcIiBbbmdDbGFzc109XCJ7J3RpdGxlLXJpZ2h0LXNpZGUnOnRpdGxlT25SaWdodFNpZGUsJ3RpdGxlLWxlZnQtc2lkZSc6IXRpdGxlT25SaWdodFNpZGUsXG4gICdjb2xvcmVkLWJnJzohaW1hZ2VCZyxcbiAgJ2ltYWdlLWJnJzppbWFnZUJnXG59XCIgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWltYWdlJzogJ3VybCgnICsgc2VjdGlvbkNvbnRlbnQuYmdJbWFnZSArICcpJywgJ2JhY2tncm91bmQtY29sb3InOiBzZWN0aW9uQ29udGVudC5iZ0NvbG9yfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLXNpZGVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7c2VjdGlvbkNvbnRlbnQudGl0bGV9fTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cInN1YnRpdGxlXCI+e3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImN0YS1saW5rXCIgKm5nRm9yPVwibGV0IGJ1dHRvbiBvZiBzZWN0aW9uQ29udGVudC5idXR0b25zXCIgKGNsaWNrKT1cIm9uQ2xpY2tCdXR0b24oYnV0dG9uLnJvdXRlKVwiPlxuICAgICAgICAgIHt7YnV0dG9uLm5hbWV9fVxuICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9mYS1pY29uPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY3RhLXNpZGVcIiBbbmdDbGFzc109XCJ7J29ubHktYW4taXRlbSc6c2VjdGlvbkNvbnRlbnQuY3RhQ2FyZHMubGVuZ3RoID09IDEgfVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImJveFwiICpuZ0Zvcj1cImxldCBjYXJkIG9mIHNlY3Rpb25Db250ZW50LmN0YUNhcmRzXCIgW25nQ2xhc3NdPVwieydib3gtY2FyZCc6aXNCb3hXaXRoQ2FyZCwgJ2JveC1ub24tY2FyZCc6IWlzQm94V2l0aENhcmR9XCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJjYXJkLmltYWdlXCIgYWx0PVwiXCIgY2xhc3M9XCJpbWFnZVwiICpuZ0lmPVwiY2FyZC5pbWFnZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYm94LXRpdGxlXCI+XG4gICAgICAgICAge3tjYXJkLnRpdGxlfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3gtZGVzY3JpcHRpb25cIiAqbmdJZj1cImNhcmQuZGVzY3JpcHRpb24gXCI+XG4gICAgICAgICAge3tjYXJkLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25cIj5cbiAgICAgICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvbiAoY2xpY2spPVwib25DbGlja0J1dHRvbihjYXJkLmJ1dHRvbi5yb3V0ZSlcIj5cbiAgICAgICAgICAgIHt7Y2FyZC5idXR0b24ubmFtZX19XG4gICAgICAgICAgPC9idXR0b24+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 "@fortawesome/angular-fontawesome";
5
+ import * as i3 from "@angular/common";
6
+ import * as i4 from "@angular/material/button";
7
+ export class CallToActionSectionComponent {
8
+ constructor(_Router) {
9
+ this._Router = _Router;
10
+ this.titleOnRightSide = false;
11
+ this.imageBg = false;
12
+ this.isBoxWithCard = false;
13
+ }
14
+ onClickButton(route) {
15
+ this._Router.navigate([route]);
16
+ }
17
+ }
18
+ CallToActionSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
19
+ CallToActionSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallToActionSectionComponent, selector: "call-to-action-section", inputs: { sectionContent: "sectionContent", titleOnRightSide: "titleOnRightSide", imageBg: "imageBg", isBoxWithCard: "isBoxWithCard" }, ngImport: i0, template: "<div class=\"page\">\r\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n 'colored-bg':!imageBg,\r\n 'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n <div class=\"heading-side\">\r\n <div class=\"title\">{{sectionContent.title}}</div>\r\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n <div class=\"buttons\">\r\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickButton(button.route)\">\r\n {{button.name}}\r\n <fa-icon icon=\"chevron-right\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n <div class=\"box-title\">\r\n {{card.title}}\r\n </div>\r\n <div class=\"box-description\" *ngIf=\"card.description \">\r\n {{card.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button (click)=\"onClickButton(card.button.route)\">\r\n {{card.button.name}}\r\n </button>\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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 .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.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 .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.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"] }] });
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionComponent, decorators: [{
21
+ type: Component,
22
+ args: [{ selector: 'call-to-action-section', template: "<div class=\"page\">\r\n <div class=\"cta-box\" [ngClass]=\"{'title-right-side':titleOnRightSide,'title-left-side':!titleOnRightSide,\r\n 'colored-bg':!imageBg,\r\n 'image-bg':imageBg\r\n}\" [ngStyle]=\"{'background-image': 'url(' + sectionContent.bgImage + ')', 'background-color': sectionContent.bgColor}\">\r\n <div class=\"heading-side\">\r\n <div class=\"title\">{{sectionContent.title}}</div>\r\n <div class=\"subtitle\">{{sectionContent.subtitle}}</div>\r\n <div class=\"buttons\">\r\n <span class=\"cta-link\" *ngFor=\"let button of sectionContent.buttons\" (click)=\"onClickButton(button.route)\">\r\n {{button.name}}\r\n <fa-icon icon=\"chevron-right\"></fa-icon>\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"cta-side\" [ngClass]=\"{'only-an-item':sectionContent.ctaCards.length == 1 }\">\r\n <div class=\"box\" *ngFor=\"let card of sectionContent.ctaCards\" [ngClass]=\"{'box-card':isBoxWithCard, 'box-non-card':!isBoxWithCard}\">\r\n <img [src]=\"card.image\" alt=\"\" class=\"image\" *ngIf=\"card.image\">\r\n <div class=\"box-title\">\r\n {{card.title}}\r\n </div>\r\n <div class=\"box-description\" *ngIf=\"card.description \">\r\n {{card.description}}\r\n </div>\r\n <div class=\"button\">\r\n <button type=\"button\" mat-raised-button (click)=\"onClickButton(card.button.route)\">\r\n {{card.button.name}}\r\n </button>\r\n </div>\r\n <div class=\"divider\" *ngIf=\"!isBoxWithCard && sectionContent.ctaCards.length > 1 \">\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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}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 .title-right-side{flex-direction:row-reverse}.page .title-left-side{flex-direction:row}.page .image-bg{background-position:center;background-size:cover}.page .colored-bg{background-color:#f7f8f9}.page .colored-bg .bg-image{display:none}.page .cta-box{width:100%;display:flex;column-gap:2%;border-radius:1.5rem;position:relative;box-shadow:.2rem .2rem .4rem #00000040;padding:3rem}.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 .heading-side{display:flex;flex-direction:column;row-gap:1.5rem;width:40%}.page .cta-box .heading-side .title{color:#155ed4;font-size:3rem;font-weight:700}.page .cta-box .heading-side .subtitle{font-size:2rem;color:#32353b}.page .cta-box .heading-side .buttons{display:flex;flex-direction:row;column-gap:2rem}.page .cta-box .heading-side .buttons .cta-link{padding:.5 rem;color:#155ed4;font-size:1.6rem;cursor:pointer;transition:all ease-in-out .2s;border-bottom:.2rem solid transparent;display:flex;flex-direction:row;column-gap:1.5rem}.page .cta-box .heading-side .buttons .cta-link:hover{border-bottom:.2rem solid #155ED4}.page .cta-box .heading-side .buttons .cta-link:nth-child(even){color:#32353b}.page .cta-box .heading-side .buttons .cta-link:nth-child(even):hover{border-bottom:.2rem solid #32353B}.page .cta-box .only-an-item{justify-content:right}.page .cta-box .cta-side{display:flex;flex-direction:row;column-gap:2%;padding:1rem;height:100%;width:58%;align-items:center;padding:2rem 0}.page .cta-box .cta-side .box-card{background:#32353B;border-radius:1rem;color:#fff;box-shadow:#32325d40 0 1.3rem 2.7rem -.5rem,#0000004d 0 .8rem 1.6rem -.8rem;border:.2rem solid #ffffff;padding:1.5rem}.page .cta-box .cta-side .box-card .button button{color:#155ed4;background-color:#f7f8f9}.page .cta-box .cta-side .box-non-card{color:#32353b;height:100%}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button{padding-left:1rem;border-left:.3rem transparent solid}.page .cta-box .cta-side .box-non-card .image{margin-left:1.3rem}.page .cta-box .cta-side .box-non-card .box-title{border-left:.3rem #155ED4 solid}.page .cta-box .cta-side .box-non-card .button button{color:#fff;background-color:#32353b}.page .cta-box .cta-side .box{align-self:center;width:49%;display:flex;flex-direction:column;row-gap:1.5rem}.page .cta-box .cta-side .box .image{width:5rem;height:5rem;object-fit:cover;border-radius:.7rem;box-shadow:#0000003d 0 .3rem .8rem}.page .cta-box .cta-side .box .box-title{font-size:2.2rem;font-weight:700}.page .cta-box .cta-side .box .box-description{font-weight:400;font-size:1.8rem;margin-bottom:1rem;width:80%}.page .cta-box .cta-side .box .button button{padding:1rem;font-size:1.4rem;font-weight:600;font-family:inherit}.page .cta-box .divider{display:none}@media only screen and (max-width: 75em){.page .cta-box{flex-direction:column;row-gap:2rem}.page .cta-box .only-an-item{justify-content:center;width:50%;text-align:center}.page .cta-box .only-an-item .box{margin:auto;text-align:center}.page .cta-box .only-an-item .box .box-title,.page .cta-box .only-an-item .box .box-description,.page .cta-box .only-an-item .box .button,.page .cta-box .only-an-item .box .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .only-an-item .box .box-title{border-left:none}.page .cta-box .cta-side,.page .cta-box .heading-side{width:100%}}@media only screen and (max-width: 37.5em){.page .cta-box .cta-side{flex-direction:column;row-gap:4rem}.page .cta-box .cta-side .box-non-card{margin:auto;text-align:center}.page .cta-box .cta-side .box-non-card .box-title,.page .cta-box .cta-side .box-non-card .box-description,.page .cta-box .cta-side .box-non-card .button,.page .cta-box .cta-side .box-non-card .image{padding-left:0;border-left:none;margin:auto}.page .cta-box .cta-side .box-non-card .box-title{border-left:none}.page .cta-box .cta-side .box-non-card:first-child .divider{display:grid;width:40%;border:.2rem solid #155ED4;margin:2.5rem auto 0}.page .cta-box .cta-side .box{width:100%}.page .cta-box .cta-side .box .box-title{font-size:2rem}.page .cta-box .cta-side .box .box-description{font-size:1.6rem}.page .cta-box .heading-side{text-align:center}.page .cta-box .heading-side .buttons{justify-content:center}}\n"] }]
23
+ }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
24
+ type: Input
25
+ }], titleOnRightSide: [{
26
+ type: Input
27
+ }], imageBg: [{
28
+ type: Input
29
+ }], isBoxWithCard: [{
30
+ type: Input
31
+ }] } });
32
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVVqRCxNQUFNLE9BQU8sNEJBQTRCO0lBTXZDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBSjFCLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUNsQyxZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFDO0lBRUQsQ0FBQztJQUV4QyxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFFLEtBQUssQ0FBRSxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7eUhBVlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsc01DVnpDLHlwREFrQ007MkZEeEJPLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSx3QkFBd0I7NkZBTXpCLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uRGF0YSB9IGZyb20gJy4uL21vZGVscy9jYWxsLXRvLWFjdGlvbi1kYXRhLm1vZGVsJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2FsbC10by1hY3Rpb24tc2VjdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJyBdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQ2FsbFRvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IENhbGxUb0FjdGlvblNlY3Rpb25EYXRhO1xyXG4gIEBJbnB1dCgpIHRpdGxlT25SaWdodFNpZGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpbWFnZUJnOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNCb3hXaXRoQ2FyZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9Sb3V0ZXI6IFJvdXRlcikgeyB9XHJcblxyXG4gIG9uQ2xpY2tCdXR0b24ocm91dGUpIHtcclxuICAgIHRoaXMuX1JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGFnZVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjdGEtYm94XCIgW25nQ2xhc3NdPVwieyd0aXRsZS1yaWdodC1zaWRlJzp0aXRsZU9uUmlnaHRTaWRlLCd0aXRsZS1sZWZ0LXNpZGUnOiF0aXRsZU9uUmlnaHRTaWRlLFxyXG4gICdjb2xvcmVkLWJnJzohaW1hZ2VCZyxcclxuICAnaW1hZ2UtYmcnOmltYWdlQmdcclxufVwiIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoJyArIHNlY3Rpb25Db250ZW50LmJnSW1hZ2UgKyAnKScsICdiYWNrZ3JvdW5kLWNvbG9yJzogc2VjdGlvbkNvbnRlbnQuYmdDb2xvcn1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nLXNpZGVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3tzZWN0aW9uQ29udGVudC50aXRsZX19PC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7c2VjdGlvbkNvbnRlbnQuc3VidGl0bGV9fTwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiY3RhLWxpbmtcIiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIHNlY3Rpb25Db250ZW50LmJ1dHRvbnNcIiAoY2xpY2spPVwib25DbGlja0J1dHRvbihidXR0b24ucm91dGUpXCI+XHJcbiAgICAgICAgICB7e2J1dHRvbi5uYW1lfX1cclxuICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjdGEtc2lkZVwiIFtuZ0NsYXNzXT1cInsnb25seS1hbi1pdGVtJzpzZWN0aW9uQ29udGVudC5jdGFDYXJkcy5sZW5ndGggPT0gMSB9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJib3hcIiAqbmdGb3I9XCJsZXQgY2FyZCBvZiBzZWN0aW9uQ29udGVudC5jdGFDYXJkc1wiIFtuZ0NsYXNzXT1cInsnYm94LWNhcmQnOmlzQm94V2l0aENhcmQsICdib3gtbm9uLWNhcmQnOiFpc0JveFdpdGhDYXJkfVwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJjYXJkLmltYWdlXCIgYWx0PVwiXCIgY2xhc3M9XCJpbWFnZVwiICpuZ0lmPVwiY2FyZC5pbWFnZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib3gtdGl0bGVcIj5cclxuICAgICAgICAgIHt7Y2FyZC50aXRsZX19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJveC1kZXNjcmlwdGlvblwiICpuZ0lmPVwiY2FyZC5kZXNjcmlwdGlvbiBcIj5cclxuICAgICAgICAgIHt7Y2FyZC5kZXNjcmlwdGlvbn19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvblwiPlxyXG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0LXJhaXNlZC1idXR0b24gKGNsaWNrKT1cIm9uQ2xpY2tCdXR0b24oY2FyZC5idXR0b24ucm91dGUpXCI+XHJcbiAgICAgICAgICAgIHt7Y2FyZC5idXR0b24ubmFtZX19XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiICpuZ0lmPVwiIWlzQm94V2l0aENhcmQgJiYgc2VjdGlvbkNvbnRlbnQuY3RhQ2FyZHMubGVuZ3RoID4gMSBcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
@@ -1,23 +1,23 @@
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
- export class CallToActionSectionTwoComponent {
6
- constructor(_router) {
7
- this._router = _router;
8
- }
9
- ngOnInit() {
10
- }
11
- onClickLink(link) {
12
- this._router.navigate([link]);
13
- }
14
- }
15
- CallToActionSectionTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
16
- 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: "<section class=\"section\">\n <header class=\"logo-container\" *ngIf=\"sectionContent.withImage\">\n <img class=\"logo\" [src]=\"sectionContent.imagePath\" alt=\"Logo\">\n </header>\n <h1 class=\"title\">\n {{sectionContent.title}}\n </h1>\n <h3 class=\"subtitle\">\n {{sectionContent.subtitle}}<ng-content></ng-content>\n </h3>\n</section>", 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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:1.5rem;border-radius:1.5rem;padding:2rem;width:100%;justify-content:center;text-align:center}.section .logo-container{width:8rem;margin:auto}.section .logo-container .logo{width:100%}.section .title{font-size:3.4rem;font-weight:700;color:#155ed4}.section .description,.section .subtitle{color:#32353b;font-size:2rem;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, decorators: [{
18
- type: Component,
19
- args: [{ selector: 'call-to-action-section-two', template: "<section class=\"section\">\n <header class=\"logo-container\" *ngIf=\"sectionContent.withImage\">\n <img class=\"logo\" [src]=\"sectionContent.imagePath\" alt=\"Logo\">\n </header>\n <h1 class=\"title\">\n {{sectionContent.title}}\n </h1>\n <h3 class=\"subtitle\">\n {{sectionContent.subtitle}}<ng-content></ng-content>\n </h3>\n</section>", 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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:1.5rem;border-radius:1.5rem;padding:2rem;width:100%;justify-content:center;text-align:center}.section .logo-container{width:8rem;margin:auto}.section .logo-container .logo{width:100%}.section .title{font-size:3.4rem;font-weight:700;color:#155ed4}.section .description,.section .subtitle{color:#32353b;font-size:2rem;font-weight:500}\n"] }]
20
- }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
21
- type: Input
22
- }] } });
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN6RCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUMvQixDQUFDOzs0SEFWVSwrQkFBK0I7Z0hBQS9CLCtCQUErQixnSENUNUMsNlhBVVU7MkZEREcsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDRCQUE0Qjs2RkFLN0IsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IENhbGxUb0FjdGlvblNlY3Rpb25Ud28gfSBmcm9tICcuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28nLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Ud29Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogQ2FsbFRvQWN0aW9uU2VjdGlvblR3bztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvbkNsaWNrTGluayhsaW5rOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW2xpbmtdKVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgICA8aGVhZGVyIGNsYXNzPVwibG9nby1jb250YWluZXJcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50LndpdGhJbWFnZVwiPlxuICAgICAgICA8aW1nIGNsYXNzPVwibG9nb1wiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VQYXRoXCIgYWx0PVwiTG9nb1wiPlxuICAgIDwvaGVhZGVyPlxuICAgIDxoMSBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGl0bGV9fVxuICAgIDwvaDE+XG4gICAgPGgzIGNsYXNzPVwic3VidGl0bGVcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5zdWJ0aXRsZX19PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvaDM+XG48L3NlY3Rpb24+Il19
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
+ export class CallToActionSectionTwoComponent {
6
+ constructor(_router) {
7
+ this._router = _router;
8
+ }
9
+ ngOnInit() {
10
+ }
11
+ onClickLink(link) {
12
+ this._router.navigate([link]);
13
+ }
14
+ }
15
+ CallToActionSectionTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
16
+ 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: "<section class=\"section\">\r\n <header class=\"logo-container\" *ngIf=\"sectionContent.withImage\">\r\n <img class=\"logo\" [src]=\"sectionContent.imagePath\" alt=\"Logo\">\r\n </header>\r\n <h1 class=\"title\">\r\n {{sectionContent.title}}\r\n </h1>\r\n <h3 class=\"subtitle\">\r\n {{sectionContent.subtitle}}<ng-content></ng-content>\r\n </h3>\r\n</section>", 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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:1.5rem;border-radius:1.5rem;padding:2rem;width:100%;justify-content:center;text-align:center}.section .logo-container{width:8rem;margin:auto}.section .logo-container .logo{width:100%}.section .title{font-size:3.4rem;font-weight:700;color:#155ed4}.section .description,.section .subtitle{color:#32353b;font-size:2rem;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallToActionSectionTwoComponent, decorators: [{
18
+ type: Component,
19
+ args: [{ selector: 'call-to-action-section-two', template: "<section class=\"section\">\r\n <header class=\"logo-container\" *ngIf=\"sectionContent.withImage\">\r\n <img class=\"logo\" [src]=\"sectionContent.imagePath\" alt=\"Logo\">\r\n </header>\r\n <h1 class=\"title\">\r\n {{sectionContent.title}}\r\n </h1>\r\n <h3 class=\"subtitle\">\r\n {{sectionContent.subtitle}}<ng-content></ng-content>\r\n </h3>\r\n</section>", 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%}}@font-face{font-family:maiandra;src:url(./assets/Maiandra.ttf)}app-root{font-size:1.6rem;font-family:maiandra}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:1.5rem;border-radius:1.5rem;padding:2rem;width:100%;justify-content:center;text-align:center}.section .logo-container{width:8rem;margin:auto}.section .logo-container .logo{width:100%}.section .title{font-size:3.4rem;font-weight:700;color:#155ed4}.section .description,.section .subtitle{color:#32353b;font-size:2rem;font-weight:500}\n"] }]
20
+ }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
21
+ type: Input
22
+ }] } });
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN6RCxNQUFNLE9BQU8sK0JBQStCO0lBRzFDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxRQUFRO0lBQ1IsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUMvQixDQUFDOzs0SEFWVSwrQkFBK0I7Z0hBQS9CLCtCQUErQixnSENUNUMsaVpBVVU7MkZEREcsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDRCQUE0Qjs2RkFLN0IsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBDYWxsVG9BY3Rpb25TZWN0aW9uVHdvIH0gZnJvbSAnLi9jYWxsLXRvLWFjdGlvbi1zZWN0aW9uLXR3by5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhbGwtdG8tYWN0aW9uLXNlY3Rpb24tdHdvLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Ud29Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBDYWxsVG9BY3Rpb25TZWN0aW9uVHdvO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9yb3V0ZXI6IFJvdXRlcikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0xpbmsobGluazogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9yb3V0ZXIubmF2aWdhdGUoW2xpbmtdKVxyXG4gIH1cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cclxuICAgIDxoZWFkZXIgY2xhc3M9XCJsb2dvLWNvbnRhaW5lclwiICpuZ0lmPVwic2VjdGlvbkNvbnRlbnQud2l0aEltYWdlXCI+XHJcbiAgICAgICAgPGltZyBjbGFzcz1cImxvZ29cIiBbc3JjXT1cInNlY3Rpb25Db250ZW50LmltYWdlUGF0aFwiIGFsdD1cIkxvZ29cIj5cclxuICAgIDwvaGVhZGVyPlxyXG4gICAgPGgxIGNsYXNzPVwidGl0bGVcIj5cclxuICAgICAgICB7e3NlY3Rpb25Db250ZW50LnRpdGxlfX1cclxuICAgIDwvaDE+XHJcbiAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZVwiPlxyXG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQuc3VidGl0bGV9fTxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvaDM+XHJcbjwvc2VjdGlvbj4iXX0=
@@ -1,3 +1,3 @@
1
- export class CallToActionSectionTwo {
2
- }
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxPQUFPLHNCQUFzQjtDQUtsQyIsInNvdXJjZXNDb250ZW50IjpbIlxuZXhwb3J0IGNsYXNzIENhbGxUb0FjdGlvblNlY3Rpb25Ud28ge1xuICAgIHdpdGhJbWFnZTogYm9vbGVhbjtcbiAgICBpbWFnZVBhdGg6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHN1YnRpdGxlOiBzdHJpbmc7XG59Il19
1
+ export class CallToActionSectionTwo {
2
+ }
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28vY2FsbC10by1hY3Rpb24tc2VjdGlvbi10d28ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxPQUFPLHNCQUFzQjtDQUtsQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5leHBvcnQgY2xhc3MgQ2FsbFRvQWN0aW9uU2VjdGlvblR3byB7XHJcbiAgICB3aXRoSW1hZ2U6IGJvb2xlYW47XHJcbiAgICBpbWFnZVBhdGg6IHN0cmluZztcclxuICAgIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBzdWJ0aXRsZTogc3RyaW5nO1xyXG59Il19
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcvY2hvb3NlLWNvdW50cnktd2l0aC1mbGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7O0FBY3pFLE1BQU0sT0FBTyw4QkFBOEI7SUFLekM7UUFGVSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQXFCOUIsb0JBQWUsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ2xDLG1CQUFjLEdBQUcsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBcEJuQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBSUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEVBQU87UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU87UUFDOUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUtELFVBQVU7UUFDUixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQU07UUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7MkhBbENVLDhCQUE4QjsrR0FBOUIsOEJBQThCLDhHQVI5QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDhCQUE4QixDQUFDO1lBQzdELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FBQywwQkNaTiwrZ0NBbUJNOzJGREpPLDhCQUE4QjtrQkFaMUMsU0FBUzsrQkFDRSwwQkFBMEIsYUFHekI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsK0JBQStCLENBQUM7NEJBQzdELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUFDOzBFQUlLLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Nob29zZS1jb3VudHJ5LXdpdGgtZmxhZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaG9vc2UtY291bnRyeS13aXRoLWZsYWcuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaG9vc2VDb3VudHJ5V2l0aEZsYWdDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XVxufSlcblxuZXhwb3J0IGNsYXNzIENob29zZUNvdW50cnlXaXRoRmxhZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBpdGVtczogYW55W107XG4gIHNlbGVjdGVkSXRlbTogYW55O1xuICBAT3V0cHV0KCkgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuXG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpIHtcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICB0aGlzLnByb3BvZ2F0ZVRvdWNoID0gZm47XG4gIH1cblxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcbiAgcHJpdmF0ZSBwcm9wb2dhdGVUb3VjaCA9ICgpID0+IHsgfTtcblxuICB1cGRhdGVCbHVyKCkge1xuICAgIHRoaXMucHJvcG9nYXRlVG91Y2goKTtcbiAgfVxuXG4gIG9uU2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpIHtcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnNlbGVjdGVkSXRlbSk7XG4gICAgdGhpcy5jaGFuZ2UuZW1pdCgkZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaG9tZVwiPlxuICAgIDxuZy1zZWxlY3QgKGJsdXIpPVwidXBkYXRlQmx1cigpXCIgY2xhc3M9XCJjdXN0b21cIiBbaXRlbXNdPVwiaXRlbXNcIiAoY2hhbmdlKT1cIm9uU2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgYmluZExhYmVsPVwibmFtZVwiIGJpbmRWYWx1ZT1cImlkXCIgWyhuZ01vZGVsKV09XCJzZWxlY3RlZEl0ZW1cIiBwbGFjZWhvbGRlcj1cIkNob29zZSBDb3VudHJ5XCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1sYWJlbC10bXAgbGV0LWl0ZW09XCJpdGVtXCIgbGV0LWNsZWFyPVwiY2xlYXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuZy12YWx1ZS1sYWJlbCBsYWJlbC1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24gW3N2Z0ljb25dPVwiaXRlbT8uY29kZTI/LnRvTG93ZXJDYXNlKClcIj48L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIHt7aXRlbS5jb2RlMn19XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwhLS0gPHNwYW4gY2xhc3M9XCJuZy12YWx1ZS1pY29uIHJpZ2h0XCIgKGNsaWNrKT1cImNsZWFyKGl0ZW0pXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgw5dcbiAgICAgICAgICAgIDwvc3Bhbj4gLS0+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGNsYXNzPVwib3B0aW9ucy1saXN0XCI+XG4gICAgICAgICAgICA8bWF0LWljb24gW3N2Z0ljb25dPVwiaXRlbT8uY29kZTI/LnRvTG93ZXJDYXNlKClcIj48L21hdC1pY29uPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjb3VudHJ5LW5hbWVcIj5cbiAgICAgICAgICAgICAgICB7eyhpdGVtLm5hbWUubGVuZ3RoPjE1KSA/IChpdGVtLm5hbWUgfCBzbGljZTowOjE1KSArICcuLi4nOiBpdGVtLm5hbWV9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctc2VsZWN0PlxuPC9kaXY+Il19
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=