@jooler/jooler-websites-shared 0.0.155 → 0.0.156

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 (33) hide show
  1. package/esm2020/lib/jooler-websites-shared.module.mjs +2 -62
  2. package/esm2020/public-api.mjs +1 -13
  3. package/fesm2015/jooler-websites-shared.mjs +25 -337
  4. package/fesm2015/jooler-websites-shared.mjs.map +1 -1
  5. package/fesm2020/jooler-websites-shared.mjs +25 -337
  6. package/fesm2020/jooler-websites-shared.mjs.map +1 -1
  7. package/lib/jooler-websites-shared.module.d.ts +11 -23
  8. package/package.json +1 -1
  9. package/public-api.d.ts +0 -12
  10. package/esm2020/lib/feature-detail-item-one/feature-detail-item-one.component.mjs +0 -14
  11. package/esm2020/lib/feature-detail-item-three/feature-detail-item-three.component.mjs +0 -28
  12. package/esm2020/lib/feature-detail-item-two/feature-detail-item-two.component.mjs +0 -13
  13. package/esm2020/lib/feature-section-eight/feature-section-eight.component.mjs +0 -17
  14. package/esm2020/lib/feature-section-five/feature-section-five.component.mjs +0 -24
  15. package/esm2020/lib/feature-section-four/feature-section-four.component.mjs +0 -31
  16. package/esm2020/lib/feature-section-nine/feature-section-nine.component.mjs +0 -22
  17. package/esm2020/lib/feature-section-one/feature-section-one.component.mjs +0 -23
  18. package/esm2020/lib/feature-section-seven/feature-section-seven.component.mjs +0 -32
  19. package/esm2020/lib/feature-section-six/feature-section-six.component.mjs +0 -77
  20. package/esm2020/lib/feature-section-three/feature-section-three.component.mjs +0 -16
  21. package/esm2020/lib/feature-section-two/feature-section-two.component.mjs +0 -21
  22. package/lib/feature-detail-item-one/feature-detail-item-one.component.d.ts +0 -6
  23. package/lib/feature-detail-item-three/feature-detail-item-three.component.d.ts +0 -11
  24. package/lib/feature-detail-item-two/feature-detail-item-two.component.d.ts +0 -6
  25. package/lib/feature-section-eight/feature-section-eight.component.d.ts +0 -6
  26. package/lib/feature-section-five/feature-section-five.component.d.ts +0 -10
  27. package/lib/feature-section-four/feature-section-four.component.d.ts +0 -10
  28. package/lib/feature-section-nine/feature-section-nine.component.d.ts +0 -9
  29. package/lib/feature-section-one/feature-section-one.component.d.ts +0 -8
  30. package/lib/feature-section-seven/feature-section-seven.component.d.ts +0 -11
  31. package/lib/feature-section-six/feature-section-six.component.d.ts +0 -19
  32. package/lib/feature-section-three/feature-section-three.component.d.ts +0 -6
  33. package/lib/feature-section-two/feature-section-two.component.d.ts +0 -9
package/lib/jooler-websites-shared.module.d.ts CHANGED
@@ -26,30 +26,18 @@ import * as i24 from "./value-props-section/value-props-section.component";
26
26
  import * as i25 from "./cta-section-style-three/cta-section-style-three.component";
27
27
  import * as i26 from "./header-section-one/header-section-one.component";
28
28
  import * as i27 from "./custom-tooltip/custom-tooltip.component";
29
- import * as i28 from "./feature-section-one/feature-section-one.component";
30
- import * as i29 from "./feature-section-two/feature-section-two.component";
31
- import * as i30 from "./feature-section-three/feature-section-three.component";
32
- import * as i31 from "./feature-detail-item-one/feature-detail-item-one.component";
33
- import * as i32 from "./feature-detail-item-two/feature-detail-item-two.component";
34
- import * as i33 from "./feature-detail-item-three/feature-detail-item-three.component";
35
- import * as i34 from "./feature-section-four/feature-section-four.component";
36
- import * as i35 from "./feature-section-five/feature-section-five.component";
37
- import * as i36 from "./feature-section-six/feature-section-six.component";
38
- import * as i37 from "./feature-section-seven/feature-section-seven.component";
39
- import * as i38 from "./feature-section-eight/feature-section-eight.component";
40
- import * as i39 from "./feature-section-nine/feature-section-nine.component";
41
- import * as i40 from "./vertical-side-tabs/vertical-side-tabs.component";
42
- import * as i41 from "@fortawesome/angular-fontawesome";
43
- import * as i42 from "@angular/common";
44
- import * as i43 from "@jooler/app-material";
45
- import * as i44 from "@jooler/font-awesome-shared";
46
- import * as i45 from "primeng/galleria";
47
- import * as i46 from "primeng/carousel";
48
- import * as i47 from "@angular/forms";
49
- import * as i48 from "@ng-select/ng-select";
50
- import * as i49 from "@angular/material/tooltip";
29
+ import * as i28 from "./vertical-side-tabs/vertical-side-tabs.component";
30
+ import * as i29 from "@fortawesome/angular-fontawesome";
31
+ import * as i30 from "@angular/common";
32
+ import * as i31 from "@jooler/app-material";
33
+ import * as i32 from "@jooler/font-awesome-shared";
34
+ import * as i33 from "primeng/galleria";
35
+ import * as i34 from "primeng/carousel";
36
+ import * as i35 from "@angular/forms";
37
+ import * as i36 from "@ng-select/ng-select";
38
+ import * as i37 from "@angular/material/tooltip";
51
39
  export declare class JoolerWebsitesSharedModule {
52
40
  static ɵfac: i0.ɵɵFactoryDeclaration<JoolerWebsitesSharedModule, never>;
53
- static ɵmod: i0.ɵɵNgModuleDeclaration<JoolerWebsitesSharedModule, [typeof i1.SocialMediaIconsComponent, typeof i2.ComingSoonComponent, typeof i3.AchievementsComponent, typeof i4.CallToActionSectionComponent, typeof i5.GetStartedCTAComponent, typeof i6.ImageGalleryModal, typeof i7.PageSectionStyleTenComponent, typeof i8.PageSectionStyleThirteenComponent, typeof i9.PricingPlansComponent, typeof i10.SectionTitleComponent, typeof i11.SuccessMessageDialogComponent, typeof i12.TeamComponent, typeof i13.ValuesComponent, typeof i14.OurClientsComponent, typeof i15.OurClientListingComponent, typeof i16.PageSectionWithMultipleCardsComponent, typeof i17.CallToActionSectionTwoComponent, typeof i18.CtaSectionStyleFourComponent, typeof i19.ContactUsPageComponent, typeof i20.ChooseCountryWithFlagComponent, typeof i21.PageSectionStyleThreeComponent, typeof i22.FaqCategoryListingComponent, typeof i23.FaqListingComponent, typeof i24.ValuePropsSectionComponent, typeof i25.CtaSectionStyleThreeComponent, typeof i26.HeaderSectionOneComponent, typeof i27.CustomTooltipComponent, typeof i28.FeatureSectionOneComponent, typeof i29.FeatureSectionTwoComponent, typeof i30.FeatureSectionThreeComponent, typeof i31.FeatureDetailItemOneComponent, typeof i32.FeatureDetailItemTwoComponent, typeof i33.FeatureDetailItemThreeComponent, typeof i34.FeatureSectionFourComponent, typeof i35.FeatureSectionFiveComponent, typeof i36.FeatureSectionSixComponent, typeof i37.FeatureSectionSevenComponent, typeof i38.FeatureSectionEightComponent, typeof i39.FeatureSectionNineComponent, typeof i40.VerticalSideTabsComponent], [typeof i41.FontAwesomeModule, typeof i42.CommonModule, typeof i43.AppMaterialModule, typeof i44.FontAwesomeSharedModule, typeof i45.GalleriaModule, typeof i46.CarouselModule, typeof i47.ReactiveFormsModule, typeof i47.FormsModule, typeof i48.NgSelectModule, typeof i49.MatTooltipModule], [typeof i41.FontAwesomeModule, typeof i43.AppMaterialModule, typeof i10.SectionTitleComponent, typeof i7.PageSectionStyleTenComponent, typeof i44.FontAwesomeSharedModule, typeof i5.GetStartedCTAComponent, typeof i3.AchievementsComponent, typeof i9.PricingPlansComponent, typeof i8.PageSectionStyleThirteenComponent, typeof i6.ImageGalleryModal, typeof i11.SuccessMessageDialogComponent, typeof i4.CallToActionSectionComponent, typeof i12.TeamComponent, typeof i13.ValuesComponent, typeof i14.OurClientsComponent, typeof i15.OurClientListingComponent, typeof i16.PageSectionWithMultipleCardsComponent, typeof i17.CallToActionSectionTwoComponent, typeof i19.ContactUsPageComponent, typeof i20.ChooseCountryWithFlagComponent, typeof i21.PageSectionStyleThreeComponent, typeof i2.ComingSoonComponent, typeof i1.SocialMediaIconsComponent, typeof i49.MatTooltipModule, typeof i22.FaqCategoryListingComponent, typeof i23.FaqListingComponent, typeof i24.ValuePropsSectionComponent, typeof i18.CtaSectionStyleFourComponent, typeof i25.CtaSectionStyleThreeComponent, typeof i26.HeaderSectionOneComponent, typeof i27.CustomTooltipComponent, typeof i28.FeatureSectionOneComponent, typeof i29.FeatureSectionTwoComponent, typeof i30.FeatureSectionThreeComponent, typeof i34.FeatureSectionFourComponent, typeof i35.FeatureSectionFiveComponent, typeof i36.FeatureSectionSixComponent, typeof i37.FeatureSectionSevenComponent, typeof i38.FeatureSectionEightComponent, typeof i39.FeatureSectionNineComponent, typeof i31.FeatureDetailItemOneComponent, typeof i32.FeatureDetailItemTwoComponent, typeof i33.FeatureDetailItemThreeComponent, typeof i40.VerticalSideTabsComponent]>;
41
+ static ɵmod: i0.ɵɵNgModuleDeclaration<JoolerWebsitesSharedModule, [typeof i1.SocialMediaIconsComponent, typeof i2.ComingSoonComponent, typeof i3.AchievementsComponent, typeof i4.CallToActionSectionComponent, typeof i5.GetStartedCTAComponent, typeof i6.ImageGalleryModal, typeof i7.PageSectionStyleTenComponent, typeof i8.PageSectionStyleThirteenComponent, typeof i9.PricingPlansComponent, typeof i10.SectionTitleComponent, typeof i11.SuccessMessageDialogComponent, typeof i12.TeamComponent, typeof i13.ValuesComponent, typeof i14.OurClientsComponent, typeof i15.OurClientListingComponent, typeof i16.PageSectionWithMultipleCardsComponent, typeof i17.CallToActionSectionTwoComponent, typeof i18.CtaSectionStyleFourComponent, typeof i19.ContactUsPageComponent, typeof i20.ChooseCountryWithFlagComponent, typeof i21.PageSectionStyleThreeComponent, typeof i22.FaqCategoryListingComponent, typeof i23.FaqListingComponent, typeof i24.ValuePropsSectionComponent, typeof i25.CtaSectionStyleThreeComponent, typeof i26.HeaderSectionOneComponent, typeof i27.CustomTooltipComponent, typeof i28.VerticalSideTabsComponent], [typeof i29.FontAwesomeModule, typeof i30.CommonModule, typeof i31.AppMaterialModule, typeof i32.FontAwesomeSharedModule, typeof i33.GalleriaModule, typeof i34.CarouselModule, typeof i35.ReactiveFormsModule, typeof i35.FormsModule, typeof i36.NgSelectModule, typeof i37.MatTooltipModule], [typeof i29.FontAwesomeModule, typeof i31.AppMaterialModule, typeof i10.SectionTitleComponent, typeof i7.PageSectionStyleTenComponent, typeof i32.FontAwesomeSharedModule, typeof i5.GetStartedCTAComponent, typeof i3.AchievementsComponent, typeof i9.PricingPlansComponent, typeof i8.PageSectionStyleThirteenComponent, typeof i6.ImageGalleryModal, typeof i11.SuccessMessageDialogComponent, typeof i4.CallToActionSectionComponent, typeof i12.TeamComponent, typeof i13.ValuesComponent, typeof i14.OurClientsComponent, typeof i15.OurClientListingComponent, typeof i16.PageSectionWithMultipleCardsComponent, typeof i17.CallToActionSectionTwoComponent, typeof i19.ContactUsPageComponent, typeof i20.ChooseCountryWithFlagComponent, typeof i21.PageSectionStyleThreeComponent, typeof i2.ComingSoonComponent, typeof i1.SocialMediaIconsComponent, typeof i37.MatTooltipModule, typeof i22.FaqCategoryListingComponent, typeof i23.FaqListingComponent, typeof i24.ValuePropsSectionComponent, typeof i18.CtaSectionStyleFourComponent, typeof i25.CtaSectionStyleThreeComponent, typeof i26.HeaderSectionOneComponent, typeof i27.CustomTooltipComponent, typeof i28.VerticalSideTabsComponent]>;
54
42
  static ɵinj: i0.ɵɵInjectorDeclaration<JoolerWebsitesSharedModule>;
55
43
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jooler/jooler-websites-shared",
3
- "version": "0.0.155",
3
+ "version": "0.0.156",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=13.1.0",
6
6
  "@angular/core": ">=13.1.0"
package/public-api.d.ts CHANGED
@@ -60,17 +60,5 @@ export * from './lib/models/cta-one-type.model';
60
60
  export * from './lib/models/header-section-style-one.model';
61
61
  export * from './lib/header-section-one/header-section-one.component';
62
62
  export * from './lib/custom-tooltip/custom-tooltip.component';
63
- export * from './lib/feature-section-one/feature-section-one.component';
64
- export * from './lib/feature-section-two/feature-section-two.component';
65
- export * from './lib/feature-section-three/feature-section-three.component';
66
- export * from './lib/feature-section-four/feature-section-four.component';
67
- export * from './lib/feature-section-five/feature-section-five.component';
68
- export * from './lib/feature-section-six/feature-section-six.component';
69
- export * from './lib/feature-section-seven/feature-section-seven.component';
70
- export * from './lib/feature-section-eight/feature-section-eight.component';
71
- export * from './lib/feature-section-nine/feature-section-nine.component';
72
63
  export * from './lib/vertical-side-tabs/vertical-side-tabs.component';
73
64
  export * from './lib/models/feature-section-nine.model';
74
- export * from './lib/feature-detail-item-one/feature-detail-item-one.component';
75
- export * from './lib/feature-detail-item-two/feature-detail-item-two.component';
76
- export * from './lib/feature-detail-item-three/feature-detail-item-three.component';
package/esm2020/lib/feature-detail-item-one/feature-detail-item-one.component.mjs DELETED
@@ -1,14 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@fortawesome/angular-fontawesome";
4
- export class FeatureDetailItemOneComponent {
5
- }
6
- FeatureDetailItemOneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemOneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- FeatureDetailItemOneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: { itemContent: "itemContent" }, ngImport: i0, template: "<div class=\"item\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n <h3>{{itemContent.title}}</h3>\n <p>{{itemContent.description}}</p>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.item{padding:2rem;display:flex;flex-direction:column;row-gap:1rem;border-bottom:.2rem solid #155ED4}.item fa-icon{font-size:3rem;color:#155ed4}.item p,.item h3{color:#32353b}.item h3{font-size:2rem}.item p{font-size:1.6rem}\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"] }] });
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemOneComponent, decorators: [{
9
- type: Component,
10
- args: [{ selector: 'feature-detail-item-one', template: "<div class=\"item\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n <h3>{{itemContent.title}}</h3>\n <p>{{itemContent.description}}</p>\n</div>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.item{padding:2rem;display:flex;flex-direction:column;row-gap:1rem;border-bottom:.2rem solid #155ED4}.item fa-icon{font-size:3rem;color:#155ed4}.item p,.item h3{color:#32353b}.item h3{font-size:2rem}.item p{font-size:1.6rem}\n"] }]
11
- }], propDecorators: { itemContent: [{
12
- type: Input
13
- }] } });
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLWRldGFpbC1pdGVtLW9uZS9mZWF0dXJlLWRldGFpbC1pdGVtLW9uZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2Qix1R0NQMUMsbUtBSU07MkZER08sNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLMUIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1kZXRhaWwtaXRlbS1vbmUuY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgRmVhdHVyZURldGFpbEl0ZW1PbmVDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtQ29udGVudDogYW55O1xufVxuIiwiPGRpdiBjbGFzcz1cIml0ZW1cIj5cbiAgICA8ZmEtaWNvbiBbaWNvbl09XCJpdGVtQ29udGVudC5pY29uTmFtZVwiPjwvZmEtaWNvbj5cbiAgICA8aDM+e3tpdGVtQ29udGVudC50aXRsZX19PC9oMz5cbiAgICA8cD57e2l0ZW1Db250ZW50LmRlc2NyaXB0aW9ufX08L3A+XG48L2Rpdj4iXX0=
package/esm2020/lib/feature-detail-item-three/feature-detail-item-three.component.mjs DELETED
@@ -1,28 +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
- export class FeatureDetailItemThreeComponent {
6
- constructor() {
7
- this.selectedImage = new EventEmitter;
8
- }
9
- onChangeImage() {
10
- this.selectedImage.emit(this.itemContent.imagePath);
11
- this.itemContent.isClicked = true;
12
- }
13
- }
14
- FeatureDetailItemThreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemThreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- FeatureDetailItemThreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureDetailItemThreeComponent, selector: "feature-detail-item-three", inputs: { itemContent: "itemContent", oneParagraph: "oneParagraph", paragraphWithCard: "paragraphWithCard" }, outputs: { selectedImage: "selectedImage" }, ngImport: i0, template: "<span class=\"paragraph-container\" [ngClass]=\"{'paragraph-with-card':paragraphWithCard}\">\n <p class=\"paragraph\" (click)=\"onChangeImage()\" [ngClass]=\"{'selected-paragraph':itemContent.isClicked, 'one-paragraph':oneParagraph}\">\n <span class=\"paragraph-icon\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n </span>\n <span class=\"paragraph-headline\">\n <h2 class=\"paragraph-title\">\n {{itemContent.title}}\n </h2>\n <span class=\"paragraph-description\">\n {{itemContent.description}}\n </span>\n </span>\n </p>\n</span>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.paragraph-container .paragraph{box-sizing:border-box;display:flex;flex-direction:row;margin:0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1rem;column-gap:1.5rem;width:100%;height:100%;padding:1.5rem}@media only screen and (max-width: 725px){.paragraph-container .paragraph{width:100%;height:auto;padding:2rem 1rem}}.paragraph-container .paragraph:hover .paragraph-description{color:#32353b}.paragraph-container .paragraph:hover .paragraph-icon{color:#e3b1eb}.paragraph-container .paragraph .paragraph-title{font-size:2.2rem}.paragraph-container .paragraph .paragraph-description{color:#32353b99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon{align-items:center;color:#e3b1eb99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon fa-icon{font-size:2rem}.paragraph-container .one-paragraph{width:100%}.paragraph-container .selected-paragraph{background-color:#f7f8f9}.paragraph-container .selected-paragraph .paragraph-description{color:#32353b}.paragraph-container .selected-paragraph .cta-icon{transform:rotate(0)}.paragraph-container .selected-paragraph .paragraph-icon,.paragraph-container .selected-paragraph:hover .paragraph-icon{color:#f0509c}.paragraph-with-card .paragraph{padding:1rem;margin:1rem 0rem;border-radius:.7rem;border:.2rem solid rgba(50,53,59,.1);min-height:max-content;height:15rem}.paragraph-with-card .paragraph:hover{border:.2rem solid #32353b}.paragraph-with-card .paragraph .paragraph-icon{text-align:center}.paragraph-with-card .selected-paragraph{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph .paragraph-description{color:#32353b}.paragraph-with-card .selected-paragraph .paragraph-icon{color:#f0509c}.paragraph-with-card .selected-paragraph:hover{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph:hover .paragraph-icon{color:#f0509c}\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"] }] });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemThreeComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'feature-detail-item-three', template: "<span class=\"paragraph-container\" [ngClass]=\"{'paragraph-with-card':paragraphWithCard}\">\n <p class=\"paragraph\" (click)=\"onChangeImage()\" [ngClass]=\"{'selected-paragraph':itemContent.isClicked, 'one-paragraph':oneParagraph}\">\n <span class=\"paragraph-icon\">\n <fa-icon [icon]=\"itemContent.iconName\"></fa-icon>\n </span>\n <span class=\"paragraph-headline\">\n <h2 class=\"paragraph-title\">\n {{itemContent.title}}\n </h2>\n <span class=\"paragraph-description\">\n {{itemContent.description}}\n </span>\n </span>\n </p>\n</span>", styles: ["html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 112.5em){html{font-size:56.25%}}@media only screen and (max-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (min-width: 112.5em){html{font-size:75%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.paragraph-container .paragraph{box-sizing:border-box;display:flex;flex-direction:row;margin:0rem;align-content:center;align-self:start;cursor:pointer;transition:all ease-in-out .2s;border-radius:1rem;column-gap:1.5rem;width:100%;height:100%;padding:1.5rem}@media only screen and (max-width: 725px){.paragraph-container .paragraph{width:100%;height:auto;padding:2rem 1rem}}.paragraph-container .paragraph:hover .paragraph-description{color:#32353b}.paragraph-container .paragraph:hover .paragraph-icon{color:#e3b1eb}.paragraph-container .paragraph .paragraph-title{font-size:2.2rem}.paragraph-container .paragraph .paragraph-description{color:#32353b99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon{align-items:center;color:#e3b1eb99;transition:all ease-in-out .2s}.paragraph-container .paragraph .paragraph-icon fa-icon{font-size:2rem}.paragraph-container .one-paragraph{width:100%}.paragraph-container .selected-paragraph{background-color:#f7f8f9}.paragraph-container .selected-paragraph .paragraph-description{color:#32353b}.paragraph-container .selected-paragraph .cta-icon{transform:rotate(0)}.paragraph-container .selected-paragraph .paragraph-icon,.paragraph-container .selected-paragraph:hover .paragraph-icon{color:#f0509c}.paragraph-with-card .paragraph{padding:1rem;margin:1rem 0rem;border-radius:.7rem;border:.2rem solid rgba(50,53,59,.1);min-height:max-content;height:15rem}.paragraph-with-card .paragraph:hover{border:.2rem solid #32353b}.paragraph-with-card .paragraph .paragraph-icon{text-align:center}.paragraph-with-card .selected-paragraph{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph .paragraph-description{color:#32353b}.paragraph-with-card .selected-paragraph .paragraph-icon{color:#f0509c}.paragraph-with-card .selected-paragraph:hover{border:.2rem solid #f0509c}.paragraph-with-card .selected-paragraph:hover .paragraph-icon{color:#f0509c}\n"] }]
19
- }], propDecorators: { itemContent: [{
20
- type: Input
21
- }], oneParagraph: [{
22
- type: Input
23
- }], paragraphWithCard: [{
24
- type: Input
25
- }], selectedImage: [{
26
- type: Output
27
- }] } });
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZS9mZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdGhyZWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sK0JBQStCO0lBTDVDO1FBU1ksa0JBQWEsR0FBeUIsSUFBSSxZQUFZLENBQUM7S0FNbEU7SUFKQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDcEMsQ0FBQzs7NEhBVFUsK0JBQStCO2dIQUEvQiwrQkFBK0IsNE5DUDVDLHdwQkFjTzsyRkRQTSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQUs1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdGhyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlRGV0YWlsSXRlbVRocmVlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbUNvbnRlbnQ6IGFueTtcbiAgQElucHV0KCkgb25lUGFyYWdyYXBoOiBib29sZWFuO1xuICBASW5wdXQoKSBwYXJhZ3JhcGhXaXRoQ2FyZDogYm9vbGVhbjtcbiAgQE91dHB1dCgpIHNlbGVjdGVkSW1hZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjtcblxuICBvbkNoYW5nZUltYWdlKCkge1xuICAgIHRoaXMuc2VsZWN0ZWRJbWFnZS5lbWl0KHRoaXMuaXRlbUNvbnRlbnQuaW1hZ2VQYXRoKTtcbiAgICB0aGlzLml0ZW1Db250ZW50LmlzQ2xpY2tlZCA9IHRydWU7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwicGFyYWdyYXBoLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsncGFyYWdyYXBoLXdpdGgtY2FyZCc6cGFyYWdyYXBoV2l0aENhcmR9XCI+XG4gICAgPHAgY2xhc3M9XCJwYXJhZ3JhcGhcIiAoY2xpY2spPVwib25DaGFuZ2VJbWFnZSgpXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZC1wYXJhZ3JhcGgnOml0ZW1Db250ZW50LmlzQ2xpY2tlZCwgJ29uZS1wYXJhZ3JhcGgnOm9uZVBhcmFncmFwaH1cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwYXJhZ3JhcGgtaWNvblwiPlxuICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaXRlbUNvbnRlbnQuaWNvbk5hbWVcIj48L2ZhLWljb24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwYXJhZ3JhcGgtaGVhZGxpbmVcIj5cbiAgICAgICAgICAgIDxoMiBjbGFzcz1cInBhcmFncmFwaC10aXRsZVwiPlxuICAgICAgICAgICAgICAgIHt7aXRlbUNvbnRlbnQudGl0bGV9fVxuICAgICAgICAgICAgPC9oMj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGFyYWdyYXBoLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3tpdGVtQ29udGVudC5kZXNjcmlwdGlvbn19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L3A+XG48L3NwYW4+Il19
package/esm2020/lib/feature-detail-item-two/feature-detail-item-two.component.mjs DELETED
@@ -1,13 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class FeatureDetailItemTwoComponent {
4
- }
5
- FeatureDetailItemTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemTwoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
- FeatureDetailItemTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureDetailItemTwoComponent, selector: "feature-detail-item-two", inputs: { itemContent: "itemContent" }, ngImport: i0, template: "<div class=\"feature-card\">\n <img [src]=\"itemContent.image\" alt=\"\">\n <h2 class=\"feature-name\">\n {{itemContent.name}}\n </h2>\n</div>", styles: [".feature-card{border-radius:1.5rem;min-width:13%;max-width:20rem;padding:3.5rem 1rem;display:flex;flex-direction:column;row-gap:1rem;background-color:#fff;box-shadow:#110c2e26 0 4.8rem 10rem}.feature-card img{width:34%;margin:auto}.feature-card .feature-name{font-size:2rem}\n"] });
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureDetailItemTwoComponent, decorators: [{
8
- type: Component,
9
- args: [{ selector: 'feature-detail-item-two', template: "<div class=\"feature-card\">\n <img [src]=\"itemContent.image\" alt=\"\">\n <h2 class=\"feature-name\">\n {{itemContent.name}}\n </h2>\n</div>", styles: [".feature-card{border-radius:1.5rem;min-width:13%;max-width:20rem;padding:3.5rem 1rem;display:flex;flex-direction:column;row-gap:1rem;background-color:#fff;box-shadow:#110c2e26 0 4.8rem 10rem}.feature-card img{width:34%;margin:auto}.feature-card .feature-name{font-size:2rem}\n"] }]
10
- }], propDecorators: { itemContent: [{
11
- type: Input
12
- }] } });
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1kZXRhaWwtaXRlbS10d28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLWRldGFpbC1pdGVtLXR3by9mZWF0dXJlLWRldGFpbC1pdGVtLXR3by5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFDLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPaEQsTUFBTSxPQUFPLDZCQUE2Qjs7MEhBQTdCLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHVHQ1AxQyxnS0FLTTsyRkRFTyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQUsxQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvLmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVEZXRhaWxJdGVtVHdvQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaXRlbUNvbnRlbnQ6IGFueTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJmZWF0dXJlLWNhcmRcIj5cbiAgICA8aW1nIFtzcmNdPVwiaXRlbUNvbnRlbnQuaW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICA8aDIgY2xhc3M9XCJmZWF0dXJlLW5hbWVcIj5cbiAgICAgICAge3tpdGVtQ29udGVudC5uYW1lfX1cbiAgICA8L2gyPlxuPC9kaXY+Il19
package/esm2020/lib/feature-section-eight/feature-section-eight.component.mjs DELETED
@@ -1,17 +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 "../section-title/section-title.component";
6
- import * as i4 from "../feature-detail-item-one/feature-detail-item-one.component";
7
- export class FeatureSectionEightComponent {
8
- }
9
- FeatureSectionEightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionEightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- FeatureSectionEightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionEightComponent, selector: "feature-section-eight", 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>\n <mat-tab-group>\n <mat-tab [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\">\n <div class=\"tab-content\">\n {{step.title}}\n <img class=\"image\" [src]=\"step.image\" alt=\"\">\n </div>\n </mat-tab>\n </mat-tab-group>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\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%}}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 .tab-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{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\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.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i4.FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: ["itemContent"] }] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionEightComponent, decorators: [{
12
- type: Component,
13
- args: [{ selector: 'feature-section-eight', template: "<section class=\"section\">\n <div class=\"tip-title\">\n {{sectionContent.tipTitle}}\n </div>\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n <div>\n <mat-tab-group>\n <mat-tab [label]=\"step.label\" *ngFor=\"let step of sectionContent.steps\">\n <div class=\"tab-content\">\n {{step.title}}\n <img class=\"image\" [src]=\"step.image\" alt=\"\">\n </div>\n </mat-tab>\n </mat-tab-group>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\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%}}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 .tab-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{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"] }]
14
- }], propDecorators: { sectionContent: [{
15
- type: Input
16
- }] } });
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZWlnaHQvZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZWlnaHQvZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPakQsTUFBTSxPQUFPLDRCQUE0Qjs7eUhBQTVCLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDJHQ1B6QyxveEJBbUJVOzJGRFpHLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBS3hCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZlYXR1cmUtc2VjdGlvbi1laWdodCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tZWlnaHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLWVpZ2h0LmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uRWlnaHRDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xuXG5cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXAtdGl0bGVcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC50aXBUaXRsZX19XG4gICAgPC9kaXY+XG4gICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgPGRpdj5cbiAgICAgICAgPG1hdC10YWItZ3JvdXA+XG4gICAgICAgICAgICA8bWF0LXRhYiBbbGFiZWxdPVwic3RlcC5sYWJlbFwiICpuZ0Zvcj1cImxldCBzdGVwIG9mIHNlY3Rpb25Db250ZW50LnN0ZXBzXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYi1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7c3RlcC50aXRsZX19XG4gICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIFtzcmNdPVwic3RlcC5pbWFnZVwiIGFsdD1cIlwiPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9tYXQtdGFiPlxuICAgICAgICA8L21hdC10YWItZ3JvdXA+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWNhcmRzXCI+XG4gICAgICAgIDxmZWF0dXJlLWRldGFpbC1pdGVtLW9uZSBbaXRlbUNvbnRlbnRdPVwiY2FyZFwiIGNsYXNzPVwiZmVhdHVyZS1jYXJkXCIgKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuZmVhdHVyZXNDYXJkc1wiPlxuICAgICAgICA8L2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
package/esm2020/lib/feature-section-five/feature-section-five.component.mjs DELETED
@@ -1,24 +0,0 @@
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 "../section-title/section-title.component";
7
- import * as i5 from "../feature-detail-item-two/feature-detail-item-two.component";
8
- export class FeatureSectionFiveComponent {
9
- constructor(_router) {
10
- this._router = _router;
11
- }
12
- onClickLink(route) {
13
- this._router.navigate([route]);
14
- }
15
- }
16
- FeatureSectionFiveComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFiveComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
17
- FeatureSectionFiveComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionFiveComponent, selector: "feature-section-five", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipMessage}}\n </h3>\n <div class=\"headline\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <span class=\"link\" (click)=\"onClickLink(sectionContent.button.route)\">\n {{sectionContent.button.name}} <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n <div class=\"feature-cards\">\n <feature-detail-item-two *ngFor=\"let card of sectionContent.cards\" [itemContent]=\"card\">\n </feature-detail-item-two>\n </div>\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:100%;background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:2rem;text-align:center;padding:4rem 2rem}.section .image{width:10rem;margin:auto}.section .tip-title{color:#155ed4;font-weight:600}.section .link{display:flex;flex-direction:row;column-gap:1rem;cursor:pointer;border-bottom:.1rem solid #32353B;transition:all ease-in-out .2s;padding:.5rem;width:-moz-fit-content;width:fit-content;margin:auto;color:#32353b;font-size:1.8rem}.section .link:hover{color:#f0509c;border-bottom:.1rem solid #F0509C}.section .feature-cards{display:flex;flex-direction:row;gap:2rem;justify-content:center;flex-wrap:wrap}\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"] }, { kind: "component", type: i5.FeatureDetailItemTwoComponent, selector: "feature-detail-item-two", inputs: ["itemContent"] }] });
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionFiveComponent, decorators: [{
19
- type: Component,
20
- args: [{ selector: 'feature-section-five', template: "<section class=\"section\">\n <img [src]=\"sectionContent.image\" alt=\"\" class=\"image\">\n <h3 class=\"tip-title\">\n {{sectionContent.tipMessage}}\n </h3>\n <div class=\"headline\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\"></section-title>\n </div>\n <span class=\"link\" (click)=\"onClickLink(sectionContent.button.route)\">\n {{sectionContent.button.name}} <fa-icon icon=\"chevron-right\"></fa-icon>\n </span>\n <div class=\"feature-cards\">\n <feature-detail-item-two *ngFor=\"let card of sectionContent.cards\" [itemContent]=\"card\">\n </feature-detail-item-two>\n </div>\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{width:100%;background-color:#f7f8f9;display:flex;flex-direction:column;row-gap:2rem;text-align:center;padding:4rem 2rem}.section .image{width:10rem;margin:auto}.section .tip-title{color:#155ed4;font-weight:600}.section .link{display:flex;flex-direction:row;column-gap:1rem;cursor:pointer;border-bottom:.1rem solid #32353B;transition:all ease-in-out .2s;padding:.5rem;width:-moz-fit-content;width:fit-content;margin:auto;color:#32353b;font-size:1.8rem}.section .link:hover{color:#f0509c;border-bottom:.1rem solid #F0509C}.section .feature-cards{display:flex;flex-direction:row;gap:2rem;justify-content:center;flex-wrap:wrap}\n"] }]
21
- }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { sectionContent: [{
22
- type: Input
23
- }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLWZpdmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtc2VjdGlvbi1maXZlL2ZlYXR1cmUtc2VjdGlvbi1maXZlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZml2ZS9mZWF0dXJlLXNlY3Rpb24tZml2ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVFqRCxNQUFNLE9BQU8sMkJBQTJCO0lBR3RDLFlBQW9CLE9BQWU7UUFBZixZQUFPLEdBQVAsT0FBTyxDQUFRO0lBQUksQ0FBQztJQUV4QyxXQUFXLENBQUMsS0FBSztRQUNmLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUUsS0FBSyxDQUFFLENBQUMsQ0FBQztJQUNuQyxDQUFDOzt3SEFQVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiwwR0NSeEMsdXFCQWVVOzJGRFBHLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7NkZBS3ZCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tZml2ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tZml2ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tZml2ZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlU2VjdGlvbkZpdmVDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JvdXRlcjogUm91dGVyKSB7IH1cblxuICBvbkNsaWNrTGluayhyb3V0ZSkge1xuICAgIHRoaXMuX3JvdXRlci5uYXZpZ2F0ZShbIHJvdXRlIF0pO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgICA8aW1nIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VcIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlXCI+XG4gICAgPGgzIGNsYXNzPVwidGlwLXRpdGxlXCI+XG4gICAgICAgIHt7c2VjdGlvbkNvbnRlbnQudGlwTWVzc2FnZX19XG4gICAgPC9oMz5cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGxpbmVcIj5cbiAgICAgICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJsaW5rXCIgKGNsaWNrKT1cIm9uQ2xpY2tMaW5rKHNlY3Rpb25Db250ZW50LmJ1dHRvbi5yb3V0ZSlcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC5idXR0b24ubmFtZX19IDxmYS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCI+PC9mYS1pY29uPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1jYXJkc1wiPlxuICAgICAgICA8ZmVhdHVyZS1kZXRhaWwtaXRlbS10d28gKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuY2FyZHNcIiBbaXRlbUNvbnRlbnRdPVwiY2FyZFwiPlxuICAgICAgICA8L2ZlYXR1cmUtZGV0YWlsLWl0ZW0tdHdvPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
package/esm2020/lib/feature-section-four/feature-section-four.component.mjs DELETED
@@ -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: "feature-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: ["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: 'feature-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: ["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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLWZvdXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtc2VjdGlvbi1mb3VyL2ZlYXR1cmUtc2VjdGlvbi1mb3VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tZm91ci9mZWF0dXJlLXNlY3Rpb24tZm91ci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sMkJBQTJCO0lBSXRDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDO0lBRWhELENBQUM7SUFFRCxlQUFlLENBQUMsS0FBSztRQUNuQixJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFFLEtBQUssQ0FBRSxDQUFDLFFBQVEsRUFBRTtZQUNoRCxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBRSxLQUFLLENBQUUsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3JELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLENBQUM7U0FDL0M7YUFBTTtZQUVMLEtBQUssSUFBSSxLQUFLLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUU7Z0JBQzVDLEtBQUssQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO2FBQ3hCO1lBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUUsS0FBSyxDQUFFLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNwRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFFLEtBQUssQ0FBRSxDQUFDLEtBQUssQ0FBQztTQUN4RDtJQUNILENBQUM7O3dIQXJCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiwwR0NQeEMseWxDQTBCVTsyRkRuQkcsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLHNCQUFzQjs4QkFLdkIsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tZm91cicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tZm91ci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tZm91ci5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlU2VjdGlvbkZvdXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogYW55O1xuICB0aXRsZTogc3RyaW5nO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudGl0bGUgPSB0aGlzLnNlY3Rpb25Db250ZW50LmRlZmF1bHRUaXRsZTtcblxuICB9XG5cbiAgc2hvd0Rlc2NyaXB0aW9uKGluZGV4KSB7XG4gICAgaWYgKHRoaXMuc2VjdGlvbkNvbnRlbnQucGFuZWxzWyBpbmRleCBdLmlzT3BlbmVkKSB7XG4gICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnBhbmVsc1sgaW5kZXggXS5pc09wZW5lZCA9IGZhbHNlO1xuICAgICAgdGhpcy50aXRsZSA9IHRoaXMuc2VjdGlvbkNvbnRlbnQuZGVmYXVsdFRpdGxlO1xuICAgIH0gZWxzZSB7XG5cbiAgICAgIGZvciAobGV0IHBhbmVsIG9mIHRoaXMuc2VjdGlvbkNvbnRlbnQucGFuZWxzKSB7XG4gICAgICAgIHBhbmVsLmlzT3BlbmVkID0gZmFsc2U7XG4gICAgICB9XG4gICAgICB0aGlzLnNlY3Rpb25Db250ZW50LnBhbmVsc1sgaW5kZXggXS5pc09wZW5lZCA9IHRydWU7XG4gICAgICB0aGlzLnRpdGxlID0gdGhpcy5zZWN0aW9uQ29udGVudC5wYW5lbHNbIGluZGV4IF0udGl0bGU7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInNlY3Rpb25cIj5cbiAgICA8YXNpZGUgY2xhc3M9XCJwcmV2aWV3LXNpZGVcIj5cbiAgICAgICAgPGgzIGNsYXNzPVwidGlwLXRpdGxlXCI+XG4gICAgICAgICAgICB7e3NlY3Rpb25Db250ZW50LnRpcFRpdGxlfX1cbiAgICAgICAgPC9oMz5cbiAgICAgICAgPGgxIGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgIHt7dGl0bGV9fVxuICAgICAgICA8L2gxPlxuICAgICAgICA8aW1nIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuaW1hZ2VcIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlXCIgKm5nSWY9XCJzZWN0aW9uQ29udGVudC5pbWFnZVwiPlxuICAgIDwvYXNpZGU+XG4gICAgPGFzaWRlIGNsYXNzPVwicGFuZWxzLXNpZGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInBhbmVsXCIgKm5nRm9yPVwibGV0IHBhbmVsIG9mIHNlY3Rpb25Db250ZW50LnBhbmVsczsgbGV0IGkgPSBpbmRleFwiIFtuZ0NsYXNzXT1cInsnc2hvdy1kZXNjcmlwdGlvbic6IHBhbmVsLmlzT3BlbmVkLCAnaGlkZS1kZXNjcmlwdGlvbic6IXBhbmVsLmlzT3BlbmVkfVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRsaW5lXCIgKGNsaWNrKT1cInNob3dEZXNjcmlwdGlvbihpKVwiPlxuICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cImxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7cGFuZWwubGFiZWx9fVxuICAgICAgICAgICAgICAgIDwvaDM+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiIFtuZ0NsYXNzXT1cInsnYXJyb3ctdXAnOiBwYW5lbC5pc09wZW5lZCwgJ2Fycm93LWRvd24nOiFwYW5lbC5pc09wZW5lZH1cIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPmV4cGFuZF9tb3JlPC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxwIGNsYXNzPVwiZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgICB7e3BhbmVsLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkaXZpZGVyXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvYXNpZGU+XG48L3NlY3Rpb24+Il19
package/esm2020/lib/feature-section-nine/feature-section-nine.component.mjs DELETED
@@ -1,22 +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/stepper";
5
- export class FeatureSectionNineComponent {
6
- constructor() {
7
- this.selectedIndex = 0;
8
- }
9
- onIndexChanged($event) {
10
- let index = $event.selectedIndex;
11
- this.selectedIndex = index;
12
- }
13
- }
14
- FeatureSectionNineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionNineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- FeatureSectionNineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionNineComponent, selector: "feature-section-nine", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n\n <div class=\"side-one\" *ngIf=\"sectionContent\">\n <div class=\"subtitle\">\n {{sectionContent[selectedIndex].subtitle}}\n </div>\n <div class=\"title\">\n {{sectionContent[selectedIndex].title}}\n </div>\n <div class=\"description\">\n {{sectionContent[selectedIndex].description}}\n </div>\n </div>\n <div class=\"vertical-divider\"></div>\n <div class=\"side-two\">\n <mat-vertical-stepper (selectionChange)=\"onIndexChanged($event)\" [selectedIndex]=\"selectedIndex\" [linear]=\"false\" #stepper>\n <mat-step *ngFor=\"let step of sectionContent\">\n <ng-template matStepLabel>\n {{step.stepLabel}}\n </ng-template>\n </mat-step>\n </mat-vertical-stepper>\n </div>\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{display:flex;flex-direction:row;column-gap:1.5%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .side-one{width:55%;margin:10% auto}.section .side-one .title{font-size:2.8rem;color:#155ed4;margin-top:1.4rem;margin-bottom:2rem;font-weight:700}.section .side-one .subtitle{font-size:1.8rem;color:#32353b;font-weight:700}.section .side-one .description{color:#32353b;font-size:1.4rem}.section .vertical-divider{border-left:1px solid #155ED4;height:40rem;align-self:center;width:2%}.section .side-two{width:40%}\n"], dependencies: [{ 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.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["selectedIndex", "disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }] });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionNineComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'feature-section-nine', template: "<section class=\"section\">\n\n <div class=\"side-one\" *ngIf=\"sectionContent\">\n <div class=\"subtitle\">\n {{sectionContent[selectedIndex].subtitle}}\n </div>\n <div class=\"title\">\n {{sectionContent[selectedIndex].title}}\n </div>\n <div class=\"description\">\n {{sectionContent[selectedIndex].description}}\n </div>\n </div>\n <div class=\"vertical-divider\"></div>\n <div class=\"side-two\">\n <mat-vertical-stepper (selectionChange)=\"onIndexChanged($event)\" [selectedIndex]=\"selectedIndex\" [linear]=\"false\" #stepper>\n <mat-step *ngFor=\"let step of sectionContent\">\n <ng-template matStepLabel>\n {{step.stepLabel}}\n </ng-template>\n </mat-step>\n </mat-vertical-stepper>\n </div>\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{display:flex;flex-direction:row;column-gap:1.5%;margin:auto;width:90%}@media only screen and (min-width: 1500px){.section{width:150rem}}.section .side-one{width:55%;margin:10% auto}.section .side-one .title{font-size:2.8rem;color:#155ed4;margin-top:1.4rem;margin-bottom:2rem;font-weight:700}.section .side-one .subtitle{font-size:1.8rem;color:#32353b;font-weight:700}.section .side-one .description{color:#32353b;font-size:1.4rem}.section .vertical-divider{border-left:1px solid #155ED4;height:40rem;align-self:center;width:2%}.section .side-two{width:40%}\n"] }]
19
- }], propDecorators: { sectionContent: [{
20
- type: Input
21
- }] } });
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLW5pbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvam9vbGVyLXdlYnNpdGVzLXNoYXJlZC9zcmMvbGliL2ZlYXR1cmUtc2VjdGlvbi1uaW5lL2ZlYXR1cmUtc2VjdGlvbi1uaW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tbmluZS9mZWF0dXJlLXNlY3Rpb24tbmluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBT0Usa0JBQWEsR0FBVyxDQUFDLENBQUM7S0FNM0I7SUFKQyxjQUFjLENBQUMsTUFBTTtRQUNuQixJQUFJLEtBQUssR0FBVyxNQUFNLENBQUMsYUFBYSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzdCLENBQUM7O3dIQVBVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDBHQ1J4Qyx5M0JBdUJVOzJGRGZHLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7OEJBS3ZCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWF0dXJlU2VjdGlvbk5pbmUgfSBmcm9tICcuLi9tb2RlbHMvZmVhdHVyZS1zZWN0aW9uLW5pbmUubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tbmluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWF0dXJlLXNlY3Rpb24tbmluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tbmluZS5jb21wb25lbnQuc2NzcycgXVxufSlcbmV4cG9ydCBjbGFzcyBGZWF0dXJlU2VjdGlvbk5pbmVDb21wb25lbnQge1xuICBASW5wdXQoKSBzZWN0aW9uQ29udGVudDogRmVhdHVyZVNlY3Rpb25OaW5lW107XG4gIHNlbGVjdGVkSW5kZXg6IG51bWJlciA9IDA7XG5cbiAgb25JbmRleENoYW5nZWQoJGV2ZW50KSB7XG4gICAgbGV0IGluZGV4OiBudW1iZXIgPSAkZXZlbnQuc2VsZWN0ZWRJbmRleDtcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBpbmRleDtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZWN0aW9uXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZS1vbmVcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdWJ0aXRsZVwiPlxuICAgICAgICAgICAge3tzZWN0aW9uQ29udGVudFtzZWxlY3RlZEluZGV4XS5zdWJ0aXRsZX19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cbiAgICAgICAgICAgIHt7c2VjdGlvbkNvbnRlbnRbc2VsZWN0ZWRJbmRleF0udGl0bGV9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICB7e3NlY3Rpb25Db250ZW50W3NlbGVjdGVkSW5kZXhdLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLWRpdmlkZXJcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2lkZS10d29cIj5cbiAgICAgICAgPG1hdC12ZXJ0aWNhbC1zdGVwcGVyIChzZWxlY3Rpb25DaGFuZ2UpPVwib25JbmRleENoYW5nZWQoJGV2ZW50KVwiIFtzZWxlY3RlZEluZGV4XT1cInNlbGVjdGVkSW5kZXhcIiBbbGluZWFyXT1cImZhbHNlXCIgI3N0ZXBwZXI+XG4gICAgICAgICAgICA8bWF0LXN0ZXAgKm5nRm9yPVwibGV0IHN0ZXAgb2Ygc2VjdGlvbkNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgbWF0U3RlcExhYmVsPlxuICAgICAgICAgICAgICAgICAgICB7e3N0ZXAuc3RlcExhYmVsfX1cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9tYXQtc3RlcD5cbiAgICAgICAgPC9tYXQtdmVydGljYWwtc3RlcHBlcj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj4iXX0=
package/esm2020/lib/feature-section-one/feature-section-one.component.mjs DELETED
@@ -1,23 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/cdk/layout";
4
- import * as i2 from "@angular/common";
5
- import * as i3 from "../section-title/section-title.component";
6
- import * as i4 from "../feature-detail-item-one/feature-detail-item-one.component";
7
- export class FeatureSectionOneComponent {
8
- // stepperOrientation: Observable<StepperOrientation>;
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 <div class=\"step-content\">\n <img class=\"image\" [src]=\"sectionContent.steps[0].image\" alt=\"\">\n </div>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\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%}}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{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.SectionTitleComponent, selector: "section-title", inputs: ["sectionTitle"] }, { kind: "component", type: i4.FeatureDetailItemOneComponent, selector: "feature-detail-item-one", inputs: ["itemContent"] }] });
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 <div class=\"step-content\">\n <img class=\"image\" [src]=\"sectionContent.steps[0].image\" alt=\"\">\n </div>\n </div>\n <div class=\"features-cards\">\n <feature-detail-item-one [itemContent]=\"card\" class=\"feature-card\" *ngFor=\"let card of sectionContent.featuresCards\">\n </feature-detail-item-one>\n </div>\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%}}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{min-width:32%}@media only screen and (max-width: 750px){.section .features-cards{flex-direction:column;row-gap:3rem}}@media only screen and (max-width: 37.5em){.section .image{width:100%}}\n"] }]
20
- }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
21
- type: Input
22
- }] } });
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLW9uZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1zZWN0aW9uLW9uZS9mZWF0dXJlLXNlY3Rpb24tb25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tb25lL2ZlYXR1cmUtc2VjdGlvbi1vbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNqRCxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDLHNEQUFzRDtJQUN0RCxZQUFZLGtCQUFzQztRQUNoRCwrQ0FBK0M7UUFDL0MsbUNBQW1DO1FBQ25DLHdFQUF3RTtJQUMxRSxDQUFDOzt1SEFSVSwwQkFBMEI7MkdBQTFCLDBCQUEwQix5R0NYdkMsZ21CQWNVOzJGREhHLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUI7eUdBTXRCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IFN0ZXBwZXJPcmllbnRhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zdGVwcGVyJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIG1hcCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmZWF0dXJlLXNlY3Rpb24tb25lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtc2VjdGlvbi1vbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZmVhdHVyZS1zZWN0aW9uLW9uZS5jb21wb25lbnQuc2NzcycgXVxufSlcblxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uT25lQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcblxuICAvLyBzdGVwcGVyT3JpZW50YXRpb246IE9ic2VydmFibGU8U3RlcHBlck9yaWVudGF0aW9uPjtcbiAgY29uc3RydWN0b3IoYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIpIHtcbiAgICAvLyB0aGlzLnN0ZXBwZXJPcmllbnRhdGlvbiA9IGJyZWFrcG9pbnRPYnNlcnZlclxuICAgIC8vICAgLm9ic2VydmUoJyhtaW4td2lkdGg6IDc1MXB4KScpXG4gICAgLy8gICAucGlwZShtYXAoKHsgbWF0Y2hlcyB9KSA9PiAobWF0Y2hlcyA/ICdob3Jpem9udGFsJyA6ICd2ZXJ0aWNhbCcpKSk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0aXAtdGl0bGVcIj5cbiAgICAgICAge3tzZWN0aW9uQ29udGVudC50aXBUaXRsZX19XG4gICAgPC9kaXY+XG4gICAgPHNlY3Rpb24tdGl0bGUgW3NlY3Rpb25UaXRsZV09XCJzZWN0aW9uQ29udGVudC5zZWN0aW9uVGl0bGVcIj48L3NlY3Rpb24tdGl0bGU+XG4gICAgPGRpdiBjbGFzcz1cImltYWdlcy1zdGVwcGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWNvbnRlbnRcIj5cbiAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJpbWFnZVwiIFtzcmNdPVwic2VjdGlvbkNvbnRlbnQuc3RlcHNbMF0uaW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWNhcmRzXCI+XG4gICAgICAgIDxmZWF0dXJlLWRldGFpbC1pdGVtLW9uZSBbaXRlbUNvbnRlbnRdPVwiY2FyZFwiIGNsYXNzPVwiZmVhdHVyZS1jYXJkXCIgKm5nRm9yPVwibGV0IGNhcmQgb2Ygc2VjdGlvbkNvbnRlbnQuZmVhdHVyZXNDYXJkc1wiPlxuICAgICAgICA8L2ZlYXR1cmUtZGV0YWlsLWl0ZW0tb25lPlxuICAgIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
package/esm2020/lib/feature-section-seven/feature-section-seven.component.mjs DELETED
@@ -1,32 +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 "../feature-detail-item-three/feature-detail-item-three.component";
6
- export class FeatureSectionSevenComponent {
7
- constructor() { }
8
- ngOnInit() {
9
- let i = 0;
10
- this.selectedImage = this.sectionContent.paragraphs[0].imagePath;
11
- i++;
12
- for (let paragraph of this.sectionContent.paragraphs) {
13
- paragraph.isClicked = false;
14
- }
15
- this.sectionContent.paragraphs[0].isClicked = true;
16
- }
17
- onChangeImage($event) {
18
- for (let paragraph of this.sectionContent.paragraphs) {
19
- paragraph.isClicked = false;
20
- }
21
- this.selectedImage = $event;
22
- }
23
- }
24
- FeatureSectionSevenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSevenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- FeatureSectionSevenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionSevenComponent, selector: "feature-section-seven", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<div class=\"section\">\n <div class=\"section-title\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\n </section-title>\n </div>\n <div class=\"section-content\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\n <div class=\"text-side\">\n <div class=\"preview-image\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n <div class=\"paragraph-items\">\n <feature-detail-item-three *ngFor=\"let paragraph of sectionContent.paragraphs\" [itemContent]=\"paragraph\" (selectedImage)=\"onChangeImage($event)\" [oneParagraph]=\"sectionContent.paragraphs.length == 1\" [paragraphWithCard]=\"sectionContent.paragraphProperties.withCard\">\n </feature-detail-item-three>\n </div>\n </div>\n <div class=\"image-buttons-side\">\n <img [src]=\"selectedImage\" alt=\"\">\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:2rem}.section .section-content{display:flex;flex-direction:row;column-gap:8%;margin:2rem auto;width:100%}.section .section-content .text-side{display:grid;row-gap:1rem;width:45%;padding:2rem 0rem}.section .section-content .text-side .preview-image{display:none}.section .section-content .text-side .paragraph-items{display:flex;flex-direction:column;row-gap:1rem}.section .section-content .image-buttons-side{width:57%;display:grid;align-content:center}.section .section-content .image-buttons-side img{width:100%;height:42rem;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 56.25em){.section .section-content{flex-wrap:wrap}.section .section-content:nth-child(even){flex-direction:row}.section .section-content:nth-child(even) .image-buttons-side{justify-self:center}.section .section-content .text-side{width:100%;justify-self:left}.section .section-content .text-side .preview-image{display:grid;width:100%}.section .section-content .text-side .preview-image img{width:100%;height:35rem;object-fit:cover;border-radius:1rem}.section .section-content .image-buttons-side{display:none}}@media only screen and (max-width: 37.5em){.section .section-content .text-side .paragraph-items{column-count:1}}.section .image-text-sort{flex-direction:row-reverse}@media only screen and (max-width: 56.25em){.section .image-text-sort:nth-child(even) .image-buttons-side{justify-self:center}}.section .text-image-sort{flex-direction:row}\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"] }, { kind: "component", type: i3.FeatureDetailItemThreeComponent, selector: "feature-detail-item-three", inputs: ["itemContent", "oneParagraph", "paragraphWithCard"], outputs: ["selectedImage"] }] });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSevenComponent, decorators: [{
27
- type: Component,
28
- args: [{ selector: 'feature-section-seven', template: "<div class=\"section\">\n <div class=\"section-title\">\n <section-title [sectionTitle]=\"sectionContent.sectionTitle\">\n </section-title>\n </div>\n <div class=\"section-content\" [ngClass]=\"{'image-text-sort': sectionContent.paragraphProperties.onRightSide , 'text-image-sort': !sectionContent.paragraphProperties.onRightSide ,'paragraph-with-card':sectionContent.paragraphProperties.withCard }\">\n <div class=\"text-side\">\n <div class=\"preview-image\">\n <img [src]=\"selectedImage\" alt=\"\">\n </div>\n <div class=\"paragraph-items\">\n <feature-detail-item-three *ngFor=\"let paragraph of sectionContent.paragraphs\" [itemContent]=\"paragraph\" (selectedImage)=\"onChangeImage($event)\" [oneParagraph]=\"sectionContent.paragraphs.length == 1\" [paragraphWithCard]=\"sectionContent.paragraphProperties.withCard\">\n </feature-detail-item-three>\n </div>\n </div>\n <div class=\"image-buttons-side\">\n <img [src]=\"selectedImage\" alt=\"\">\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{padding:2rem}.section .section-content{display:flex;flex-direction:row;column-gap:8%;margin:2rem auto;width:100%}.section .section-content .text-side{display:grid;row-gap:1rem;width:45%;padding:2rem 0rem}.section .section-content .text-side .preview-image{display:none}.section .section-content .text-side .paragraph-items{display:flex;flex-direction:column;row-gap:1rem}.section .section-content .image-buttons-side{width:57%;display:grid;align-content:center}.section .section-content .image-buttons-side img{width:100%;height:42rem;object-fit:cover;border-radius:1rem}@media only screen and (max-width: 56.25em){.section .section-content{flex-wrap:wrap}.section .section-content:nth-child(even){flex-direction:row}.section .section-content:nth-child(even) .image-buttons-side{justify-self:center}.section .section-content .text-side{width:100%;justify-self:left}.section .section-content .text-side .preview-image{display:grid;width:100%}.section .section-content .text-side .preview-image img{width:100%;height:35rem;object-fit:cover;border-radius:1rem}.section .section-content .image-buttons-side{display:none}}@media only screen and (max-width: 37.5em){.section .section-content .text-side .paragraph-items{column-count:1}}.section .image-text-sort{flex-direction:row-reverse}@media only screen and (max-width: 56.25em){.section .image-text-sort:nth-child(even) .image-buttons-side{justify-self:center}}.section .text-image-sort{flex-direction:row}\n"] }]
29
- }], ctorParameters: function () { return []; }, propDecorators: { sectionContent: [{
30
- type: Input
31
- }] } });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLXNldmVuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tc2V2ZW4vZmVhdHVyZS1zZWN0aW9uLXNldmVuLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tc2V2ZW4vZmVhdHVyZS1zZWN0aW9uLXNldmVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQU96RCxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDVixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFFLENBQUMsQ0FBRSxDQUFDLFNBQVMsQ0FBQztRQUNuRSxDQUFDLEVBQUUsQ0FBQztRQUNKLEtBQUssSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEVBQUU7WUFDcEQsU0FBUyxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDN0I7UUFDRCxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBRSxDQUFDLENBQUUsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBRXZELENBQUM7SUFFRCxhQUFhLENBQUMsTUFBTTtRQUNsQixLQUFLLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFO1lBQ3BELFNBQVMsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1NBQzdCO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxNQUFNLENBQUM7SUFDOUIsQ0FBQzs7eUhBdEJVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDJHQ1B6Qyw2bUNBbUJNOzJGRFpPLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBS3hCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmVhdHVyZS1zZWN0aW9uLXNldmVuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlYXR1cmUtc2VjdGlvbi1zZXZlbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tc2V2ZW4uY29tcG9uZW50LnNjc3MnIF1cbn0pXG5leHBvcnQgY2xhc3MgRmVhdHVyZVNlY3Rpb25TZXZlbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25Db250ZW50OiBhbnk7XG4gIHNlbGVjdGVkSW1hZ2U6IGFueTtcbiAgXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgbGV0IGkgPSAwO1xuICAgIHRoaXMuc2VsZWN0ZWRJbWFnZSA9IHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoc1sgMCBdLmltYWdlUGF0aDtcbiAgICBpKys7XG4gICAgZm9yIChsZXQgcGFyYWdyYXBoIG9mIHRoaXMuc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBocykge1xuICAgICAgcGFyYWdyYXBoLmlzQ2xpY2tlZCA9IGZhbHNlO1xuICAgIH1cbiAgICB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHNbIDAgXS5pc0NsaWNrZWQgPSB0cnVlO1xuXG4gIH1cblxuICBvbkNoYW5nZUltYWdlKCRldmVudCkge1xuICAgIGZvciAobGV0IHBhcmFncmFwaCBvZiB0aGlzLnNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMpIHtcbiAgICAgIHBhcmFncmFwaC5pc0NsaWNrZWQgPSBmYWxzZTtcbiAgICB9XG4gICAgdGhpcy5zZWxlY3RlZEltYWdlID0gJGV2ZW50O1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XG4gICAgICAgIDxzZWN0aW9uLXRpdGxlIFtzZWN0aW9uVGl0bGVdPVwic2VjdGlvbkNvbnRlbnQuc2VjdGlvblRpdGxlXCI+XG4gICAgICAgIDwvc2VjdGlvbi10aXRsZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2VjdGlvbi1jb250ZW50XCIgW25nQ2xhc3NdPVwieydpbWFnZS10ZXh0LXNvcnQnOiBzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLm9uUmlnaHRTaWRlICwgJ3RleHQtaW1hZ2Utc29ydCc6ICFzZWN0aW9uQ29udGVudC5wYXJhZ3JhcGhQcm9wZXJ0aWVzLm9uUmlnaHRTaWRlICwncGFyYWdyYXBoLXdpdGgtY2FyZCc6c2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoUHJvcGVydGllcy53aXRoQ2FyZCB9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXNpZGVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LWltYWdlXCI+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cInNlbGVjdGVkSW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBhcmFncmFwaC1pdGVtc1wiPlxuICAgICAgICAgICAgICAgIDxmZWF0dXJlLWRldGFpbC1pdGVtLXRocmVlICpuZ0Zvcj1cImxldCBwYXJhZ3JhcGggb2Ygc2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoc1wiIFtpdGVtQ29udGVudF09XCJwYXJhZ3JhcGhcIiAoc2VsZWN0ZWRJbWFnZSk9XCJvbkNoYW5nZUltYWdlKCRldmVudClcIiBbb25lUGFyYWdyYXBoXT1cInNlY3Rpb25Db250ZW50LnBhcmFncmFwaHMubGVuZ3RoID09IDFcIiBbcGFyYWdyYXBoV2l0aENhcmRdPVwic2VjdGlvbkNvbnRlbnQucGFyYWdyYXBoUHJvcGVydGllcy53aXRoQ2FyZFwiPlxuICAgICAgICAgICAgICAgIDwvZmVhdHVyZS1kZXRhaWwtaXRlbS10aHJlZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWJ1dHRvbnMtc2lkZVwiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cInNlbGVjdGVkSW1hZ2VcIiBhbHQ9XCJcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
package/esm2020/lib/feature-section-six/feature-section-six.component.mjs DELETED
@@ -1,77 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/cdk/layout";
4
- import * as i2 from "@fortawesome/angular-fontawesome";
5
- import * as i3 from "@angular/common";
6
- export class FeatureSectionSixComponent {
7
- constructor(breakpointObserver) {
8
- this.breakpointObserver = breakpointObserver;
9
- this.translateX = 0;
10
- }
11
- ngOnInit() {
12
- this.breakpointObserver.observe([
13
- "(max-width: 900px)"
14
- ]).subscribe((result) => {
15
- if (result.matches) {
16
- this.isTabPortrait = true;
17
- }
18
- else {
19
- this.isTabPortrait = false;
20
- }
21
- });
22
- for (let part of this.sectionContent.parts) {
23
- part.isClicked = false;
24
- }
25
- this.onClickImage(0);
26
- }
27
- onClickNext() {
28
- if (this.currentIndex < (this.sectionContent.parts.length - 1)) {
29
- this.currentIndex++;
30
- this.onClickImage(this.currentIndex);
31
- }
32
- }
33
- onClickBack() {
34
- if (this.currentIndex > 0) {
35
- this.currentIndex--;
36
- this.onClickImage(this.currentIndex);
37
- }
38
- }
39
- onClickImage(index) {
40
- this.currentIndex = index;
41
- if (this.isTabPortrait) {
42
- this.translateX = (index) * -85;
43
- }
44
- else {
45
- this.translateX = (index) * -45;
46
- }
47
- for (let part of this.sectionContent.parts) {
48
- part.isClicked = false;
49
- }
50
- this.sectionContent.parts[index].isClicked = true;
51
- if (this.sectionContent.parts.length == 0 || this.sectionContent.parts.length == 1) {
52
- this.isFirstPart = true;
53
- this.isLastPart = true;
54
- }
55
- else if (index == 0) {
56
- this.isFirstPart = true;
57
- this.isLastPart = false;
58
- }
59
- else if (index == (this.sectionContent.parts.length - 1)) {
60
- this.isLastPart = true;
61
- this.isFirstPart = false;
62
- }
63
- else {
64
- this.isLastPart = false;
65
- this.isFirstPart = false;
66
- }
67
- }
68
- }
69
- FeatureSectionSixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSixComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
70
- FeatureSectionSixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FeatureSectionSixComponent, selector: "feature-section-six", inputs: { sectionContent: "sectionContent" }, ngImport: i0, template: "<section class=\"section\">\n <div class=\"part-symbol\">\n <img [src]=\"sectionContent.partSymbol\" alt=\"\" class=\"symbol\" *ngIf=\"sectionContent.partSymbol\">\n <h3 class=\"part-name\">\n {{sectionContent.partName}}\n </h3>\n </div>\n <h1 class=\"title\">\n {{sectionContent.title | titlecase}}\n </h1>\n <div class=\"parts\" [ngStyle]=\"{'transform':'translateX(' + translateX + '%)'}\">\n <div class=\"part\" *ngFor=\"let part of sectionContent.parts;let i =index\" [ngClass]=\"{'clicked-part':part.isClicked,'not-clicked-part':!part.isClicked}\">\n <p class=\"description\">\n {{part.description}}\n </p>\n <img [src]=\"part.previewImage\" alt=\"\" class=\"preview-image\" (click)=\"onClickImage(i)\">\n </div>\n </div>\n <div class=\"switching-part-conrols\">\n <div class=\"arrows\">\n\n <span class=\"arrow arrow-left\" [ngClass]=\"{'disabled':isFirstPart}\" (click)=\"onClickBack()\">\n <fa-icon icon=\"circle-arrow-left\"></fa-icon>\n </span>\n <span class=\"arrow arrow-right\" [ngClass]=\"{'disabled':isLastPart}\" (click)=\"onClickNext()\">\n <fa-icon icon=\"circle-arrow-right\"></fa-icon>\n </span>\n </div>\n <div class=\"scroller\">\n <div class=\"scroll-line\" *ngFor=\"let line of sectionContent.parts; let i = index\" [ngClass]=\"{'clicked-line':line.isClicked}\" (click)=\"onClickImage(i)\"></div>\n </div>\n </div>\n\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{margin:auto;display:flex;flex-direction:column;row-gap:3rem;text-align:center;justify-content:center;background-color:#f7f8f9;color:#32353b;padding:3rem 1rem;overflow:hidden}.section .part-symbol{display:flex;flex-direction:column;row-gap:1rem;justify-content:center;align-items:center}.section .part-symbol .symbol{width:10rem}.section .parts{display:flex;flex-direction:row;column-gap:5%;transform:translate(0);transition:cubic-bezier(.51,.92,.24,1.15) transform .7s;overflow-x:infinite;scroll-snap-align:none center}.section .parts .part{min-width:40%;margin:auto;transition:all ease-in-out .4s}.section .parts .part .description{padding:1rem;text-align:left;border-left:solid #32353B .3rem;transition:all ease-in-out .4s}.section .parts .part .preview-image{width:100%;height:40rem;border-radius:1.5rem;object-fit:cover;cursor:pointer;transition:all ease-in-out .4s}.section .parts .part:first-child{margin-left:30%}.section .parts .part:last-child{margin-right:30%}.section .parts .clicked-part{transform:scale(1.05)}.section .parts .clicked-part .description,.section .parts .clicked-part .preview-image{opacity:1}.section .parts .clicked-part .preview-image{box-shadow:#0000003d 0 .3rem .8rem}.section .parts .not-clicked-part .description,.section .parts .not-clicked-part .preview-image{opacity:.7}.section .parts .not-clicked-part .preview-image:hover{opacity:.8}.section .switching-part-conrols{display:flex;flex-direction:column;row-gap:3rem;width:60%;margin:auto;justify-content:center}.section .switching-part-conrols .arrows{display:flex;flex-direction:row;column-gap:2rem;width:max-content;margin:auto}.section .switching-part-conrols .arrows .arrow{cursor:pointer}.section .switching-part-conrols .arrows fa-icon{font-size:4rem;color:#32353b;transition:all ease-in-out .2s}.section .switching-part-conrols .arrows fa-icon:active{color:#32353bcc}.section .switching-part-conrols .arrows .disabled{cursor:not-allowed}.section .switching-part-conrols .arrows .disabled fa-icon{opacity:.5}.section .switching-part-conrols .arrows .disabled fa-icon:active{color:#32353b}.section .switching-part-conrols .scroller{display:flex;flex-direction:row;width:70%;margin:auto;border-radius:1rem;background-color:#fff;overflow:hidden}.section .switching-part-conrols .scroller .scroll-line{flex-grow:1;border-bottom:.6rem solid #ffffff;cursor:pointer;transition:all ease-in-out .2s}.section .switching-part-conrols .scroller .scroll-line:hover{border-bottom:.6rem solid rgba(50,53,59,.4)}.section .switching-part-conrols .scroller .clicked-line{border-bottom:.6rem solid #32353B}.section .switching-part-conrols .scroller .clicked-line:hover{border-bottom:.6rem solid #32353b}@media only screen and (max-width: 56.25em){.section .parts .part{min-width:80%}.section .parts .part:first-child{margin-left:10%}.section .parts .part:last-child{margin-right:10%}}\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: "pipe", type: i3.TitleCasePipe, name: "titlecase" }] });
71
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FeatureSectionSixComponent, decorators: [{
72
- type: Component,
73
- args: [{ selector: 'feature-section-six', template: "<section class=\"section\">\n <div class=\"part-symbol\">\n <img [src]=\"sectionContent.partSymbol\" alt=\"\" class=\"symbol\" *ngIf=\"sectionContent.partSymbol\">\n <h3 class=\"part-name\">\n {{sectionContent.partName}}\n </h3>\n </div>\n <h1 class=\"title\">\n {{sectionContent.title | titlecase}}\n </h1>\n <div class=\"parts\" [ngStyle]=\"{'transform':'translateX(' + translateX + '%)'}\">\n <div class=\"part\" *ngFor=\"let part of sectionContent.parts;let i =index\" [ngClass]=\"{'clicked-part':part.isClicked,'not-clicked-part':!part.isClicked}\">\n <p class=\"description\">\n {{part.description}}\n </p>\n <img [src]=\"part.previewImage\" alt=\"\" class=\"preview-image\" (click)=\"onClickImage(i)\">\n </div>\n </div>\n <div class=\"switching-part-conrols\">\n <div class=\"arrows\">\n\n <span class=\"arrow arrow-left\" [ngClass]=\"{'disabled':isFirstPart}\" (click)=\"onClickBack()\">\n <fa-icon icon=\"circle-arrow-left\"></fa-icon>\n </span>\n <span class=\"arrow arrow-right\" [ngClass]=\"{'disabled':isLastPart}\" (click)=\"onClickNext()\">\n <fa-icon icon=\"circle-arrow-right\"></fa-icon>\n </span>\n </div>\n <div class=\"scroller\">\n <div class=\"scroll-line\" *ngFor=\"let line of sectionContent.parts; let i = index\" [ngClass]=\"{'clicked-line':line.isClicked}\" (click)=\"onClickImage(i)\"></div>\n </div>\n </div>\n\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%}}app-root{font-family:sans-serif;font-size:1.6rem}input{font-size:1.2rem;padding:.5rem}input:focus{outline:none}.section{margin:auto;display:flex;flex-direction:column;row-gap:3rem;text-align:center;justify-content:center;background-color:#f7f8f9;color:#32353b;padding:3rem 1rem;overflow:hidden}.section .part-symbol{display:flex;flex-direction:column;row-gap:1rem;justify-content:center;align-items:center}.section .part-symbol .symbol{width:10rem}.section .parts{display:flex;flex-direction:row;column-gap:5%;transform:translate(0);transition:cubic-bezier(.51,.92,.24,1.15) transform .7s;overflow-x:infinite;scroll-snap-align:none center}.section .parts .part{min-width:40%;margin:auto;transition:all ease-in-out .4s}.section .parts .part .description{padding:1rem;text-align:left;border-left:solid #32353B .3rem;transition:all ease-in-out .4s}.section .parts .part .preview-image{width:100%;height:40rem;border-radius:1.5rem;object-fit:cover;cursor:pointer;transition:all ease-in-out .4s}.section .parts .part:first-child{margin-left:30%}.section .parts .part:last-child{margin-right:30%}.section .parts .clicked-part{transform:scale(1.05)}.section .parts .clicked-part .description,.section .parts .clicked-part .preview-image{opacity:1}.section .parts .clicked-part .preview-image{box-shadow:#0000003d 0 .3rem .8rem}.section .parts .not-clicked-part .description,.section .parts .not-clicked-part .preview-image{opacity:.7}.section .parts .not-clicked-part .preview-image:hover{opacity:.8}.section .switching-part-conrols{display:flex;flex-direction:column;row-gap:3rem;width:60%;margin:auto;justify-content:center}.section .switching-part-conrols .arrows{display:flex;flex-direction:row;column-gap:2rem;width:max-content;margin:auto}.section .switching-part-conrols .arrows .arrow{cursor:pointer}.section .switching-part-conrols .arrows fa-icon{font-size:4rem;color:#32353b;transition:all ease-in-out .2s}.section .switching-part-conrols .arrows fa-icon:active{color:#32353bcc}.section .switching-part-conrols .arrows .disabled{cursor:not-allowed}.section .switching-part-conrols .arrows .disabled fa-icon{opacity:.5}.section .switching-part-conrols .arrows .disabled fa-icon:active{color:#32353b}.section .switching-part-conrols .scroller{display:flex;flex-direction:row;width:70%;margin:auto;border-radius:1rem;background-color:#fff;overflow:hidden}.section .switching-part-conrols .scroller .scroll-line{flex-grow:1;border-bottom:.6rem solid #ffffff;cursor:pointer;transition:all ease-in-out .2s}.section .switching-part-conrols .scroller .scroll-line:hover{border-bottom:.6rem solid rgba(50,53,59,.4)}.section .switching-part-conrols .scroller .clicked-line{border-bottom:.6rem solid #32353B}.section .switching-part-conrols .scroller .clicked-line:hover{border-bottom:.6rem solid #32353b}@media only screen and (max-width: 56.25em){.section .parts .part{min-width:80%}.section .parts .part:first-child{margin-left:10%}.section .parts .part:last-child{margin-right:10%}}\n"] }]
74
- }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; }, propDecorators: { sectionContent: [{
75
- type: Input
76
- }] } });
77
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLXNpeC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9qb29sZXItd2Vic2l0ZXMtc2hhcmVkL3NyYy9saWIvZmVhdHVyZS1zZWN0aW9uLXNpeC9mZWF0dXJlLXNlY3Rpb24tc2l4LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2pvb2xlci13ZWJzaXRlcy1zaGFyZWQvc3JjL2xpYi9mZWF0dXJlLXNlY3Rpb24tc2l4L2ZlYXR1cmUtc2VjdGlvbi1zaXguY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3pELE1BQU0sT0FBTywwQkFBMEI7SUFPckMsWUFBb0Isa0JBQXNDO1FBQXRDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFMMUQsZUFBVSxHQUFXLENBQUMsQ0FBQztJQUt1QyxDQUFDO0lBRS9ELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDO1lBQzlCLG9CQUFvQjtTQUNyQixDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBdUIsRUFBRSxFQUFFO1lBQ3ZDLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRTtnQkFDbEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7YUFDM0I7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7YUFDNUI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILEtBQUssSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUU7WUFDMUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7U0FDeEI7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxFQUFFO1lBQzlELElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQTtTQUNyQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBRTtZQUN6QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUE7U0FDckM7SUFDSCxDQUFDO0lBR0QsWUFBWSxDQUFDLEtBQUs7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztTQUNqQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1NBQ2pDO1FBQ0QsS0FBSyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRTtZQUMxQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUN4QjtRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFFLEtBQUssQ0FBRSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDcEQsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7WUFDbEYsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7U0FDeEI7YUFDSSxJQUFJLEtBQUssSUFBSSxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7YUFDSSxJQUFJLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsRUFBRTtZQUN4RCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN2QixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztTQUMxQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7U0FDMUI7SUFDSCxDQUFDOzt1SEFqRVUsMEJBQTBCOzJHQUExQiwwQkFBMEIseUdDUnZDLHlqREFpQ1U7MkZEekJHLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxxQkFBcUI7eUdBS3RCLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZlYXR1cmUtc2VjdGlvbi1zaXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVhdHVyZS1zZWN0aW9uLXNpeC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mZWF0dXJlLXNlY3Rpb24tc2l4LmNvbXBvbmVudC5zY3NzJyBdXG59KVxuZXhwb3J0IGNsYXNzIEZlYXR1cmVTZWN0aW9uU2l4Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkNvbnRlbnQ6IGFueTtcbiAgdHJhbnNsYXRlWDogbnVtYmVyID0gMDtcbiAgaXNGaXJzdFBhcnQ6IGJvb2xlYW47XG4gIGlzTGFzdFBhcnQ6IGJvb2xlYW47XG4gIGN1cnJlbnRJbmRleDogbnVtYmVyO1xuICBpc1RhYlBvcnRyYWl0OiBib29sZWFuO1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtcbiAgICAgIFwiKG1heC13aWR0aDogOTAwcHgpXCJcbiAgICBdKS5zdWJzY3JpYmUoKHJlc3VsdDogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICBpZiAocmVzdWx0Lm1hdGNoZXMpIHtcbiAgICAgICAgdGhpcy5pc1RhYlBvcnRyYWl0ID0gdHJ1ZTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuaXNUYWJQb3J0cmFpdCA9IGZhbHNlO1xuICAgICAgfVxuICAgIH0pO1xuICAgIGZvciAobGV0IHBhcnQgb2YgdGhpcy5zZWN0aW9uQ29udGVudC5wYXJ0cykge1xuICAgICAgcGFydC5pc0NsaWNrZWQgPSBmYWxzZTtcbiAgICB9XG4gICAgdGhpcy5vbkNsaWNrSW1hZ2UoMCk7XG4gIH1cbiAgb25DbGlja05leHQoKSB7XG4gICAgaWYgKHRoaXMuY3VycmVudEluZGV4IDwgKHRoaXMuc2VjdGlvbkNvbnRlbnQucGFydHMubGVuZ3RoIC0gMSkpIHtcbiAgICAgIHRoaXMuY3VycmVudEluZGV4Kys7XG4gICAgICB0aGlzLm9uQ2xpY2tJbWFnZSh0aGlzLmN1cnJlbnRJbmRleClcbiAgICB9XG4gIH1cblxuICBvbkNsaWNrQmFjaygpIHtcbiAgICBpZiAodGhpcy5jdXJyZW50SW5kZXggPiAwKSB7XG4gICAgICB0aGlzLmN1cnJlbnRJbmRleC0tO1xuICAgICAgdGhpcy5vbkNsaWNrSW1hZ2UodGhpcy5jdXJyZW50SW5kZXgpXG4gICAgfVxuICB9XG5cblxuICBvbkNsaWNrSW1hZ2UoaW5kZXgpIHtcbiAgICB0aGlzLmN1cnJlbnRJbmRleCA9IGluZGV4O1xuICAgIGlmICh0aGlzLmlzVGFiUG9ydHJhaXQpIHtcbiAgICAgIHRoaXMudHJhbnNsYXRlWCA9IChpbmRleCkgKiAtODU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudHJhbnNsYXRlWCA9IChpbmRleCkgKiAtNDU7XG4gICAgfVxuICAgIGZvciAobGV0IHBhcnQgb2YgdGhpcy5zZWN0aW9uQ29udGVudC5wYXJ0cykge1xuICAgICAgcGFydC5pc0NsaWNrZWQgPSBmYWxzZTtcbiAgICB9XG4gICAgdGhpcy5zZWN0aW9uQ29udGVudC5wYXJ0c1sgaW5kZXggXS5pc0NsaWNrZWQgPSB0cnVlO1xuICAgIGlmICh0aGlzLnNlY3Rpb25Db250ZW50LnBhcnRzLmxlbmd0aCA9PSAwIHx8IHRoaXMuc2VjdGlvbkNvbnRlbnQucGFydHMubGVuZ3RoID09IDEpIHtcbiAgICAgIHRoaXMuaXNGaXJzdFBhcnQgPSB0cnVlO1xuICAgICAgdGhpcy5pc0xhc3RQYXJ0ID0gdHJ1ZTtcbiAgICB9XG4gICAgZWxzZSBpZiAoaW5kZXggPT0gMCkge1xuICAgICAgdGhpcy5pc0ZpcnN0UGFydCA9IHRydWU7XG4gICAgICB0aGlzLmlzTGFzdFBhcnQgPSBmYWxzZTtcbiAgICB9XG4gICAgZWxzZSBpZiAoaW5kZXggPT0gKHRoaXMuc2VjdGlvbkNvbnRlbnQucGFydHMubGVuZ3RoIC0gMSkpIHtcbiAgICAgIHRoaXMuaXNMYXN0UGFydCA9IHRydWU7XG4gICAgICB0aGlzLmlzRmlyc3RQYXJ0ID0gZmFsc2U7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNMYXN0UGFydCA9IGZhbHNlO1xuICAgICAgdGhpcy5pc0ZpcnN0UGFydCA9IGZhbHNlO1xuICAgIH1cbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZWN0aW9uXCI+XG4gICAgPGRpdiBjbGFzcz1cInBhcnQtc3ltYm9sXCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJzZWN0aW9uQ29udGVudC5wYXJ0U3ltYm9sXCIgYWx0PVwiXCIgY2xhc3M9XCJzeW1ib2xcIiAqbmdJZj1cInNlY3Rpb25Db250ZW50LnBhcnRTeW1ib2xcIj5cbiAgICAgICAgPGgzIGNsYXNzPVwicGFydC1uYW1lXCI+XG4gICAgICAgICAgICB7e3NlY3Rpb25Db250ZW50LnBhcnROYW1lfX1cbiAgICAgICAgPC9oMz5cbiAgICA8L2Rpdj5cbiAgICA8aDEgY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICB7e3NlY3Rpb25Db250ZW50LnRpdGxlIHwgdGl0bGVjYXNlfX1cbiAgICA8L2gxPlxuICAgIDxkaXYgY2xhc3M9XCJwYXJ0c1wiIFtuZ1N0eWxlXT1cInsndHJhbnNmb3JtJzondHJhbnNsYXRlWCgnICsgdHJhbnNsYXRlWCArICclKSd9XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwYXJ0XCIgKm5nRm9yPVwibGV0IHBhcnQgb2Ygc2VjdGlvbkNvbnRlbnQucGFydHM7bGV0IGkgPWluZGV4XCIgW25nQ2xhc3NdPVwieydjbGlja2VkLXBhcnQnOnBhcnQuaXNDbGlja2VkLCdub3QtY2xpY2tlZC1wYXJ0JzohcGFydC5pc0NsaWNrZWR9XCI+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3twYXJ0LmRlc2NyaXB0aW9ufX1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJwYXJ0LnByZXZpZXdJbWFnZVwiIGFsdD1cIlwiIGNsYXNzPVwicHJldmlldy1pbWFnZVwiIChjbGljayk9XCJvbkNsaWNrSW1hZ2UoaSlcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInN3aXRjaGluZy1wYXJ0LWNvbnJvbHNcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFycm93c1wiPlxuXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImFycm93IGFycm93LWxlZnRcIiBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJzppc0ZpcnN0UGFydH1cIiAoY2xpY2spPVwib25DbGlja0JhY2soKVwiPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uIGljb249XCJjaXJjbGUtYXJyb3ctbGVmdFwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYXJyb3cgYXJyb3ctcmlnaHRcIiBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJzppc0xhc3RQYXJ0fVwiIChjbGljayk9XCJvbkNsaWNrTmV4dCgpXCI+XG4gICAgICAgICAgICAgICAgPGZhLWljb24gaWNvbj1cImNpcmNsZS1hcnJvdy1yaWdodFwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzY3JvbGxlclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNjcm9sbC1saW5lXCIgKm5nRm9yPVwibGV0IGxpbmUgb2Ygc2VjdGlvbkNvbnRlbnQucGFydHM7IGxldCBpID0gaW5kZXhcIiBbbmdDbGFzc109XCJ7J2NsaWNrZWQtbGluZSc6bGluZS5pc0NsaWNrZWR9XCIgKGNsaWNrKT1cIm9uQ2xpY2tJbWFnZShpKVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuPC9zZWN0aW9uPiJdfQ==