@jooler/jooler-websites-shared 0.0.144 → 0.0.146

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