af-connect-components 0.0.17 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/esm2020/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +22 -0
- package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +47 -0
- package/esm2020/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +33 -0
- package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +17 -0
- package/esm2020/lib/af-connect-chart/af-connect-chart.component.mjs +11 -0
- package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +23 -0
- package/esm2020/lib/af-connect-components.component.mjs +9 -9
- package/esm2020/lib/af-connect-components.module.mjs +165 -8
- package/esm2020/lib/af-connect-components.service.mjs +1 -1
- package/esm2020/lib/af-connect-content/af-connect-content.component.mjs +14 -0
- package/esm2020/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +11 -0
- package/esm2020/lib/af-connect-error/af-connect-error.component.mjs +26 -0
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +7 -3
- package/esm2020/lib/af-connect-form-group/af-connect-form-group.component.mjs +11 -0
- package/esm2020/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +21 -0
- package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +3 -3
- package/esm2020/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +29 -0
- package/esm2020/lib/af-connect-input/af-connect-input.component.mjs +92 -0
- package/esm2020/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +18 -0
- package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs +101 -0
- package/esm2020/lib/af-connect-no-content/af-connect-no-content.component.mjs +26 -0
- package/esm2020/lib/af-connect-notification/af-connect-notification.component.mjs +15 -0
- package/esm2020/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +3 -3
- package/esm2020/lib/af-connect-products-carousel/defaultConfig.mjs +1 -1
- package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +3 -3
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +3 -3
- package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +45 -0
- package/esm2020/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +91 -0
- package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +113 -0
- package/esm2020/lib/af-connect-section/af-connect-section.component.mjs +14 -0
- package/esm2020/lib/af-connect-section-header/af-connect-section-header.component.mjs +35 -0
- package/esm2020/lib/af-connect-select/af-connect-select.component.mjs +11 -0
- package/esm2020/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +27 -0
- package/esm2020/lib/af-connect-tab/af-connect-tab.component.mjs +20 -0
- package/esm2020/lib/af-connect-table/af-connect-table.component.mjs +11 -0
- package/esm2020/lib/af-connect-tabs/af-connect-tabs.component.mjs +87 -0
- package/esm2020/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +33 -0
- package/esm2020/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +133 -0
- package/esm2020/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +48 -0
- package/esm2020/lib/af-connect-tooltip/types.mjs +2 -0
- package/esm2020/lib/constants/animation.constants.mjs +121 -0
- package/esm2020/lib/constants/base.constants.mjs +10 -0
- package/esm2020/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +3 -3
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +3 -3
- package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +3 -3
- package/esm2020/lib/faq/faq/faq.component.mjs +3 -3
- package/esm2020/lib/faq/faq-item/faq-item.component.mjs +3 -3
- package/esm2020/lib/faq/faqItem.mjs +1 -1
- package/esm2020/lib/faq/image-fallback/image-fallback.component.mjs +21 -21
- package/esm2020/lib/models/notification-response.model.mjs +2 -0
- package/esm2020/lib/models/radio.model.mjs +2 -0
- package/esm2020/lib/services/breakpoint.service.mjs +1 -1
- package/esm2020/lib/utilities/number.util.mjs +4 -0
- package/esm2020/public-api.mjs +31 -1
- package/esm2020/shared/pipes/get-initials.mjs +1 -1
- package/fesm2015/af-connect-components.mjs +1412 -61
- package/fesm2015/af-connect-components.mjs.map +1 -1
- package/fesm2020/af-connect-components.mjs +1409 -61
- package/fesm2020/af-connect-components.mjs.map +1 -1
- package/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.d.ts +10 -0
- package/lib/af-connect-button/af-connect-button.component.d.ts +21 -0
- package/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.d.ts +14 -0
- package/lib/af-connect-card/af-connect-card.component.d.ts +8 -0
- package/lib/af-connect-chart/af-connect-chart.component.d.ts +5 -0
- package/lib/af-connect-chip/af-connect-chip.component.d.ts +12 -0
- package/lib/af-connect-components.module.d.ts +34 -3
- package/lib/af-connect-content/af-connect-content.component.d.ts +8 -0
- package/lib/af-connect-datepicker/af-connect-datepicker.component.d.ts +5 -0
- package/lib/af-connect-error/af-connect-error.component.d.ts +12 -0
- package/lib/af-connect-footer/af-connect-footer.component.d.ts +1 -0
- package/lib/af-connect-form-group/af-connect-form-group.component.d.ts +5 -0
- package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts +10 -0
- package/lib/af-connect-inline-error/af-connect-inline-error.component.d.ts +13 -0
- package/lib/af-connect-input/af-connect-input.component.d.ts +36 -0
- package/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.d.ts +8 -0
- package/lib/af-connect-modal/af-connect-modal.component.d.ts +46 -0
- package/lib/af-connect-no-content/af-connect-no-content.component.d.ts +12 -0
- package/lib/af-connect-notification/af-connect-notification.component.d.ts +8 -0
- package/lib/af-connect-progress-bar/af-connect-progress-bar.component.d.ts +18 -0
- package/lib/af-connect-radio-button/af-connect-radio-button.component.d.ts +33 -0
- package/lib/af-connect-radio-group/af-connect-radio-group.component.d.ts +35 -0
- package/lib/af-connect-section/af-connect-section.component.d.ts +8 -0
- package/lib/af-connect-section-header/af-connect-section-header.component.d.ts +15 -0
- package/lib/af-connect-select/af-connect-select.component.d.ts +5 -0
- package/lib/af-connect-svg-button/af-connect-svg-button.component.d.ts +14 -0
- package/lib/af-connect-tab/af-connect-tab.component.d.ts +9 -0
- package/lib/af-connect-table/af-connect-table.component.d.ts +5 -0
- package/lib/af-connect-tabs/af-connect-tabs.component.d.ts +25 -0
- package/lib/af-connect-toaster-message/af-connect-toaster-message.component.d.ts +13 -0
- package/lib/af-connect-toggle-button/af-connect-toggle-button.component.d.ts +37 -0
- package/lib/af-connect-tooltip/af-connect-tooltip.component.d.ts +16 -0
- package/lib/af-connect-tooltip/types.d.ts +1 -0
- package/lib/constants/animation.constants.d.ts +13 -0
- package/lib/constants/base.constants.d.ts +10 -0
- package/lib/models/notification-response.model.d.ts +17 -0
- package/lib/models/radio.model.d.ts +3 -0
- package/lib/utilities/number.util.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +30 -0
|
@@ -37,11 +37,11 @@ export class AfConnectProductsCarouselComponent {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
AfConnectProductsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProductsCarouselComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
AfConnectProductsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProductsCarouselComponent, selector: "lib-af-connect-products-carousel", inputs: { config: "config" }, ngImport: i0, template: "<div\
|
|
40
|
+
AfConnectProductsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProductsCarouselComponent, selector: "lib-af-connect-products-carousel", inputs: { config: "config" }, ngImport: i0, template: "<div\n class=\"holder\"\n (mousedown)=\"mousedown($event)\"\n (mouseleave)=\"mouseleave()\"\n (mouseup)=\"mouseup()\"\n (mousemove)=\"mousemove($event)\"\n>\n <ng-container *ngFor=\"let card of config || defaultConfig\">\n <af-connect-image-card\n [src]=\"card.imageSrc\"\n [title]=\"card.title\"\n [content]=\"card.content\"\n [readMoreLink]=\"card.readMore\"\n ></af-connect-image-card>\n </ng-container>\n</div>\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ImageCardComponent, selector: "af-connect-image-card", inputs: ["src", "title", "content", "readMoreLink"] }] });
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProductsCarouselComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'lib-af-connect-products-carousel', template: "<div\
|
|
43
|
+
args: [{ selector: 'lib-af-connect-products-carousel', template: "<div\n class=\"holder\"\n (mousedown)=\"mousedown($event)\"\n (mouseleave)=\"mouseleave()\"\n (mouseup)=\"mouseup()\"\n (mousemove)=\"mousemove($event)\"\n>\n <ng-container *ngFor=\"let card of config || defaultConfig\">\n <af-connect-image-card\n [src]=\"card.imageSrc\"\n [title]=\"card.title\"\n [content]=\"card.content\"\n [readMoreLink]=\"card.readMore\"\n ></af-connect-image-card>\n </ng-container>\n</div>\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"] }]
|
|
44
44
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { config: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQWNoRCxNQUFNLE9BQU8sa0NBQWtDO0lBUzdDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFQMUMsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFHdEIsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUl1QixDQUFDO0lBRS9DLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGVBQWU7UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsU0FBUyxDQUFDLENBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQzNDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxTQUFTLENBQUMsQ0FBYTtRQUNyQixJQUFHLENBQUMsSUFBSSxDQUFDLE1BQU07WUFBRSxPQUFPO1FBQ3hCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUVuQixNQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ2hELE1BQU0sSUFBSSxHQUFHLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEQsQ0FBQzs7K0hBekNVLGtDQUFrQzttSEFBbEMsa0NBQWtDLHNHQ2YvQyxpZkFnQkE7MkZERGEsa0NBQWtDO2tCQUw5QyxTQUFTOytCQUNFLGtDQUFrQztpR0FLbkMsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVmYXVsdENvbmZpZyB9IGZyb20gJy4vZGVmYXVsdENvbmZpZyc7XG5cbmludGVyZmFjZSBDYXJvdXNlbENvbmZpZyB7XG4gIGltYWdlU3JjOiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBjb250ZW50Pzogc3RyaW5nO1xuICByZWFkTW9yZTogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2R1Y3RzQ2Fyb3VzZWxDb21wb25lbnQge1xuICBASW5wdXQoKSBjb25maWc6IENhcm91c2VsQ29uZmlnW107XG4gIGRlZmF1bHRDb25maWcgPSBkZWZhdWx0Q29uZmlnO1xuXG4gIHByaXZhdGUgc2xpZGVyOiBIVE1MRWxlbWVudDtcbiAgcHJpdmF0ZSBpc0Rvd24gPSBmYWxzZTtcbiAgcHJpdmF0ZSBzdGFydFg6IG51bWJlcjtcbiAgcHJpdmF0ZSBzY3JvbGxMZWZ0OiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnNsaWRlciA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3IoJy5ob2xkZXInKTtcbiAgfVxuXG4gIG1vdXNlZG93bihlOiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5pc0Rvd24gPSB0cnVlO1xuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5hZGQoJ2FjdGl2ZScpO1xuICAgIHRoaXMuc3RhcnRYID0gZS5wYWdlWCAtIHRoaXMuc2xpZGVyLm9mZnNldExlZnQ7XG4gICAgdGhpcy5zY3JvbGxMZWZ0ID0gdGhpcy5zbGlkZXIuc2Nyb2xsTGVmdDtcbiAgfVxuXG4gIG1vdXNlbGVhdmUoKTogdm9pZCB7XG4gICAgdGhpcy5pc0Rvd24gPSBmYWxzZTtcbiAgICB0aGlzLnNsaWRlci5jbGFzc0xpc3QucmVtb3ZlKCdhY3RpdmUnKTtcbiAgfVxuXG4gIG1vdXNldXAoKTogdm9pZCB7XG4gICAgdGhpcy5pc0Rvd24gPSBmYWxzZTtcbiAgICB0aGlzLnNsaWRlci5jbGFzc0xpc3QucmVtb3ZlKCdhY3RpdmUnKTtcbiAgfVxuXG4gIG1vdXNlbW92ZShlOiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYoIXRoaXMuaXNEb3duKSByZXR1cm47XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgY29uc3Qgb2Zmc2V0ID0gZS5wYWdlWCAtIHRoaXMuc2xpZGVyLm9mZnNldExlZnQ7XG4gICAgY29uc3Qgd2FsayA9IChvZmZzZXQgLSB0aGlzLnN0YXJ0WCkgKiAyO1xuICAgIHRoaXMuc2xpZGVyLnNjcm9sbExlZnQgPSB0aGlzLnNjcm9sbExlZnQgLSB3YWxrO1xuICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJob2xkZXJcIlxuICAgIChtb3VzZWRvd24pPVwibW91c2Vkb3duKCRldmVudClcIlxuICAgIChtb3VzZWxlYXZlKT1cIm1vdXNlbGVhdmUoKVwiXG4gICAgKG1vdXNldXApPVwibW91c2V1cCgpXCJcbiAgICAobW91c2Vtb3ZlKT1cIm1vdXNlbW92ZSgkZXZlbnQpXCJcbj5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjYXJkIG9mIGNvbmZpZyB8fCBkZWZhdWx0Q29uZmlnXCI+XG4gICAgICAgIDxhZi1jb25uZWN0LWltYWdlLWNhcmRcbiAgICAgICAgICAgIFtzcmNdPVwiY2FyZC5pbWFnZVNyY1wiXG4gICAgICAgICAgICBbdGl0bGVdPVwiY2FyZC50aXRsZVwiXG4gICAgICAgICAgICBbY29udGVudF09XCJjYXJkLmNvbnRlbnRcIlxuICAgICAgICAgICAgW3JlYWRNb3JlTGlua109XCJjYXJkLnJlYWRNb3JlXCJcbiAgICAgICAgPjwvYWYtY29ubmVjdC1pbWFnZS1jYXJkPlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -24,4 +24,4 @@ export const defaultConfig = [
|
|
|
24
24
|
readMore: 'https://plus.alexforbes.com/'
|
|
25
25
|
},
|
|
26
26
|
];
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdENvbmZpZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwvZGVmYXVsdENvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDekI7UUFDSSxRQUFRLEVBQUUsd0dBQXdHO1FBQ2xILEtBQUssRUFBRSxrQkFBa0I7UUFDekIsT0FBTyxFQUFFLDBHQUEwRztRQUNuSCxRQUFRLEVBQUUsd0NBQXdDO0tBQ3JEO0lBQ0Q7UUFDSSxRQUFRLEVBQUUsK0dBQStHO1FBQ3pILEtBQUssRUFBRSxZQUFZO1FBQ25CLE9BQU8sRUFBRSxvQ0FBb0M7UUFDN0MsUUFBUSxFQUFFLDRDQUE0QztLQUN6RDtJQUNEO1FBQ0ksUUFBUSxFQUFFLGdIQUFnSDtRQUMxSCxLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPLEVBQUUsK0ZBQStGO1FBQ3hHLFFBQVEsRUFBRSx1RUFBdUU7S0FDcEY7SUFDRDtRQUNJLFFBQVEsRUFBRSw0R0FBNEc7UUFDdEgsS0FBSyxFQUFFLEtBQUs7UUFDWixPQUFPLEVBQUUsbUlBQW1JO1FBQzVJLFFBQVEsRUFBRSw4QkFBOEI7S0FDM0M7Q0FDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGRlZmF1bHRDb25maWcgPSBbXG4gICAge1xuICAgICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vc3RnLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvbW1tLWNhcm91c2VsLmpwZycsXG4gICAgICAgIHRpdGxlOiAnTXkgTW9uZXkgTWF0dGVycycsXG4gICAgICAgIGNvbnRlbnQ6ICdHZXQgdGhlIG1vc3Qgb3V0IG9mIHlvdXIgbW9uZXkuIEV4cGxvcmUgd2F5cyB0byBtYWtlIHlvdXIgbW9uZXkgYW5kIHNhdmluZ3Mgd29yayBmb3IgeW91IHdpdGggb3VyIHRvb2xzLicsXG4gICAgICAgIHJlYWRNb3JlOiAnaHR0cHM6Ly9teW1vbmV5bWF0dGVycy5hbGV4Zm9yYmVzLmNvbS8nXG4gICAgfSxcbiAgICB7XG4gICAgICAgIGltYWdlU3JjOiAnaHR0cHM6Ly9zdGcuYWxleGZvcmJlcy5jb20vY29udGVudC9kYW0vYWZici9jb21tb24vaW1hZ2VzLXdlYnNpdGUvcHJvZHVjdHMvYWYtY29ubmVjdC9BRi1SZXdhcmRzLWNhcm91c2VsLmpwZycsXG4gICAgICAgIHRpdGxlOiAnTXkgUmV3YXJkcycsXG4gICAgICAgIGNvbnRlbnQ6ICdFeGNsdXNpdmUgc2F2aW5ncyBmcm9tIGJpZyBicmFuZHMuJyxcbiAgICAgICAgcmVhZE1vcmU6ICdodHRwczovL3Jld2FyZHMuYWxleGZvcmJlcy5jb20vbGFuZGluZ3BhZ2UnXG4gICAgfSxcbiAgICB7XG4gICAgICAgIGltYWdlU3JjOiAnaHR0cHM6Ly9zdGcuYWxleGZvcmJlcy5jb20vY29udGVudC9kYW0vYWZici9jb21tb24vaW1hZ2VzLXdlYnNpdGUvcHJvZHVjdHMvYWYtY29ubmVjdC9Vbml0LXRydXN0cy1jYXJvdXNlbC5qcGcnLFxuICAgICAgICB0aXRsZTogJ1VuaXQgVHJ1c3RzJyxcbiAgICAgICAgY29udGVudDogJ0ludmVzdCBmcm9tIGFzIGxpdHRsZSBhcyBSNTAwLjAwIGEgbW9udGggdG8gdXAgdG8gUjMwIDAwMC4wMCB1cCBmcm9udCB0b3dhcmQgYSBwZXJzb25hbCBnb2FsLicsXG4gICAgICAgIHJlYWRNb3JlOiAnaHR0cHM6Ly93d3cuYWxleGZvcmJlcy5jb20vemEvZW4vaW5kaXZpZHVhbC9pbnZlc3RpbmctZm9yLWEtZ29hbC5odG1sJ1xuICAgIH0sXG4gICAge1xuICAgICAgICBpbWFnZVNyYzogJ2h0dHBzOi8vc3RnLmFsZXhmb3JiZXMuY29tL2NvbnRlbnQvZGFtL2FmYnIvY29tbW9uL2ltYWdlcy13ZWJzaXRlL3Byb2R1Y3RzL2FmLWNvbm5lY3QvQUYtUGx1cy1jYXJvdXNlbC5qcGcnLFxuICAgICAgICB0aXRsZTogJ0FGKycsXG4gICAgICAgIGNvbnRlbnQ6ICdHdWlkZWQgYnkgZXhwZXJ0IGFkdmlzZXJzIGFuZCBmdWxmaWxsZWQgYnkgdHJ1c3RlZCBwYXJ0bmVycywgbWFraW5nIGl0IGVhc3kgdG8gc29sdmUgbGlmZeKAmXMgZmluYW5jaWFsIGNoYWxsZW5nZXMgd2l0aCBjb25maWRlbmNlLicsXG4gICAgICAgIHJlYWRNb3JlOiAnaHR0cHM6Ly9wbHVzLmFsZXhmb3JiZXMuY29tLydcbiAgICB9LFxuXTtcbiJdfQ==
|
|
@@ -11,10 +11,10 @@ export class ImageCardComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
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\" />\
|
|
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\" />\n<div class=\"info-container\">\n <span class=\"info-container__title\">{{ title }}</span>\n <span class=\"info-container__content\">{{ content }}</span>\n</div>\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\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;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;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
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\
|
|
17
|
+
args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\n<div class=\"info-container\">\n <span class=\"info-container__title\">{{ title }}</span>\n <span class=\"info-container__content\">{{ content }}</span>\n</div>\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\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;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;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
18
|
}], ctorParameters: function () { return []; }, propDecorators: { src: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], title: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImpor
|
|
|
24
24
|
}], readMoreLink: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2ltYWdlLWNhcmQvaW1hZ2UtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLGtCQUFrQjtJQU03QjtRQUpTLFVBQUssR0FBdUIsRUFBRSxDQUFDO1FBQy9CLFlBQU8sR0FBdUIsRUFBRSxDQUFDO0lBRzFCLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7SUFFcEIsWUFBWTtRQUNWLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDOzsrR0FaVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix1SkNQL0IsK1FBTUE7MkZEQ2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLHVCQUF1QjswRUFLeEIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZi1jb25uZWN0LWltYWdlLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ltYWdlLWNhcmQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZUNhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzcmM6IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xuICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmcgfCB1bmRlZmluZWQgPSAnJztcbiAgQElucHV0KCkgcmVhZE1vcmVMaW5rOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIG9wZW5SZWFkTW9yZSgpIHtcbiAgICB3aW5kb3cub3Blbih0aGlzLnJlYWRNb3JlTGluaywgJ19ibGFuaycpO1xuICB9XG59XG4iLCI8aW1nIFtzcmNdPVwic3JjXCIgLz5cbjxkaXYgY2xhc3M9XCJpbmZvLWNvbnRhaW5lclwiPlxuICA8c3BhbiBjbGFzcz1cImluZm8tY29udGFpbmVyX190aXRsZVwiPnt7IHRpdGxlIH19PC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cImluZm8tY29udGFpbmVyX19jb250ZW50XCI+e3sgY29udGVudCB9fTwvc3Bhbj5cbjwvZGl2PlxuPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi1yZWFkLW1vcmVcIiAoY2xpY2spPVwib3BlblJlYWRNb3JlKClcIj5SZWFkIG1vcmU8L2J1dHRvbj5cbiJdfQ==
|
|
@@ -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>\
|
|
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>\n\n<ng-container *ngIf=\"showMenu\">\n <div class=\"dropdown-content\">\n <div (click)=\"callMeBack.emit()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n <g id=\"call\" transform=\"translate(0 0)\">\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\"/>\n </g>\n </svg>\n <span>Call me back</span>\n </div>\n <div (click)=\"contactAdviser.emit()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\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\"/>\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\"/>\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\"/>\n </g>\n </svg>\n <span>Contact adviser</span>\n </div>\n <div (click)=\"resetPassword.emit()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\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\"/>\n </svg>\n <span>Reset password</span>\n </div>\n <div (click)=\"logout.emit()\">\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\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\"/>\n </svg>\n <span>Log Out</span>\n </div>\n </div>\n</ng-container>\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+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.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}.dropdown-content div:hover{background-color:#0000000a}\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>\
|
|
27
|
+
args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span class=\"logo-content\">{{ username | getInitials }}</span>\n\n<ng-container *ngIf=\"showMenu\">\n <div class=\"dropdown-content\">\n <div (click)=\"callMeBack.emit()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n <g id=\"call\" transform=\"translate(0 0)\">\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\"/>\n </g>\n </svg>\n <span>Call me back</span>\n </div>\n <div (click)=\"contactAdviser.emit()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\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\"/>\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\"/>\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\"/>\n </g>\n </svg>\n <span>Contact adviser</span>\n </div>\n <div (click)=\"resetPassword.emit()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\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\"/>\n </svg>\n <span>Reset password</span>\n </div>\n <div (click)=\"logout.emit()\">\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\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\"/>\n </svg>\n <span>Log Out</span>\n </div>\n </div>\n</ng-container>\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+1){display:none}.dropdown-content div:nth-child(2){display:flex}}.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}.dropdown-content div:hover{background-color:#0000000a}\n"] }]
|
|
28
28
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { username: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], callMeBack: [{
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImpor
|
|
|
42
42
|
type: HostListener,
|
|
43
43
|
args: ['document:click', ['$event']]
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRyxNQUFNLE9BQU8sd0JBQXdCO0lBU25DLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFSakMsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNiLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFckMsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUVzQixDQUFDO0lBRVosSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDeEQsQ0FBQzs7cUhBbEJVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHlUQ1ByQyw0dElBcUNBOzJGRDlCYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO2lHQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFNNEIsSUFBSTtzQkFBdEMsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBSVcsS0FBSztzQkFBaEQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9maWxlRHJvcGRvd24ge1xuICBASW5wdXQoKSB1c2VybmFtZSA9ICcnO1xuICBAT3V0cHV0KCkgY2FsbE1lQmFjayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcmVzZXRQYXNzd29yZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGxvZ291dCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgc2hvd01lbnUgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSkgc2hvdyhlOiBhbnkpIHtcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcbiAgICBjb25zdCBpc0luc2lkZUNsaWNrID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KTtcbiAgICB0aGlzLnNob3dNZW51ID0gaXNJbnNpZGVDbGljayA/IHRoaXMuc2hvd01lbnUgOiBmYWxzZTtcbiAgfVxufVxuIiwiPHNwYW4gY2xhc3M9XCJsb2dvLWNvbnRlbnRcIj57eyB1c2VybmFtZSB8IGdldEluaXRpYWxzIH19PC9zcGFuPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwic2hvd01lbnVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29udGVudFwiPlxuICAgICAgICA8ZGl2IChjbGljayk9XCJjYWxsTWVCYWNrLmVtaXQoKVwiPlxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiPlxuICAgICAgICAgICAgICAgIDxnIGlkPVwiY2FsbFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDApXCI+XG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGhvbmUtMVwiIGQ9XCJNMTkuOTc2LDE3LjU0OWwtMi41ODgtMi4xNTZhLjY5NC42OTQsMCwwLDAtLjctLjAzN2wtMS40MzguOTU4YS45MS45MSwwLDAsMS0uNTA5LjE1Myw1Ljk4Myw1Ljk4MywwLDAsMS0xLjI4LS4xOCw3LjcyNCw3LjcyNCwwLDAsMS01Ljc1NC01Ljc1Miw1Ljk3Nyw1Ljk3NywwLDAsMS0uMTgtMS4yOC45MDkuOTA5LDAsMCwxLC4xNTMtLjUwOWwuOTU5LTEuNDM3YS42ODEuNjgxLDAsMCwwLS4wMzctLjdMNi40NDQsNC4wMjJhLjQyNy40MjcsMCwwLDAtLjczLDBMNC4yODUsNS43N2EyLjU0OSwyLjU0OSwwLDAsMC0uNCwyLjAzNS45MDkuOTA5LDAsMCwxLC4wMjcuMTA1LDQuNjcxLDQuNjcxLDAsMCwwLC4xNDIuNSwxMS42ODUsMTEuNjg1LDAsMCwwLC42NTQsMS41NjMsMjAuNzc1LDIwLjc3NSwwLDAsMCwzLjk3Myw1LjMzMkEyMC43NiwyMC43NiwwLDAsMCwxNC4wMiwxOS4yOGExMS42OTMsMTEuNjkzLDAsMCwwLDEuNTYzLjY1NCw0LjgyMyw0LjgyMywwLDAsMCwuNS4xNDIuOTA5LjkwOSwwLDAsMSwuMTI2LjAzMywyLjQ5MiwyLjQ5MiwwLDAsMCwyLjAxNC0uNGwxLjc0Ny0xLjQyOUEuNDI2LjQyNiwwLDAsMCwxOS45NzYsMTcuNTQ5Wm0tNC4zLTMuNzA2QTIuNSwyLjUsMCwwLDEsMTguNTUyLDE0bDIuNTg5LDIuMTU2YTIuMjM1LDIuMjM1LDAsMCwxLS4wMTUsMy41MzRsLTEuNzQ3LDEuNDI4YTQuMjksNC4yOSwwLDAsMS0zLjY5NS43MzVxLS4zMzgtLjA3Ny0uNjY3LS4xODhhMTMuNSwxMy41LDAsMCwxLTEuODA5LS43NTVBMjIuNTgzLDIyLjU4MywwLDAsMSw3LjQsMTYuNTk0YTIyLjU3OSwyMi41NzksMCwwLDEtNC4zMTQtNS44MDYsMTMuNDg4LDEzLjQ4OCwwLDAsMS0uNzU1LTEuODA5QTYuODMzLDYuODMzLDAsMCwxLDIuMTQsOC4zYTQuMzQzLDQuMzQzLDAsMCwxLC43MzgtMy42ODNMNC4zMDcsMi44NzNhMi4yMzgsMi4yMzgsMCwwLDEsMy41MzUtLjAxNUwxMCw1LjQ0NWEyLjQ4NSwyLjQ4NSwwLDAsMSwuMTUzLDIuODcxTDkuMzY2LDkuNDk0YTUuMzc0LDUuMzc0LDAsMCwwLC4xMS42Miw1Ljk0OCw1Ljk0OCwwLDAsMCwuOTIyLDIuMDUyLDUuODY4LDUuODY4LDAsMCwwLDEuNDMsMS40Myw1Ljk1Miw1Ljk1MiwwLDAsMCwyLjA1My45MjEsNS4yNzcsNS4yNzcsMCwwLDAsLjYyLjExbDEuMTc5LS43ODVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0yIC0yKVwiIGZpbGw9XCIjZWY0ZjFmXCIvPlxuICAgICAgICAgICAgICAgIDwvZz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgPHNwYW4+Q2FsbCBtZSBiYWNrPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAoY2xpY2spPVwiY29udGFjdEFkdmlzZXIuZW1pdCgpXCI+XG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIxLjVcIiBoZWlnaHQ9XCIxNy44NjRcIiB2aWV3Qm94PVwiMCAwIDIxLjUgMTcuODY0XCI+XG4gICAgICAgICAgICAgICAgPGcgaWQ9XCJJY29uc19VSV9Db250YWN0c19Db2xvdXJfXCIgZGF0YS1uYW1lPVwiSWNvbnMgLyBVSSAvIENvbnRhY3RzIC8gQ29sb3VyICBcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC43NSAwLjc1KVwiPlxuICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD1cIlJlY3RhbmdsZVwiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIxNi4zNjRcIiByeD1cIjNcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfM1wiIGRhdGEtbmFtZT1cIkxpbmUgM1wiIGQ9XCJNLjU1LjU2M2w4LjU5MSw3LjY3XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuODU5IDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zLTJcIiBkYXRhLW5hbWU9XCJMaW5lIDNcIiBkPVwiTS0xLjQwOS41NjMtMTAsOC4yMzNcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMjAgMC44NTgpXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cbiAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgIDxzcGFuPkNvbnRhY3QgYWR2aXNlcjwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlc2V0UGFzc3dvcmQuZW1pdCgpXCI+XG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIyXCIgaGVpZ2h0PVwiMjAuMDA0XCIgdmlld0JveD1cIjAgMCAyMiAyMC4wMDRcIj5cbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlNoYXBlXCIgZD1cIk0xMi41MjIsMjBBOS44ODIsOS44ODIsMCwwLDEsMi40ODQsMTBILjU0NGEuNTUyLjU1MiwwLDAsMS0uMzc5LS45NDRsMy4wMjQtMy4xYS41MjguNTI4LDAsMCwxLC43NywwbDMuMDI0LDMuMWEuNTU3LjU1NywwLDAsMS0uMzkuOTQ0SDQuNjUyYTcuNjc5LDcuNjc5LDAsMCwwLDcuNyw3Ljc3OCw3Ljc4Miw3Ljc4MiwwLDAsMCw3LjQ4LTcuNjY3QTcuNjkyLDcuNjkyLDAsMCwwLDEyLjI0LDIuMjIyLDcuNDgxLDcuNDgxLDAsMCwwLDguNTExLDMuMjMzYTEuMDM1LDEuMDM1LDAsMCwxLTEuMjc5LS4yLDEuMTI1LDEuMTI1LDAsMCwxLC4yMTctMS43NDRBOS42MTcsOS42MTcsMCwwLDEsMTIuMjQsMCw5LjksOS45LDAsMCwxLDIyLDEwLjI4OSwxMCwxMCwwLDAsMSwxMi41MjIsMjBaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIyIDIwLjAwNCkgcm90YXRlKDE4MClcIiBmaWxsPVwiI2YxNWEyMlwiLz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgPHNwYW4+UmVzZXQgcGFzc3dvcmQ8L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IChjbGljayk9XCJsb2dvdXQuZW1pdCgpXCI+XG4gICAgICAgICAgICA8c3ZnIGlkPVwiaWNvblwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCI+XG4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9XCJiZ1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIGZpbGw9XCJub25lXCIvPlxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGF0aFwiIGQ9XCJNOS4yMSw5LjI3M2wyLjc1OC0yLjc1OEEuNzI3LjcyNywwLDEsMCwxMC45NCw1LjQ4NmwtNCw0YS43MjcuNzI3LDAsMCwwLDAsMS4wMjlsNCw0YS43MjcuNzI3LDAsMSwwLDEuMDI5LTEuMDI5TDkuMjEsMTAuNzI3aDguMDY2YS43MjcuNzI3LDAsMCwwLDAtMS40NTVabTEuNTE3LTUuODE4YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFBMS44MiwxLjgyLDAsMCwwLDIsMy44MjFWMTYuMTc5QTEuODIxLDEuODIxLDAsMCwwLDMuODIxLDE4aDYuOTA2YS43MjcuNzI3LDAsMSwwLDAtMS40NTVIMy44MjFhLjM2Ni4zNjYsMCwwLDEtLjM2Ny0uMzY2VjMuODIxYS4zNjYuMzY2LDAsMCwxLC4zNjctLjM2NlpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTAuMDk5KVwiIGZpbGw9XCIjN2Y4OTkxXCIvPlxuICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICA8c3Bhbj5Mb2cgT3V0PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { Subscription, interval, take } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class AfConnectProgressBarComponent {
|
|
6
|
+
constructor(cdr) {
|
|
7
|
+
this.cdr = cdr;
|
|
8
|
+
this.progressBarTreshold = 30;
|
|
9
|
+
this.progressCounter = 0;
|
|
10
|
+
this.minimumProgressAnimation = 30;
|
|
11
|
+
this.withProgressAnimation = false;
|
|
12
|
+
this.subscription = new Subscription();
|
|
13
|
+
this.primaryColor = 'primary-green';
|
|
14
|
+
this.secondaryColor = 'grey';
|
|
15
|
+
}
|
|
16
|
+
ngAfterViewInit() {
|
|
17
|
+
this.minimumProgressAnimation = this.progress < this.progressBarTreshold ? this.progressBarTreshold : this.progress;
|
|
18
|
+
interval(11)
|
|
19
|
+
.pipe(take(this.minimumProgressAnimation || 100))
|
|
20
|
+
.subscribe(() => {
|
|
21
|
+
if (!this.withProgressAnimation) {
|
|
22
|
+
this.progressCounter = this.progress;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
this.progressCounter++;
|
|
26
|
+
}
|
|
27
|
+
this.cdr.detectChanges();
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
AfConnectProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
AfConnectProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProgressBarComponent, selector: "lib-af-connect-progress-bar", inputs: { withProgressAnimation: "withProgressAnimation", progress: "progress", primaryColor: "primaryColor", secondaryColor: "secondaryColor" }, ngImport: i0, template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\n <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\n <div class=\"text-container\">\n <div>\n <ng-content></ng-content>\n </div>\n <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\n </div>\n </div>\n </div>\n ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'lib-af-connect-progress-bar', template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\n <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\n <div class=\"text-container\">\n <div>\n <ng-content></ng-content>\n </div>\n <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\n </div>\n </div>\n </div>\n ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"] }]
|
|
36
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { withProgressAnimation: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], progress: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], primaryColor: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}], secondaryColor: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO2FBQ3RDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQzthQUN4QjtZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzswSEF4QlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIscU5DUjFDLGlZQVVFOzJGREZXLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7d0dBUzlCLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uLCBpbnRlcnZhbCwgdGFrZSB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1wcm9ncmVzcy1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuICBwdWJsaWMgcHJvZ3Jlc3NCYXJUcmVzaG9sZCA9IDMwO1xuICBwdWJsaWMgcHJvZ3Jlc3NDb3VudGVyID0gMDtcbiAgcHVibGljIG1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IDMwO1xuICBASW5wdXQoKSB3aXRoUHJvZ3Jlc3NBbmltYXRpb24gPSBmYWxzZTtcbiAgcHVibGljIHN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICBASW5wdXQoKSBwcm9ncmVzczogbnVtYmVyO1xuICBASW5wdXQoKSBwcmltYXJ5Q29sb3I6ICdwcmltYXJ5LWdyZWVuJyB8ICdwcmltYXJ5LW9yYW5nZScgPSAncHJpbWFyeS1ncmVlbic7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUNvbG9yOiAnb3JhbmdlJyB8ICd0cmFuc3BhcmVudCcgfCAnZ3JleScgPSAnZ3JleSc7XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IHRoaXMucHJvZ3Jlc3MgPCB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgPyB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgOiB0aGlzLnByb2dyZXNzO1xuICAgIGludGVydmFsKDExKVxuICAgICAgLnBpcGUodGFrZSh0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiB8fCAxMDApKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIGlmICghdGhpcy53aXRoUHJvZ3Jlc3NBbmltYXRpb24pIHtcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlciA9IHRoaXMucHJvZ3Jlc3M7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5wcm9ncmVzc0NvdW50ZXIrKztcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJbc2Vjb25kYXJ5Q29sb3JdXCIgY2xhc3M9XCJwcm9ncmVzcy1iYXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ3Byb2dyZXNzLWJhcicsIHByaW1hcnlDb2xvcl1cIiBbc3R5bGVdPVwieyB3aWR0aDogcHJvZ3Jlc3NDb3VudGVyICsgJyUnIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZmFsc2VcIj4ge3sgcHJvZ3Jlc3MudG9GaXhlZCgwKSB9fSUgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICAiXX0=
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "../af-connect-radio-group/af-connect-radio-group.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
// Increasing integer for generating unique ids for all afc-radio-button instances.
|
|
6
|
+
let nextUniqueId = 0;
|
|
7
|
+
export class AfConnectRadioButtonComponent {
|
|
8
|
+
constructor(radioGroup, changeDetector) {
|
|
9
|
+
this.radioGroup = radioGroup;
|
|
10
|
+
this.changeDetector = changeDetector;
|
|
11
|
+
this._uniqueId = `afc-radio-${++nextUniqueId}`;
|
|
12
|
+
this._checked = false;
|
|
13
|
+
this._disabled = false;
|
|
14
|
+
this._variant = 'default';
|
|
15
|
+
this._labelPosition = 'after';
|
|
16
|
+
this._size = 'inline';
|
|
17
|
+
this.id = this._uniqueId;
|
|
18
|
+
}
|
|
19
|
+
get checked() {
|
|
20
|
+
return this._checked;
|
|
21
|
+
}
|
|
22
|
+
set checked(newCheckedState) {
|
|
23
|
+
if (this._checked !== newCheckedState) {
|
|
24
|
+
this._checked = newCheckedState;
|
|
25
|
+
if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
|
|
26
|
+
this.radioGroup.selected = this;
|
|
27
|
+
}
|
|
28
|
+
this.markForCheck();
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
get disabled() {
|
|
32
|
+
return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
|
|
33
|
+
}
|
|
34
|
+
set disabled(newValue) {
|
|
35
|
+
this._disabled = newValue;
|
|
36
|
+
}
|
|
37
|
+
get inputId() {
|
|
38
|
+
return `${this.id}-input`;
|
|
39
|
+
}
|
|
40
|
+
get variant() {
|
|
41
|
+
return this._variant;
|
|
42
|
+
}
|
|
43
|
+
get labelPosition() {
|
|
44
|
+
return this._labelPosition;
|
|
45
|
+
}
|
|
46
|
+
get size() {
|
|
47
|
+
return this._size;
|
|
48
|
+
}
|
|
49
|
+
ngOnInit() {
|
|
50
|
+
this.checked = this.radioGroup.value === this.value;
|
|
51
|
+
this._variant = this.radioGroup.variant;
|
|
52
|
+
this._labelPosition = this.radioGroup.labelPosition;
|
|
53
|
+
this._size = this.radioGroup.size;
|
|
54
|
+
}
|
|
55
|
+
markForCheck() {
|
|
56
|
+
this.changeDetector.markForCheck();
|
|
57
|
+
}
|
|
58
|
+
onTouchTargetClick(event) {
|
|
59
|
+
this.onChange(event);
|
|
60
|
+
// Since the click comes from the touch target, we need
|
|
61
|
+
// to focus the native input element manually.
|
|
62
|
+
this.inputElement.nativeElement.focus();
|
|
63
|
+
}
|
|
64
|
+
onBlur() {
|
|
65
|
+
this.radioGroup.propagateTouch();
|
|
66
|
+
}
|
|
67
|
+
onChange(event) {
|
|
68
|
+
event.stopPropagation();
|
|
69
|
+
if (!this.checked && !this.disabled) {
|
|
70
|
+
this.checked = true;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
AfConnectRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
75
|
+
AfConnectRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", checked: "checked", disabled: "disabled" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n class=\"field-container\"\n [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\n>\n <div [ngClass]=\"['radio-container', variant]\">\n <input\n #input\n type=\"radio\"\n class=\"input\"\n [id]=\"inputId\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [attr.value]=\"value\"\n (change)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n />\n <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\n <div class=\"radio-visualization\">\n <span [class]=\"['outer-circle', variant]\"></span>\n <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\n <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\n </div>\n </div>\n <label class=\"label\" [for]=\"inputId\">\n <ng-content></ng-content>\n </label>\n</div>\n", styles: [".field-container{display:flex;align-items:center;gap:.75rem}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, decorators: [{
|
|
77
|
+
type: Component,
|
|
78
|
+
args: [{ selector: 'lib-af-connect-radio-button', template: "<div\n class=\"field-container\"\n [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\n>\n <div [ngClass]=\"['radio-container', variant]\">\n <input\n #input\n type=\"radio\"\n class=\"input\"\n [id]=\"inputId\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [attr.value]=\"value\"\n (change)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n />\n <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\n <div class=\"radio-visualization\">\n <span [class]=\"['outer-circle', variant]\"></span>\n <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\n <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\n </div>\n </div>\n <label class=\"label\" [for]=\"inputId\">\n <ng-content></ng-content>\n </label>\n</div>\n", styles: [".field-container{display:flex;align-items:center;gap:.75rem}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
|
|
79
|
+
}], ctorParameters: function () { return [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], value: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], checked: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], disabled: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], inputElement: [{
|
|
88
|
+
type: ViewChild,
|
|
89
|
+
args: ['input']
|
|
90
|
+
}] } });
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFtQ3hDLFlBQW9CLFVBQXdDLEVBQVUsY0FBaUM7UUFBbkYsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFsQy9GLGNBQVMsR0FBVyxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7UUFDbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBdUIsU0FBUyxDQUFDO1FBQ3pDLG1CQUFjLEdBQTZCLE9BQU8sQ0FBQztRQUNuRCxVQUFLLEdBQW9CLFFBQVEsQ0FBQztRQUVqQyxPQUFFLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQTJCcUUsQ0FBQztJQXhCM0csSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssZUFBZSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDO1lBQ2hDLElBQUksZUFBZSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDOUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO2FBQ2pDO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEYsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFNRCxJQUFJLE9BQU87UUFDVCxPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3BELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDeEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUNwRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBWTtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXJCLHVEQUF1RDtRQUN2RCw4Q0FBOEM7UUFDOUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ25DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs7MEhBakZVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLDBQQ1oxQyxxN0JBMkJBOzJGRGZhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7bUpBWTlCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0YsT0FBTztzQkFEVixLQUFLO2dCQWVGLFFBQVE7c0JBRFgsS0FBSztnQkFRYyxZQUFZO3NCQUEvQixTQUFTO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4uL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAvYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XG5cbi8vIEluY3JlYXNpbmcgaW50ZWdlciBmb3IgZ2VuZXJhdGluZyB1bmlxdWUgaWRzIGZvciBhbGwgYWZjLXJhZGlvLWJ1dHRvbiBpbnN0YW5jZXMuXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB7XG4gIHByaXZhdGUgX3VuaXF1ZUlkOiBzdHJpbmcgPSBgYWZjLXJhZGlvLSR7KytuZXh0VW5pcXVlSWR9YDtcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF92YXJpYW50OiBSYWRpb0J1dHRvblZhcmlhbnQgPSAnZGVmYXVsdCc7XG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XG4gIHByaXZhdGUgX3NpemU6IFJhZGlvQnV0dG9uU2l6ZSA9ICdpbmxpbmUnO1xuXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgY2hlY2tlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fY2hlY2tlZDtcbiAgfVxuICBzZXQgY2hlY2tlZChuZXdDaGVja2VkU3RhdGU6IGJvb2xlYW4pIHtcbiAgICBpZiAodGhpcy5fY2hlY2tlZCAhPT0gbmV3Q2hlY2tlZFN0YXRlKSB7XG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xuICAgICAgaWYgKG5ld0NoZWNrZWRTdGF0ZSAmJiB0aGlzLnJhZGlvR3JvdXAgJiYgdGhpcy5yYWRpb0dyb3VwLnZhbHVlICE9PSB0aGlzLnZhbHVlKSB7XG4gICAgICAgIHRoaXMucmFkaW9Hcm91cC5zZWxlY3RlZCA9IHRoaXM7XG4gICAgICB9XG4gICAgICB0aGlzLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQgfHwgKHRoaXMucmFkaW9Hcm91cCAhPT0gbnVsbCAmJiB0aGlzLnJhZGlvR3JvdXAuZGlzYWJsZWQpO1xuICB9XG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gbmV3VmFsdWU7XG4gIH1cblxuICBAVmlld0NoaWxkKCdpbnB1dCcpIGlucHV0RWxlbWVudDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIGdldCBpbnB1dElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcbiAgfVxuXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQ7XG4gIH1cblxuICBnZXQgbGFiZWxQb3NpdGlvbigpOiBSYWRpb0J1dHRvbkxhYmVsUG9zaXRpb24ge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbFBvc2l0aW9uO1xuICB9XG5cbiAgZ2V0IHNpemUoKTogUmFkaW9CdXR0b25TaXplIHtcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcbiAgICB0aGlzLl92YXJpYW50ID0gdGhpcy5yYWRpb0dyb3VwLnZhcmlhbnQ7XG4gICAgdGhpcy5fbGFiZWxQb3NpdGlvbiA9IHRoaXMucmFkaW9Hcm91cC5sYWJlbFBvc2l0aW9uO1xuICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcbiAgfVxuXG4gIG1hcmtGb3JDaGVjaygpIHtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25Ub3VjaFRhcmdldENsaWNrKGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuXG4gICAgLy8gU2luY2UgdGhlIGNsaWNrIGNvbWVzIGZyb20gdGhlIHRvdWNoIHRhcmdldCwgd2UgbmVlZFxuICAgIC8vIHRvIGZvY3VzIHRoZSBuYXRpdmUgaW5wdXQgZWxlbWVudCBtYW51YWxseS5cbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5yYWRpb0dyb3VwLnByb3BhZ2F0ZVRvdWNoKCk7XG4gIH1cblxuICBvbkNoYW5nZShldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5jaGVja2VkID0gdHJ1ZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxuICBbbmdDbGFzc109XCJ7ICdsYWJlbC1iZWZvcmUnOiBsYWJlbFBvc2l0aW9uID09PSAnYmVmb3JlJywgJ3NpemUtYm94Jzogc2l6ZSA9PT0gJ2JveCcsIGNoZWNrZWQ6IGNoZWNrZWQsIGRpc2FibGVkOiBkaXNhYmxlZCB9XCJcbj5cbiAgPGRpdiBbbmdDbGFzc109XCJbJ3JhZGlvLWNvbnRhaW5lcicsIHZhcmlhbnRdXCI+XG4gICAgPGlucHV0XG4gICAgICAjaW5wdXRcbiAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcbiAgICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXG4gICAgLz5cbiAgICA8ZGl2IGNsYXNzPVwidG91Y2gtdGFyZ2V0XCIgKGNsaWNrKT1cIm9uVG91Y2hUYXJnZXRDbGljaygkZXZlbnQpXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJhZGlvLXZpc3VhbGl6YXRpb25cIj5cbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ2YXJpYW50ID09PSAnZGVmYXVsdCdcIiBjbGFzcz1cImlubmVyLWNpcmNsZVwiPjwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwidmFyaWFudCA9PT0gJ2NoZWNrYm94JyB8fCB2YXJpYW50ID09PSAnY3ViZSdcIiBjbGFzcz1cImNoZWNrLW1hcmtcIj48L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8bGFiZWwgY2xhc3M9XCJsYWJlbFwiIFtmb3JdPVwiaW5wdXRJZFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { AfConnectRadioButtonComponent } from '../af-connect-radio-button/af-connect-radio-button.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class AfConnectRadioGroupComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this._selected = null;
|
|
9
|
+
this._disabled = false;
|
|
10
|
+
this.direction = 'row';
|
|
11
|
+
this.withAsterisk = false;
|
|
12
|
+
this.variant = 'default';
|
|
13
|
+
this.labelPosition = 'after';
|
|
14
|
+
this.size = 'inline';
|
|
15
|
+
this.valueChange = new EventEmitter();
|
|
16
|
+
this.propagateChange = (_) => { };
|
|
17
|
+
this.propagateTouch = (_) => { };
|
|
18
|
+
}
|
|
19
|
+
get value() {
|
|
20
|
+
return this._value;
|
|
21
|
+
}
|
|
22
|
+
set value(newValue) {
|
|
23
|
+
if (this._value !== newValue) {
|
|
24
|
+
this._value = newValue;
|
|
25
|
+
this.updateRadioButtonsState();
|
|
26
|
+
this.propagateChange(this._value);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
get selected() {
|
|
30
|
+
return this._selected;
|
|
31
|
+
}
|
|
32
|
+
set selected(newSelected) {
|
|
33
|
+
this._selected = newSelected;
|
|
34
|
+
this.value = newSelected ? newSelected.value : null;
|
|
35
|
+
}
|
|
36
|
+
get disabled() {
|
|
37
|
+
return this._disabled;
|
|
38
|
+
}
|
|
39
|
+
set disabled(newValue) {
|
|
40
|
+
this._disabled = newValue;
|
|
41
|
+
this.markRadiosForCheck();
|
|
42
|
+
}
|
|
43
|
+
writeValue(value) {
|
|
44
|
+
this.value = value;
|
|
45
|
+
}
|
|
46
|
+
registerOnChange(fn) {
|
|
47
|
+
this.propagateChange = fn;
|
|
48
|
+
}
|
|
49
|
+
registerOnTouched(fn) {
|
|
50
|
+
this.propagateTouch = fn;
|
|
51
|
+
}
|
|
52
|
+
setDisabledState(isDisabled) {
|
|
53
|
+
this.disabled = isDisabled;
|
|
54
|
+
}
|
|
55
|
+
emitChangeEvent() {
|
|
56
|
+
this.valueChange.emit(this._value);
|
|
57
|
+
}
|
|
58
|
+
markRadiosForCheck() {
|
|
59
|
+
if (this.radios) {
|
|
60
|
+
this.radios.forEach((radio) => radio.markForCheck());
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
updateRadioButtonsState() {
|
|
64
|
+
this.radios?.forEach((radio) => {
|
|
65
|
+
radio.checked = this._value === radio.value;
|
|
66
|
+
if (radio.checked) {
|
|
67
|
+
this._selected = radio;
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
AfConnectRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
73
|
+
AfConnectRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: { label: "label", direction: "direction", withAsterisk: "withAsterisk", variant: "variant", labelPosition: "labelPosition", size: "size", value: "value", selected: "selected", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
74
|
+
{
|
|
75
|
+
provide: NG_VALUE_ACCESSOR,
|
|
76
|
+
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
77
|
+
multi: true
|
|
78
|
+
}
|
|
79
|
+
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(function () { return AfConnectRadioButtonComponent; }), descendants: true }], ngImport: i0, template: "<span *ngIf=\"label\" class=\"label\">\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n </span>\n <div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\n <ng-content></ng-content>\n </div>\n ", styles: [":host{display:flex;flex-direction:column;gap:1rem}.radio-buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.radio-buttons-container.column{flex-direction:column;gap:1rem}.label{cursor:default;display:block;font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{ selector: 'lib-af-connect-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
83
|
+
{
|
|
84
|
+
provide: NG_VALUE_ACCESSOR,
|
|
85
|
+
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
86
|
+
multi: true
|
|
87
|
+
}
|
|
88
|
+
], template: "<span *ngIf=\"label\" class=\"label\">\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n </span>\n <div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\n <ng-content></ng-content>\n </div>\n ", styles: [":host{display:flex;flex-direction:column;gap:1rem}.radio-buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.radio-buttons-container.column{flex-direction:column;gap:1rem}.label{cursor:default;display:block;font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"] }]
|
|
89
|
+
}], propDecorators: { label: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], direction: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], withAsterisk: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], variant: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], labelPosition: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], size: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], value: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], selected: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], disabled: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], valueChange: [{
|
|
108
|
+
type: Output
|
|
109
|
+
}], radios: [{
|
|
110
|
+
type: ContentChildren,
|
|
111
|
+
args: [forwardRef(() => AfConnectRadioButtonComponent), { descendants: true }]
|
|
112
|
+
}] } });
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1ncm91cC9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFnQjdHLE1BQU0sT0FBTyw0QkFBNEI7SUFiekM7UUFlVSxjQUFTLEdBQXlDLElBQUksQ0FBQztRQUN2RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBQ3BDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBdUIsU0FBUyxDQUFDO1FBQ3hDLGtCQUFhLEdBQTZCLE9BQU8sQ0FBQztRQUNsRCxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQWdDdkIsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl2RSxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBb0M5QztJQXZFQyxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQUksS0FBSyxDQUFDLFFBQXVCO1FBQy9CLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxRQUFRLEVBQUU7WUFDNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7WUFDdkIsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxXQUFpRDtRQUM1RCxJQUFJLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxHQUFHLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ3RELENBQUM7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO1FBQzFCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFTRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBd0I7UUFDdkMsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1NBQ3REO0lBQ0gsQ0FBQztJQUVPLHVCQUF1QjtRQUM3QixJQUFJLENBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzdCLEtBQUssQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sS0FBSyxLQUFLLENBQUMsS0FBSyxDQUFDO1lBQzVDLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDakIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7YUFDeEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O3lIQWpGVSw0QkFBNEI7NkdBQTVCLDRCQUE0Qiw4U0FSNUI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztZQUMzRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0Ysb0ZBNENpQyw2QkFBNkIsb0RDckVqRSw4UEFNRTsyRkRxQlcsNEJBQTRCO2tCQWJ4QyxTQUFTOytCQUNFLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw2QkFBNkIsQ0FBQzs0QkFDM0QsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBTVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR0YsS0FBSztzQkFEUixLQUFLO2dCQWFGLFFBQVE7c0JBRFgsS0FBSztnQkFVRixRQUFRO3NCQURYLEtBQUs7Z0JBU2EsV0FBVztzQkFBN0IsTUFBTTtnQkFFUCxNQUFNO3NCQURMLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiwgUmFkaW9CdXR0b25TaXplLCBSYWRpb0J1dHRvblZhcmlhbnQgfSBmcm9tICcuLi9tb2RlbHMvcmFkaW8ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1yYWRpby1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBZkNvbm5lY3RSYWRpb0dyb3VwQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvcntcbiAgcHJpdmF0ZSBfdmFsdWU6IHN0cmluZyB8IG51bGw7XG4gIHByaXZhdGUgX3NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbicgPSAncm93JztcbiAgQElucHV0KCkgd2l0aEFzdGVyaXNrOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFJhZGlvQnV0dG9uVmFyaWFudCA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uID0gJ2FmdGVyJztcbiAgQElucHV0KCkgc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XG5cbiAgQElucHV0KClcbiAgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcbiAgfVxuICBzZXQgdmFsdWUobmV3VmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5fdmFsdWUgIT09IG5ld1ZhbHVlKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IG5ld1ZhbHVlO1xuICAgICAgdGhpcy51cGRhdGVSYWRpb0J1dHRvbnNTdGF0ZSgpO1xuICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy5fdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBzZWxlY3RlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cbiAgc2V0IHNlbGVjdGVkKG5ld1NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwpIHtcbiAgICB0aGlzLl9zZWxlY3RlZCA9IG5ld1NlbGVjdGVkO1xuICAgIHRoaXMudmFsdWUgPSBuZXdTZWxlY3RlZCA/IG5ld1NlbGVjdGVkLnZhbHVlIDogbnVsbDtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gIH1cbiAgc2V0IGRpc2FibGVkKG5ld1ZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcbiAgICB0aGlzLm1hcmtSYWRpb3NGb3JDaGVjaygpO1xuICB9XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICByYWRpb3M6IFF1ZXJ5TGlzdDxBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudD47XG5cbiAgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xuICBwcm9wYWdhdGVUb3VjaDogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCkge1xuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgZW1pdENoYW5nZUV2ZW50KCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XG4gIH1cblxuICBtYXJrUmFkaW9zRm9yQ2hlY2soKSB7XG4gICAgaWYgKHRoaXMucmFkaW9zKSB7XG4gICAgICB0aGlzLnJhZGlvcy5mb3JFYWNoKChyYWRpbykgPT4gcmFkaW8ubWFya0ZvckNoZWNrKCkpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlUmFkaW9CdXR0b25zU3RhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5yYWRpb3M/LmZvckVhY2goKHJhZGlvKSA9PiB7XG4gICAgICByYWRpby5jaGVja2VkID0gdGhpcy5fdmFsdWUgPT09IHJhZGlvLnZhbHVlO1xuICAgICAgaWYgKHJhZGlvLmNoZWNrZWQpIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWQgPSByYWRpbztcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIiwiPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwibGFiZWxcIj5cbiAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XG4gIDwvc3Bhbj5cbiAgPGRpdiBjbGFzcz1cInJhZGlvLWJ1dHRvbnMtY29udGFpbmVyXCIgW2NsYXNzLmNvbHVtbl09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AfConnectSectionComponent {
|
|
4
|
+
constructor() { }
|
|
5
|
+
ngOnInit() {
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
AfConnectSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
AfConnectSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionComponent, selector: "lib-af-connect-section", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;background-color:transparent;height:-moz-fit-content;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'lib-af-connect-section', template: "<ng-content></ng-content>\n", styles: [":host{display:block;background-color:transparent;height:-moz-fit-content;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] }]
|
|
13
|
+
}], ctorParameters: function () { return []; } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc2VjdGlvbi9hZi1jb25uZWN0LXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uL2FmLWNvbm5lY3Qtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOztzSEFKVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qiw4RENQdEMsNkJBQ0E7MkZETWEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCAge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
|