af-connect-components 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/af-connect-components.module.mjs +32 -5
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +147 -17
- package/esm2020/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +47 -0
- package/esm2020/lib/af-connect-products-carousel/defaultConfig.mjs +27 -0
- package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +27 -0
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +2 -2
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +3 -3
- package/esm2020/lib/faq/faq/faq.component.mjs +23 -0
- package/esm2020/lib/faq/faq-item/faq-item.component.mjs +17 -0
- package/esm2020/lib/faq/faqItem.mjs +2 -0
- package/esm2020/lib/faq/image-fallback/image-fallback.component.mjs +74 -0
- package/esm2020/public-api.mjs +5 -1
- package/esm2020/shared/pipes/get-initials.mjs +4 -1
- package/fesm2015/af-connect-components.mjs +375 -27
- package/fesm2015/af-connect-components.mjs.map +1 -1
- package/fesm2020/af-connect-components.mjs +375 -27
- package/fesm2020/af-connect-components.mjs.map +1 -1
- package/lib/af-connect-components.module.d.ts +8 -3
- package/lib/af-connect-footer/af-connect-footer.component.d.ts +130 -0
- package/lib/af-connect-products-carousel/af-connect-products-carousel.component.d.ts +32 -0
- package/lib/af-connect-products-carousel/defaultConfig.d.ts +6 -0
- package/lib/af-connect-products-carousel/image-card/image-card.component.d.ts +13 -0
- package/lib/faq/faq/faq.component.d.ts +9 -0
- package/lib/faq/faq-item/faq-item.component.d.ts +7 -0
- package/lib/faq/faqItem.d.ts +7 -0
- package/lib/faq/image-fallback/image-fallback.component.d.ts +18 -0
- package/package.json +1 -1
- package/public-api.d.ts +4 -0
- package/shared/pipes/get-initials.d.ts +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export const defaultConfig = [
|
|
2
|
+
{
|
|
3
|
+
imageSrc: 'http://172.26.4.42:4503/content/dam/afbr/common/images-website/products/af-connect/mmm-carousel.jpg',
|
|
4
|
+
title: 'My Money Matters',
|
|
5
|
+
content: 'Get the most out of your money. Explore ways to make your money and savings work for you with our tools.',
|
|
6
|
+
readMore: 'https://mymoneymatters.alexforbes.com/'
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
imageSrc: 'http://172.26.4.42:4503/content/dam/afbr/common/images-website/products/af-connect/AF-Rewards-carousel.jpg',
|
|
10
|
+
title: 'My Rewards',
|
|
11
|
+
content: 'Exclusive savings from big brands.',
|
|
12
|
+
readMore: 'https://rewards.alexforbes.com/landingpage'
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
imageSrc: 'http://172.26.4.42:4503/content/dam/afbr/common/images-website/products/af-connect/Unit-trusts-carousel.jpg',
|
|
16
|
+
title: 'Unit Trusts',
|
|
17
|
+
content: 'Invest from as little as R500.00 a month to up to R30 000.00 up front toward a personal goal.',
|
|
18
|
+
readMore: 'https://www.alexforbes.com/za/en/individual/investing-for-a-goal.html'
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
imageSrc: 'http://172.26.4.42:4503/content/dam/afbr/common/images-website/products/af-connect/AF-Plus-carousel.jpg',
|
|
22
|
+
title: 'AF+',
|
|
23
|
+
content: 'Guided by expert advisers and fulfilled by trusted partners, making it easy to solve life’s financial challenges with confidence.',
|
|
24
|
+
readMore: 'https://plus.alexforbes.com/'
|
|
25
|
+
},
|
|
26
|
+
];
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdENvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwvZGVmYXVsdENvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDekI7UUFDSSxRQUFRLEVBQUUscUdBQXFHO1FBQy9HLEtBQUssRUFBRSxrQkFBa0I7UUFDekIsT0FBTyxFQUFFLDBHQUEwRztRQUNuSCxRQUFRLEVBQUUsd0NBQXdDO0tBQ3JEO0lBQ0Q7UUFDSSxRQUFRLEVBQUUsNEdBQTRHO1FBQ3RILEtBQUssRUFBRSxZQUFZO1FBQ25CLE9BQU8sRUFBRSxvQ0FBb0M7UUFDN0MsUUFBUSxFQUFFLDRDQUE0QztLQUN6RDtJQUNEO1FBQ0ksUUFBUSxFQUFFLDZHQUE2RztRQUN2SCxLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPLEVBQUUsK0ZBQStGO1FBQ3hHLFFBQVEsRUFBRSx1RUFBdUU7S0FDcEY7SUFDRDtRQUNJLFFBQVEsRUFBRSx5R0FBeUc7UUFDbkgsS0FBSyxFQUFFLEtBQUs7UUFDWixPQUFPLEVBQUUsbUlBQW1JO1FBQzVJLFFBQVEsRUFBRSw4QkFBOEI7S0FDM0M7Q0FDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGRlZmF1bHRDb25maWcgPSBbXHJcbiAgICB7XHJcbiAgICAgICAgaW1hZ2VTcmM6ICdodHRwOi8vMTcyLjI2LjQuNDI6NDUwMy9jb250ZW50L2RhbS9hZmJyL2NvbW1vbi9pbWFnZXMtd2Vic2l0ZS9wcm9kdWN0cy9hZi1jb25uZWN0L21tbS1jYXJvdXNlbC5qcGcnLFxyXG4gICAgICAgIHRpdGxlOiAnTXkgTW9uZXkgTWF0dGVycycsXHJcbiAgICAgICAgY29udGVudDogJ0dldCB0aGUgbW9zdCBvdXQgb2YgeW91ciBtb25leS4gRXhwbG9yZSB3YXlzIHRvIG1ha2UgeW91ciBtb25leSBhbmQgc2F2aW5ncyB3b3JrIGZvciB5b3Ugd2l0aCBvdXIgdG9vbHMuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vbXltb25leW1hdHRlcnMuYWxleGZvcmJlcy5jb20vJ1xyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBpbWFnZVNyYzogJ2h0dHA6Ly8xNzIuMjYuNC40Mjo0NTAzL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvQUYtUmV3YXJkcy1jYXJvdXNlbC5qcGcnLFxyXG4gICAgICAgIHRpdGxlOiAnTXkgUmV3YXJkcycsXHJcbiAgICAgICAgY29udGVudDogJ0V4Y2x1c2l2ZSBzYXZpbmdzIGZyb20gYmlnIGJyYW5kcy4nLFxyXG4gICAgICAgIHJlYWRNb3JlOiAnaHR0cHM6Ly9yZXdhcmRzLmFsZXhmb3JiZXMuY29tL2xhbmRpbmdwYWdlJ1xyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgICBpbWFnZVNyYzogJ2h0dHA6Ly8xNzIuMjYuNC40Mjo0NTAzL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvVW5pdC10cnVzdHMtY2Fyb3VzZWwuanBnJyxcclxuICAgICAgICB0aXRsZTogJ1VuaXQgVHJ1c3RzJyxcclxuICAgICAgICBjb250ZW50OiAnSW52ZXN0IGZyb20gYXMgbGl0dGxlIGFzIFI1MDAuMDAgYSBtb250aCB0byB1cCB0byBSMzAgMDAwLjAwIHVwIGZyb250IHRvd2FyZCBhIHBlcnNvbmFsIGdvYWwuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vd3d3LmFsZXhmb3JiZXMuY29tL3phL2VuL2luZGl2aWR1YWwvaW52ZXN0aW5nLWZvci1hLWdvYWwuaHRtbCdcclxuICAgIH0sXHJcbiAgICB7XHJcbiAgICAgICAgaW1hZ2VTcmM6ICdodHRwOi8vMTcyLjI2LjQuNDI6NDUwMy9jb250ZW50L2RhbS9hZmJyL2NvbW1vbi9pbWFnZXMtd2Vic2l0ZS9wcm9kdWN0cy9hZi1jb25uZWN0L0FGLVBsdXMtY2Fyb3VzZWwuanBnJyxcclxuICAgICAgICB0aXRsZTogJ0FGKycsXHJcbiAgICAgICAgY29udGVudDogJ0d1aWRlZCBieSBleHBlcnQgYWR2aXNlcnMgYW5kIGZ1bGZpbGxlZCBieSB0cnVzdGVkIHBhcnRuZXJzLCBtYWtpbmcgaXQgZWFzeSB0byBzb2x2ZSBsaWZl4oCZcyBmaW5hbmNpYWwgY2hhbGxlbmdlcyB3aXRoIGNvbmZpZGVuY2UuJyxcclxuICAgICAgICByZWFkTW9yZTogJ2h0dHBzOi8vcGx1cy5hbGV4Zm9yYmVzLmNvbS8nXHJcbiAgICB9LFxyXG5dO1xyXG4iXX0=
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class ImageCardComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.title = '';
|
|
6
|
+
this.content = '';
|
|
7
|
+
}
|
|
8
|
+
ngOnInit() { }
|
|
9
|
+
openReadMore() {
|
|
10
|
+
window.open(this.readMoreLink, '_blank');
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
ImageCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
ImageCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ImageCardComponent, selector: "af-connect-image-card", inputs: { src: "src", title: "title", content: "content", readMoreLink: "readMoreLink" }, ngImport: i0, template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n <span class=\"info-container__title\">{{ title }}</span>\r\n <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n <span class=\"info-container__title\">{{ title }}</span>\r\n <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] }]
|
|
18
|
+
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], title: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], content: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], readMoreLink: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLGtCQUFrQjtJQU03QjtRQUpTLFVBQUssR0FBdUIsRUFBRSxDQUFDO1FBQy9CLFlBQU8sR0FBdUIsRUFBRSxDQUFDO0lBRzFCLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7SUFFcEIsWUFBWTtRQUNWLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDOzsrR0FaVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix1SkNQL0IsMlJBTUE7MkZEQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLHVCQUF1QjswRUFLeEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhZi1jb25uZWN0LWltYWdlLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pbWFnZS1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEltYWdlQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIHJlYWRNb3JlTGluazogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuICBvcGVuUmVhZE1vcmUoKSB7XHJcbiAgICB3aW5kb3cub3Blbih0aGlzLnJlYWRNb3JlTGluaywgJ19ibGFuaycpO1xyXG4gIH1cclxufVxyXG4iLCI8aW1nIFtzcmNdPVwic3JjXCIgLz5cclxuPGRpdiBjbGFzcz1cImluZm8tY29udGFpbmVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJpbmZvLWNvbnRhaW5lcl9fdGl0bGVcIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cImluZm8tY29udGFpbmVyX19jb250ZW50XCI+e3sgY29udGVudCB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcbjxidXR0b24gY2xhc3M9XCJidXR0b24tcmVhZC1tb3JlXCIgKGNsaWNrKT1cIm9wZW5SZWFkTW9yZSgpXCI+UmVhZCBtb3JlPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -21,10 +21,10 @@ export class AfConnectProfileDropdown {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
AfConnectProfileDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username" }, outputs: { callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout" }, host: { listeners: { "click": "show($event)", "document:click": "click($event)" } }, ngImport: i0, template: "<span class=\"logo-content\">{{ username | getInitials }}</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg> \r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg> \r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [":host{width:3rem;height:3rem;background:orange;display:flex;place-items:center;place-content:center;border:3px white solid;border-radius:50%;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));cursor:pointer;z-index:999}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{color:#fff;font-family:Hero New ExtraBold;font-size:23px}@media (max-width: 768px){.logo-content{font-size:12px}}.dropdown-content{position:absolute;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;width:194px;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content div:nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content div:nth-child(-n+2){display:
|
|
24
|
+
AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username" }, outputs: { callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout" }, host: { listeners: { "click": "show($event)", "document:click": "click($event)" } }, ngImport: i0, template: "<span class=\"logo-content\">{{ username | getInitials }}</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg> \r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg> \r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [":host{width:3rem;height:3rem;background:orange;display:flex;place-items:center;place-content:center;border:3px white solid;border-radius:50%;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));cursor:pointer;z-index:999}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{color:#fff;font-family:Hero New ExtraBold;font-size:23px}@media (max-width: 768px){.logo-content{font-size:12px}}.dropdown-content{position:absolute;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;width:194px;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content div:nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content div:nth-child(-n+2){display:none}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg{width:20px;height:20px;padding-left:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.GetinItialsPipe, name: "getInitials" }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span class=\"logo-content\">{{ username | getInitials }}</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg> \r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg> \r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [":host{width:3rem;height:3rem;background:orange;display:flex;place-items:center;place-content:center;border:3px white solid;border-radius:50%;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));cursor:pointer;z-index:999}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{color:#fff;font-family:Hero New ExtraBold;font-size:23px}@media (max-width: 768px){.logo-content{font-size:12px}}.dropdown-content{position:absolute;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;width:194px;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content div:nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content div:nth-child(-n+2){display:
|
|
27
|
+
args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span class=\"logo-content\">{{ username | getInitials }}</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg> \r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg> \r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n", styles: [":host{width:3rem;height:3rem;background:orange;display:flex;place-items:center;place-content:center;border:3px white solid;border-radius:50%;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));cursor:pointer;z-index:999}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{color:#fff;font-family:Hero New ExtraBold;font-size:23px}@media (max-width: 768px){.logo-content{font-size:12px}}.dropdown-content{position:absolute;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;width:194px;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content div:nth-child(-n+2){display:none}.dropdown-content div:nth-child(4){color:var(--red-test)}@media (max-width: 768px){.dropdown-content{top:47px}.dropdown-content div:nth-child(-n+2){display:none}}.dropdown-content div{display:flex;align-items:center;width:100%;height:3rem;gap:1rem;border-bottom:1px solid rgba(120,132,158,.0784313725)}.dropdown-content div svg{width:20px;height:20px;padding-left:1rem}\n"] }]
|
|
28
28
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { username: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], callMeBack: [{
|
|
@@ -11,7 +11,7 @@ export class ExpandableArrowComponent {
|
|
|
11
11
|
ngOnInit() { }
|
|
12
12
|
}
|
|
13
13
|
ExpandableArrowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableArrowComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ExpandableArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", ngImport: i0, template: "<span class=\"expandable-arrow\" #arrow>\r\n <mat-icon [@expandableArrow]=\"(wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : 'collapsed'\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n</span>\r\n", styles: [".mat-icon{width:18px;height:18px}.material-icons{font-size:18px}.expandable-arrow{color:#fff;opacity:70%}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], animations: [trigger('expandableArrow', [
|
|
14
|
+
ExpandableArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", ngImport: i0, template: "<span class=\"expandable-arrow\" #arrow>\r\n <mat-icon [@expandableArrow]=\"(wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : 'collapsed'\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n</span>\r\n", styles: [".mat-icon{width:18px;height:18px}.material-icons{font-size:18px}.expandable-arrow{color:#fff;opacity:70%}:host(.faq-arrow) .expandable-arrow{color:#124e57;opacity:100%}:host(.faq-arrow) .mat-icon{width:19px;height:19px}:host(.faq-arrow) .material-icons{font-size:19px}@media (max-width: 1024px){:host(.faq-arrow) .mat-icon{width:16px;height:16px}:host(.faq-arrow) .material-icons{font-size:16px}}\n"], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], animations: [trigger('expandableArrow', [
|
|
15
15
|
state('collapsed', style({ transform: 'rotate(0)' })),
|
|
16
16
|
state('expanded', style({ transform: 'rotate(90deg)' })),
|
|
17
17
|
transition('expanded <=> collapsed', animate('265ms ease-out')),
|
|
@@ -24,10 +24,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImpor
|
|
|
24
24
|
state('expanded', style({ transform: 'rotate(90deg)' })),
|
|
25
25
|
transition('expanded <=> collapsed', animate('265ms ease-out')),
|
|
26
26
|
transition('collapsed <=> expanded', animate('265ms ease-in'))
|
|
27
|
-
])], template: "<span class=\"expandable-arrow\" #arrow>\r\n <mat-icon [@expandableArrow]=\"(wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : 'collapsed'\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n</span>\r\n", styles: [".mat-icon{width:18px;height:18px}.material-icons{font-size:18px}.expandable-arrow{color:#fff;opacity:70%}\n"] }]
|
|
27
|
+
])], template: "<span class=\"expandable-arrow\" #arrow>\r\n <mat-icon [@expandableArrow]=\"(wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : 'collapsed'\">\r\n arrow_forward_ios\r\n </mat-icon>\r\n</span>\r\n", styles: [".mat-icon{width:18px;height:18px}.material-icons{font-size:18px}.expandable-arrow{color:#fff;opacity:70%}:host(.faq-arrow) .expandable-arrow{color:#124e57;opacity:100%}:host(.faq-arrow) .mat-icon{width:19px;height:19px}:host(.faq-arrow) .material-icons{font-size:19px}@media (max-width: 1024px){:host(.faq-arrow) .mat-icon{width:16px;height:16px}:host(.faq-arrow) .material-icons{font-size:16px}}\n"] }]
|
|
28
28
|
}], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
29
29
|
type: Host
|
|
30
30
|
}, {
|
|
31
31
|
type: Optional
|
|
32
32
|
}] }]; } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsSUFBSSxFQUErQixRQUFRLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7O0FBZXZJLE1BQU0sT0FBTyx3QkFBd0I7SUFDbkMsWUFBdUMsT0FBbUM7UUFBbkMsWUFBTyxHQUFQLE9BQU8sQ0FBNEI7SUFBSSxDQUFDO0lBRS9FLFFBQVEsS0FBVyxDQUFDOztxSEFIVCx3QkFBd0I7eUdBQXhCLHdCQUF3Qiw0RENoQnJDLHVOQUtBLG9vQkRJYyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtZQUN0QyxLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1lBQ3JELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7WUFDeEQsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQy9ELFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDL0QsQ0FBQyxDQUFDOzJGQUVRLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTs0QkFDdEMsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQzs0QkFDckQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FBQzs0QkFDeEQsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDOzRCQUMvRCxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDO3lCQUMvRCxDQUFDLENBQUM7OzBCQUdVLElBQUk7OzBCQUFJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciwgc3RhdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0LCBPcHRpb25hbCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FmYy1leHBhbmRhYmxlLWFycm93JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRhYmxlQXJyb3cnLCBbXHJcbiAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdyb3RhdGUoMCknIH0pKSxcclxuICAgIHN0YXRlKCdleHBhbmRlZCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAncm90YXRlKDkwZGVnKScgfSkpLFxyXG4gICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsIGFuaW1hdGUoJzI2NW1zIGVhc2Utb3V0JykpLFxyXG4gICAgdHJhbnNpdGlvbignY29sbGFwc2VkIDw9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzI2NW1zIGVhc2UtaW4nKSlcclxuICBdKV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVBcnJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoQEhvc3QoKSBAT3B0aW9uYWwoKSBwdWJsaWMgd3JhcHBlcjogRXhwYW5kYWJsZVdyYXBwZXJDb21wb25lbnQpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG59XHJcbiIsIjxzcGFuIGNsYXNzPVwiZXhwYW5kYWJsZS1hcnJvd1wiICNhcnJvdz5cclxuICA8bWF0LWljb24gW0BleHBhbmRhYmxlQXJyb3ddPVwiKHdyYXBwZXIgJiYgd3JhcHBlci5pc0V4cGFuZGVkJCB8IGFzeW5jKSA9PT0gdHJ1ZSA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1wiPlxyXG4gICAgYXJyb3dfZm9yd2FyZF9pb3NcclxuICA8L21hdC1pY29uPlxyXG48L3NwYW4+XHJcbiJdfQ==
|
|
@@ -0,0 +1,23 @@
|
|
|
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 "../faq-item/faq-item.component";
|
|
5
|
+
import * as i3 from "../image-fallback/image-fallback.component";
|
|
6
|
+
export class FaqComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.faqItems = [];
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
FaqComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FaqComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
FaqComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FaqComponent, selector: "lib-faq", inputs: { faqItems: "faqItems", fallBackImageSrc: "fallBackImageSrc", imageSrc: "imageSrc" }, ngImport: i0, template: "<div class=\"faq-container\">\r\n <div class=\"item-container\">\r\n <ng-container *ngFor=\"let item of faqItems\">\r\n <lib-faq-item [faqItem]=\"item\"></lib-faq-item>\r\n </ng-container>\r\n </div>\r\n <div class=\"image-container\">\r\n <img-with-fallback>\r\n <img imgWithFallback class=\"faq-image\" [src]=\"imageSrc\">\r\n <img class=\"error faq-image\" [src]=\"fallBackImageSrc\">\r\n </img-with-fallback>\r\n </div>\r\n</div>\r\n", styles: [".item-container{display:flex;flex-direction:column;gap:15px;max-width:55%;min-width:40%}@media (max-width: 1351px){.item-container{min-width:100%}}@media (max-width: 1024px){.item-container{gap:10px}}.image-container{max-width:45%;margin-right:5%}@media (max-width: 1351px){.image-container{display:none}}.faq-image{width:370px;height:370px}.faq-container{gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.FaqItemComponent, selector: "lib-faq-item", inputs: ["faqItem"] }, { kind: "directive", type: i3.ImageWithFallbackDirective, selector: "[imgWithFallback]" }, { kind: "component", type: i3.ImageWithFallbackComponent, selector: "img-with-fallback" }] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FaqComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'lib-faq', template: "<div class=\"faq-container\">\r\n <div class=\"item-container\">\r\n <ng-container *ngFor=\"let item of faqItems\">\r\n <lib-faq-item [faqItem]=\"item\"></lib-faq-item>\r\n </ng-container>\r\n </div>\r\n <div class=\"image-container\">\r\n <img-with-fallback>\r\n <img imgWithFallback class=\"faq-image\" [src]=\"imageSrc\">\r\n <img class=\"error faq-image\" [src]=\"fallBackImageSrc\">\r\n </img-with-fallback>\r\n </div>\r\n</div>\r\n", styles: [".item-container{display:flex;flex-direction:column;gap:15px;max-width:55%;min-width:40%}@media (max-width: 1351px){.item-container{min-width:100%}}@media (max-width: 1024px){.item-container{gap:10px}}.image-container{max-width:45%;margin-right:5%}@media (max-width: 1351px){.image-container{display:none}}.faq-image{width:370px;height:370px}.faq-container{gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-between}\n"] }]
|
|
16
|
+
}], propDecorators: { faqItems: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], fallBackImageSrc: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], imageSrc: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2ZhcS9mYXEvZmFxLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2ZhcS9mYXEvZmFxLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFqRCxNQUFNLE9BQU8sWUFBWTtJQUx6QjtRQU9FLGFBQVEsR0FBYyxFQUFFLENBQUM7S0FLMUI7O3lHQVBZLFlBQVk7NkZBQVosWUFBWSw2SUNSekIsZ2ZBYUE7MkZETGEsWUFBWTtrQkFMeEIsU0FBUzsrQkFDRSxTQUFTOzhCQU1uQixRQUFRO3NCQURQLEtBQUs7Z0JBR04sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGYXFJdGVtIH0gZnJvbSAnLi4vZmFxSXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mYXEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYXEuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhcS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGYXFDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgZmFxSXRlbXM6IEZhcUl0ZW1bXSA9IFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgZmFsbEJhY2tJbWFnZVNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgaW1hZ2VTcmM6IHN0cmluZztcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmFxLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIml0ZW0tY29udGFpbmVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBmYXFJdGVtc1wiPlxyXG4gICAgICAgICAgICA8bGliLWZhcS1pdGVtIFtmYXFJdGVtXT1cIml0ZW1cIj48L2xpYi1mYXEtaXRlbT5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgPGltZy13aXRoLWZhbGxiYWNrPlxyXG4gICAgICAgIDxpbWcgaW1nV2l0aEZhbGxiYWNrIGNsYXNzPVwiZmFxLWltYWdlXCIgW3NyY109XCJpbWFnZVNyY1wiPlxyXG4gICAgICAgIDxpbWcgY2xhc3M9XCJlcnJvciBmYXEtaW1hZ2VcIiBbc3JjXT1cImZhbGxCYWNrSW1hZ2VTcmNcIj5cclxuICAgIDwvaW1nLXdpdGgtZmFsbGJhY2s+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../../expandable/expandable-container/expandable-container.component";
|
|
5
|
+
import * as i3 from "../../expandable/expandable-arrow/expandable-arrow.component";
|
|
6
|
+
import * as i4 from "../../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
7
|
+
export class FaqItemComponent {
|
|
8
|
+
}
|
|
9
|
+
FaqItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FaqItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
FaqItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FaqItemComponent, selector: "lib-faq-item", inputs: { faqItem: "faqItem" }, ngImport: i0, template: "<div class=\"item-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{faqItem.title}}\r\n </h2>\r\n <afc-expandable-arrow ngClass=\"faq-arrow\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"expanded-info\">\r\n {{faqItem.description}}\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n</div>", styles: [".item-container{border:1px solid #124E57;border-radius:5px}.title-container{padding:clamp(1rem,4%,27px);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none}@media (max-width: 1024px){.title-container{padding:clamp(1rem,2.2%,27px)}}.expanded-info{padding:0rem clamp(1rem,4%,27px) clamp(1rem,4%,27px) clamp(1rem,4%,27px);color:#707070;font-family:Hero New;font-size:1rem}@media (max-width: 1024px){.expanded-info{padding:0rem clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px);font-size:.875rem}}@media (max-width: 768px){.expanded-info{margin:0;font-size:.75rem}}.section-title{margin:0;font-size:1.25rem;font-family:Hero New SemiBold;color:#124e57}@media (max-width: 1024px){.section-title{font-size:1rem}}@media (max-width: 768px){.section-title{margin:0;font-size:.875rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ExpandableContainerComponent, selector: "afc-expandable-container" }, { kind: "component", type: i3.ExpandableArrowComponent, selector: "afc-expandable-arrow" }, { kind: "component", type: i4.ExpandableWrapperComponent, selector: "afc-expandable-wrapper" }] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FaqItemComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'lib-faq-item', template: "<div class=\"item-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{faqItem.title}}\r\n </h2>\r\n <afc-expandable-arrow ngClass=\"faq-arrow\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"expanded-info\">\r\n {{faqItem.description}}\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n</div>", styles: [".item-container{border:1px solid #124E57;border-radius:5px}.title-container{padding:clamp(1rem,4%,27px);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none}@media (max-width: 1024px){.title-container{padding:clamp(1rem,2.2%,27px)}}.expanded-info{padding:0rem clamp(1rem,4%,27px) clamp(1rem,4%,27px) clamp(1rem,4%,27px);color:#707070;font-family:Hero New;font-size:1rem}@media (max-width: 1024px){.expanded-info{padding:0rem clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px);font-size:.875rem}}@media (max-width: 768px){.expanded-info{margin:0;font-size:.75rem}}.section-title{margin:0;font-size:1.25rem;font-family:Hero New SemiBold;color:#124e57}@media (max-width: 1024px){.section-title{font-size:1rem}}@media (max-width: 768px){.section-title{margin:0;font-size:.875rem}}\n"] }]
|
|
14
|
+
}], propDecorators: { faqItem: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvZmFxL2ZhcS1pdGVtL2ZhcS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2ZhcS9mYXEtaXRlbS9mYXEtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUWpELE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7aUdBQWhCLGdCQUFnQixvRkNSN0Isd2lCQWNNOzJGRE5PLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxjQUFjOzhCQU14QixPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhcUl0ZW0gfSBmcm9tICcuLi9mYXFJdGVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZhcS1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmFxLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZhcS1pdGVtLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZhcUl0ZW1Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgZmFxSXRlbTogRmFxSXRlbTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaXRlbS1jb250YWluZXJcIj5cclxuICAgIDxhZmMtZXhwYW5kYWJsZS13cmFwcGVyPlxyXG4gICAgICAgIDxkaXYgdHJpZ2dlcmFibGUgY2xhc3M9XCJ0aXRsZS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPGgyIGNsYXNzPVwic2VjdGlvbi10aXRsZVwiPlxyXG4gICAgICAgICAgICAgICAge3tmYXFJdGVtLnRpdGxlfX1cclxuICAgICAgICAgICAgPC9oMj5cclxuICAgICAgICAgICAgPGFmYy1leHBhbmRhYmxlLWFycm93IG5nQ2xhc3M9XCJmYXEtYXJyb3dcIj48L2FmYy1leHBhbmRhYmxlLWFycm93PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxhZmMtZXhwYW5kYWJsZS1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJleHBhbmRlZC1pbmZvXCI+XHJcbiAgICAgICAgICAgICAgICB7e2ZhcUl0ZW0uZGVzY3JpcHRpb259fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2FmYy1leHBhbmRhYmxlLWNvbnRhaW5lcj5cclxuICAgIDwvYWZjLWV4cGFuZGFibGUtd3JhcHBlcj5cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2ZhcS9mYXFJdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEZhcUl0ZW0ge1xyXG4gICAgaWQ6IHN0cmluZztcclxuICAgIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBkZXNjcmlwdGlvbjogc3RyaW5nO1xyXG4gICAgcHJpb3JpdHk6IHN0cmluZztcclxuICAgIHByb2R1Y3RDYXRlZ29yeTogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { Directive, Component, ContentChild } from '@angular/core';
|
|
2
|
+
import { fromEvent } from 'rxjs';
|
|
3
|
+
import { first } from 'rxjs/operators';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class ImageWithFallbackDirective {
|
|
7
|
+
constructor(el) {
|
|
8
|
+
this.el = el;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
ImageWithFallbackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageWithFallbackDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
12
|
+
ImageWithFallbackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0", type: ImageWithFallbackDirective, selector: "[imgWithFallback]", ngImport: i0 });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageWithFallbackDirective, decorators: [{
|
|
14
|
+
type: Directive,
|
|
15
|
+
args: [{ selector: '[imgWithFallback]' }]
|
|
16
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
17
|
+
var ImageState;
|
|
18
|
+
(function (ImageState) {
|
|
19
|
+
ImageState["loading"] = "loading";
|
|
20
|
+
ImageState["error"] = "error";
|
|
21
|
+
ImageState["loaded"] = "loaded";
|
|
22
|
+
})(ImageState || (ImageState = {}));
|
|
23
|
+
export class ImageWithFallbackComponent {
|
|
24
|
+
constructor() {
|
|
25
|
+
this.state = ImageState.loading;
|
|
26
|
+
}
|
|
27
|
+
get loaded() {
|
|
28
|
+
return this.state === ImageState.loaded;
|
|
29
|
+
}
|
|
30
|
+
get loading() {
|
|
31
|
+
return this.state === ImageState.loading;
|
|
32
|
+
}
|
|
33
|
+
get error() {
|
|
34
|
+
return this.state === ImageState.error;
|
|
35
|
+
}
|
|
36
|
+
ngAfterContentInit() {
|
|
37
|
+
fromEvent(this.image.el.nativeElement, 'load')
|
|
38
|
+
.pipe(first())
|
|
39
|
+
.subscribe(() => this.state = ImageState.loaded);
|
|
40
|
+
fromEvent(this.image.el.nativeElement, 'error')
|
|
41
|
+
.pipe(first())
|
|
42
|
+
.subscribe(() => this.state = ImageState.error);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
ImageWithFallbackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageWithFallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
ImageWithFallbackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ImageWithFallbackComponent, selector: "img-with-fallback", queries: [{ propertyName: "image", first: true, predicate: ImageWithFallbackDirective, descendants: true }], ngImport: i0, template: `
|
|
47
|
+
<ng-container *ngIf="loaded">
|
|
48
|
+
<ng-content select="[imgWithFallback]" [style.visibility]="loaded"></ng-content>
|
|
49
|
+
</ng-container>
|
|
50
|
+
<div *ngIf="loading">
|
|
51
|
+
<ng-content select=".loading"></ng-content>
|
|
52
|
+
</div>
|
|
53
|
+
<div *ngIf="error">
|
|
54
|
+
<ng-content select=".error"></ng-content>
|
|
55
|
+
</div>
|
|
56
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageWithFallbackComponent, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'img-with-fallback', template: `
|
|
60
|
+
<ng-container *ngIf="loaded">
|
|
61
|
+
<ng-content select="[imgWithFallback]" [style.visibility]="loaded"></ng-content>
|
|
62
|
+
</ng-container>
|
|
63
|
+
<div *ngIf="loading">
|
|
64
|
+
<ng-content select=".loading"></ng-content>
|
|
65
|
+
</div>
|
|
66
|
+
<div *ngIf="error">
|
|
67
|
+
<ng-content select=".error"></ng-content>
|
|
68
|
+
</div>
|
|
69
|
+
` }]
|
|
70
|
+
}], propDecorators: { image: [{
|
|
71
|
+
type: ContentChild,
|
|
72
|
+
args: [ImageWithFallbackDirective]
|
|
73
|
+
}] } });
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZmFsbGJhY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvZmFxL2ltYWdlLWZhbGxiYWNrL2ltYWdlLWZhbGxiYWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBUyxZQUFZLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNqQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQUd2QyxNQUFNLE9BQU8sMEJBQTBCO0lBQ3JDLFlBQW1CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO0lBQUksQ0FBQzs7dUhBRDNCLDBCQUEwQjsyR0FBMUIsMEJBQTBCOzJGQUExQiwwQkFBMEI7a0JBRHRDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsbUJBQW1CLEVBQUU7O0FBSzVDLElBQUssVUFJSjtBQUpELFdBQUssVUFBVTtJQUNiLGlDQUFtQixDQUFBO0lBQ25CLDZCQUFlLENBQUE7SUFDZiwrQkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSkksVUFBVSxLQUFWLFVBQVUsUUFJZDtBQWlCRCxNQUFNLE9BQU8sMEJBQTBCO0lBZnZDO1FBa0JVLFVBQUssR0FBZSxVQUFVLENBQUMsT0FBTyxDQUFDO0tBdUJoRDtJQXJCQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMxQyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsS0FBSyxLQUFLLFVBQVUsQ0FBQyxPQUFPLENBQUM7SUFDM0MsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxVQUFVLENBQUMsS0FBSyxDQUFDO0lBQ3pDLENBQUM7SUFDRCxrQkFBa0I7UUFDaEIsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUM7YUFDM0MsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ2IsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBRWxELFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDO2FBQzVDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQzthQUNiLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNuRCxDQUFDOzt1SEF4QlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsNEZBQ3ZCLDBCQUEwQixnREFkOUI7Ozs7Ozs7Ozs7R0FVVDsyRkFHVSwwQkFBMEI7a0JBZnRDLFNBQVM7K0JBQ0UsbUJBQW1CLFlBQ25COzs7Ozs7Ozs7O0dBVVQ7OEJBSXlDLEtBQUs7c0JBQTlDLFlBQVk7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBDb21wb25lbnQsIElucHV0LCBDb250ZW50Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IGZpcnN0IH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuQERpcmVjdGl2ZSh7IHNlbGVjdG9yOiAnW2ltZ1dpdGhGYWxsYmFja10nIH0pXHJcbmV4cG9ydCBjbGFzcyBJbWFnZVdpdGhGYWxsYmFja0RpcmVjdGl2ZSB7XHJcbiAgY29uc3RydWN0b3IocHVibGljIGVsOiBFbGVtZW50UmVmKSB7IH1cclxufVxyXG5cclxuZW51bSBJbWFnZVN0YXRlIHtcclxuICBsb2FkaW5nID0gJ2xvYWRpbmcnLFxyXG4gIGVycm9yID0gJ2Vycm9yJyxcclxuICBsb2FkZWQgPSAnbG9hZGVkJ1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2ltZy13aXRoLWZhbGxiYWNrJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkZWRcIj5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbaW1nV2l0aEZhbGxiYWNrXVwiIFtzdHlsZS52aXNpYmlsaXR5XT1cImxvYWRlZFwiPjwvbmctY29udGVudD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8ZGl2ICpuZ0lmPVwibG9hZGluZ1wiPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiLmxvYWRpbmdcIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cImVycm9yXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCIuZXJyb3JcIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbWFnZVdpdGhGYWxsYmFja0NvbXBvbmVudCB7XHJcbiAgQENvbnRlbnRDaGlsZChJbWFnZVdpdGhGYWxsYmFja0RpcmVjdGl2ZSkgaW1hZ2U6IEltYWdlV2l0aEZhbGxiYWNrRGlyZWN0aXZlO1xyXG5cclxuICBwcml2YXRlIHN0YXRlOiBJbWFnZVN0YXRlID0gSW1hZ2VTdGF0ZS5sb2FkaW5nO1xyXG5cclxuICBnZXQgbG9hZGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuc3RhdGUgPT09IEltYWdlU3RhdGUubG9hZGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGxvYWRpbmcoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zdGF0ZSA9PT0gSW1hZ2VTdGF0ZS5sb2FkaW5nO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGVycm9yKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuc3RhdGUgPT09IEltYWdlU3RhdGUuZXJyb3I7XHJcbiAgfVxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICAgIGZyb21FdmVudCh0aGlzLmltYWdlLmVsLm5hdGl2ZUVsZW1lbnQsICdsb2FkJylcclxuICAgICAgLnBpcGUoZmlyc3QoKSlcclxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLnN0YXRlID0gSW1hZ2VTdGF0ZS5sb2FkZWQpXHJcblxyXG4gICAgZnJvbUV2ZW50KHRoaXMuaW1hZ2UuZWwubmF0aXZlRWxlbWVudCwgJ2Vycm9yJylcclxuICAgICAgLnBpcGUoZmlyc3QoKSlcclxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLnN0YXRlID0gSW1hZ2VTdGF0ZS5lcnJvcilcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -5,5 +5,9 @@ export * from './lib/af-connect-components.service';
|
|
|
5
5
|
export * from './lib/af-connect-components.component';
|
|
6
6
|
export * from './lib/af-connect-components.module';
|
|
7
7
|
export * from './lib/af-connect-footer/af-connect-footer.component';
|
|
8
|
+
export * from './lib/faq/faq/faq.component';
|
|
9
|
+
export * from './lib/faq/faq-item/faq-item.component';
|
|
10
|
+
export * from './lib/faq/image-fallback/image-fallback.component';
|
|
8
11
|
export * from './lib/af-connect-header/af-connect-header.component';
|
|
9
|
-
|
|
12
|
+
export * from './lib/af-connect-products-carousel/af-connect-products-carousel.component';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyxxREFBcUQsQ0FBQztBQUNwRSxjQUFjLDJFQUEyRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFmLWNvbm5lY3QtY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtY29tcG9uZW50cy5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC1jb21wb25lbnRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtY29tcG9uZW50cy5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWZvb3Rlci9hZi1jb25uZWN0LWZvb3Rlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mYXEvZmFxL2ZhcS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mYXEvZmFxLWl0ZW0vZmFxLWl0ZW0uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmFxL2ltYWdlLWZhbGxiYWNrL2ltYWdlLWZhbGxiYWNrLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtaGVhZGVyL2FmLWNvbm5lY3QtaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwvYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQnO1xyXG4iXX0=
|
|
@@ -5,6 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export class GetinItialsPipe {
|
|
7
7
|
transform(value) {
|
|
8
|
+
if (!value) {
|
|
9
|
+
return '';
|
|
10
|
+
}
|
|
8
11
|
return value.split(' ').map(word => word.charAt(0)).join('').slice(0, 2);
|
|
9
12
|
}
|
|
10
13
|
}
|
|
@@ -14,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImpor
|
|
|
14
17
|
type: Pipe,
|
|
15
18
|
args: [{ name: 'getInitials' }]
|
|
16
19
|
}] });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWluaXRpYWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9zaGFyZWQvcGlwZXMvZ2V0LWluaXRpYWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUNwRDs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFlO0lBQzFCLFNBQVMsQ0FBQyxLQUF5QjtRQUNqQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDM0UsQ0FBQzs7NEdBTlUsZUFBZTswR0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBRDNCLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG4vKipcclxuICogR2V0cyB0aGUgaW5pdGlhbHMgb2YgYSBOYW1lIChGaXJzdCBTZWNvbmQgLT4gRlMpXHJcbiAqL1xyXG5AUGlwZSh7IG5hbWU6ICdnZXRJbml0aWFscycgfSlcclxuZXhwb3J0IGNsYXNzIEdldGluSXRpYWxzUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKTogc3RyaW5nIHtcclxuICAgIGlmICghdmFsdWUpIHtcclxuICAgICAgcmV0dXJuICcnO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHZhbHVlLnNwbGl0KCcgJykubWFwKHdvcmQgPT4gd29yZC5jaGFyQXQoMCkpLmpvaW4oJycpLnNsaWNlKDAsIDIpO1xyXG4gIH1cclxufVxyXG4iXX0=
|