af-connect-components 18.0.1 → 18.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2020 → esm2022}/af-connect-components.mjs +4 -4
- package/{esm2020 → esm2022}/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +22 -22
- package/esm2022/lib/af-connect-button/af-connect-button.component.mjs +47 -0
- package/{esm2020 → esm2022}/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +33 -33
- package/esm2022/lib/af-connect-card/af-connect-card.component.mjs +17 -0
- package/{esm2020 → esm2022}/lib/af-connect-chart/af-connect-chart.component.mjs +11 -11
- package/esm2022/lib/af-connect-chip/af-connect-chip.component.mjs +23 -0
- package/{esm2020 → esm2022}/lib/af-connect-components.component.mjs +12 -12
- package/{esm2020 → esm2022}/lib/af-connect-components.module.mjs +235 -235
- package/{esm2020 → esm2022}/lib/af-connect-components.service.mjs +14 -14
- package/{esm2020 → esm2022}/lib/af-connect-content/af-connect-content.component.mjs +14 -14
- package/{esm2020 → esm2022}/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/af-connect-error/af-connect-error.component.mjs +26 -26
- package/esm2022/lib/af-connect-footer/af-connect-footer.component.mjs +316 -0
- package/{esm2020 → esm2022}/lib/af-connect-form-group/af-connect-form-group.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +21 -21
- package/esm2022/lib/af-connect-header/af-connect-header.component.mjs +79 -0
- package/{esm2020 → esm2022}/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +29 -29
- package/esm2022/lib/af-connect-input/af-connect-input.component.mjs +92 -0
- package/{esm2020 → esm2022}/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +18 -18
- package/esm2022/lib/af-connect-modal/af-connect-modal.component.mjs +101 -0
- package/{esm2020 → esm2022}/lib/af-connect-no-content/af-connect-no-content.component.mjs +26 -26
- package/{esm2020 → esm2022}/lib/af-connect-notification/af-connect-notification.component.mjs +15 -15
- package/{esm2020 → esm2022}/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +47 -47
- package/{esm2020 → esm2022}/lib/af-connect-products-carousel/defaultConfig.mjs +26 -26
- package/esm2022/lib/af-connect-products-carousel/image-card/image-card.component.mjs +27 -0
- package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +85 -0
- package/esm2022/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +45 -0
- package/{esm2020 → esm2022}/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +99 -99
- package/esm2022/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +114 -0
- package/{esm2020 → esm2022}/lib/af-connect-section/af-connect-section.component.mjs +14 -14
- package/{esm2020 → esm2022}/lib/af-connect-section-header/af-connect-section-header.component.mjs +35 -35
- package/{esm2020 → esm2022}/lib/af-connect-select/af-connect-select.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +27 -27
- package/{esm2020 → esm2022}/lib/af-connect-tab/af-connect-tab.component.mjs +20 -20
- package/{esm2020 → esm2022}/lib/af-connect-table/af-connect-table.component.mjs +11 -11
- package/esm2022/lib/af-connect-tabs/af-connect-tabs.component.mjs +87 -0
- package/{esm2020 → esm2022}/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +33 -33
- package/esm2022/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +133 -0
- package/{esm2020 → esm2022}/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +48 -48
- package/{esm2020 → esm2022}/lib/af-connect-tooltip/types.mjs +1 -1
- package/{esm2020 → esm2022}/lib/constants/animation.constants.mjs +121 -121
- package/{esm2020 → esm2022}/lib/constants/base.constants.mjs +9 -9
- package/{esm2020 → esm2022}/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +23 -23
- package/esm2022/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +54 -0
- package/esm2022/lib/expandable/expandable-container/expandable-container.component.mjs +29 -0
- package/{esm2020 → esm2022}/lib/faq/faq/faq.component.mjs +22 -22
- package/{esm2020 → esm2022}/lib/faq/faq-item/faq-item.component.mjs +16 -16
- package/{esm2020 → esm2022}/lib/faq/faqItem.mjs +1 -1
- package/{esm2020 → esm2022}/lib/faq/image-fallback/image-fallback.component.mjs +55 -55
- package/{esm2020 → esm2022}/lib/models/notification-response.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/radio.model.mjs +1 -1
- package/esm2022/lib/models/url-config.mjs +2 -0
- package/esm2022/lib/services/breakpoint.service.mjs +17 -0
- package/{esm2020 → esm2022}/lib/utilities/number.util.mjs +3 -3
- package/{esm2020 → esm2022}/public-api.mjs +42 -42
- package/esm2022/shared/pipes/get-initials.mjs +20 -0
- package/fesm2022/af-connect-components.mjs +2236 -0
- package/fesm2022/af-connect-components.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.d.ts +10 -10
- package/lib/af-connect-button/af-connect-button.component.d.ts +21 -21
- package/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.d.ts +14 -14
- package/lib/af-connect-card/af-connect-card.component.d.ts +8 -8
- package/lib/af-connect-chart/af-connect-chart.component.d.ts +5 -5
- package/lib/af-connect-chip/af-connect-chip.component.d.ts +12 -12
- package/lib/af-connect-components.component.d.ts +5 -5
- package/lib/af-connect-components.module.d.ts +51 -51
- package/lib/af-connect-components.service.d.ts +6 -6
- package/lib/af-connect-content/af-connect-content.component.d.ts +8 -8
- package/lib/af-connect-datepicker/af-connect-datepicker.component.d.ts +5 -5
- package/lib/af-connect-error/af-connect-error.component.d.ts +12 -12
- package/lib/af-connect-footer/af-connect-footer.component.d.ts +166 -166
- package/lib/af-connect-form-group/af-connect-form-group.component.d.ts +5 -5
- package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts +10 -10
- package/lib/af-connect-header/af-connect-header.component.d.ts +31 -24
- package/lib/af-connect-inline-error/af-connect-inline-error.component.d.ts +13 -13
- package/lib/af-connect-input/af-connect-input.component.d.ts +36 -36
- package/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.d.ts +8 -8
- package/lib/af-connect-modal/af-connect-modal.component.d.ts +46 -46
- package/lib/af-connect-no-content/af-connect-no-content.component.d.ts +12 -12
- package/lib/af-connect-notification/af-connect-notification.component.d.ts +8 -8
- package/lib/af-connect-products-carousel/af-connect-products-carousel.component.d.ts +32 -32
- package/lib/af-connect-products-carousel/defaultConfig.d.ts +6 -6
- package/lib/af-connect-products-carousel/image-card/image-card.component.d.ts +13 -13
- package/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.d.ts +37 -27
- package/lib/af-connect-progress-bar/af-connect-progress-bar.component.d.ts +18 -18
- package/lib/af-connect-radio-button/af-connect-radio-button.component.d.ts +34 -34
- package/lib/af-connect-radio-group/af-connect-radio-group.component.d.ts +35 -35
- package/lib/af-connect-section/af-connect-section.component.d.ts +8 -8
- package/lib/af-connect-section-header/af-connect-section-header.component.d.ts +15 -15
- package/lib/af-connect-select/af-connect-select.component.d.ts +5 -5
- package/lib/af-connect-svg-button/af-connect-svg-button.component.d.ts +14 -14
- package/lib/af-connect-tab/af-connect-tab.component.d.ts +9 -9
- package/lib/af-connect-table/af-connect-table.component.d.ts +5 -5
- package/lib/af-connect-tabs/af-connect-tabs.component.d.ts +25 -25
- package/lib/af-connect-toaster-message/af-connect-toaster-message.component.d.ts +13 -13
- package/lib/af-connect-toggle-button/af-connect-toggle-button.component.d.ts +37 -37
- package/lib/af-connect-tooltip/af-connect-tooltip.component.d.ts +16 -16
- package/lib/af-connect-tooltip/types.d.ts +1 -1
- package/lib/constants/animation.constants.d.ts +13 -13
- package/lib/constants/base.constants.d.ts +10 -10
- package/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.d.ts +8 -8
- package/lib/expandable/expandable-arrow/expandable-arrow.component.d.ts +21 -21
- package/lib/expandable/expandable-container/expandable-container.component.d.ts +8 -8
- package/lib/faq/faq/faq.component.d.ts +9 -9
- package/lib/faq/faq-item/faq-item.component.d.ts +7 -7
- package/lib/faq/faqItem.d.ts +7 -7
- package/lib/faq/image-fallback/image-fallback.component.d.ts +18 -18
- package/lib/models/notification-response.model.d.ts +17 -17
- package/lib/models/radio.model.d.ts +3 -3
- package/lib/models/url-config.d.ts +5 -0
- package/lib/services/breakpoint.service.d.ts +10 -9
- package/lib/utilities/number.util.d.ts +1 -1
- package/package.json +5 -11
- package/public-api.d.ts +39 -39
- package/shared/pipes/get-initials.d.ts +10 -10
- package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +0 -47
- package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +0 -17
- package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +0 -23
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +0 -316
- package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +0 -56
- package/esm2020/lib/af-connect-input/af-connect-input.component.mjs +0 -92
- package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs +0 -101
- package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +0 -27
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +0 -71
- package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +0 -45
- package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +0 -114
- package/esm2020/lib/af-connect-tabs/af-connect-tabs.component.mjs +0 -87
- package/esm2020/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +0 -133
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +0 -54
- package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +0 -29
- package/esm2020/lib/services/breakpoint.service.mjs +0 -16
- package/esm2020/shared/pipes/get-initials.mjs +0 -20
- package/fesm2015/af-connect-components.mjs +0 -2209
- package/fesm2015/af-connect-components.mjs.map +0 -1
- package/fesm2020/af-connect-components.mjs +0 -2201
- package/fesm2020/af-connect-components.mjs.map +0 -1
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Component, HostListener, Output, EventEmitter, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../af-connect-radio-button/af-connect-radio-button.component";
|
|
5
|
-
import * as i3 from "../af-connect-radio-group/af-connect-radio-group.component";
|
|
6
|
-
export var UserType;
|
|
7
|
-
(function (UserType) {
|
|
8
|
-
UserType["Retail"] = "Retail";
|
|
9
|
-
UserType["Institutional"] = "Institutional";
|
|
10
|
-
UserType["Hybrid"] = "Hybrid";
|
|
11
|
-
})(UserType || (UserType = {}));
|
|
12
|
-
export class AfConnectProfileDropdown {
|
|
13
|
-
constructor(elementRef) {
|
|
14
|
-
this.elementRef = elementRef;
|
|
15
|
-
this.username = '';
|
|
16
|
-
this.callMeBack = new EventEmitter();
|
|
17
|
-
this.contactAdviser = new EventEmitter();
|
|
18
|
-
this.resetPassword = new EventEmitter();
|
|
19
|
-
this.logout = new EventEmitter();
|
|
20
|
-
this.switchUserType = new EventEmitter();
|
|
21
|
-
this.showMenu = false;
|
|
22
|
-
this.USER_TYPE = UserType;
|
|
23
|
-
}
|
|
24
|
-
show(e) {
|
|
25
|
-
this.showMenu = !this.showMenu;
|
|
26
|
-
}
|
|
27
|
-
click(event) {
|
|
28
|
-
const iconClick = this.elementRef.nativeElement.contains(event.target);
|
|
29
|
-
const clickedOnUserTypeSwitch = event.target.closest('.user-type-switch') !== null;
|
|
30
|
-
const clickedOnUserTypeSwitchOption = event.target.closest('.user-type-switch__option') !== null;
|
|
31
|
-
this.showMenu = iconClick ? this.showMenu : (clickedOnUserTypeSwitch && !clickedOnUserTypeSwitchOption);
|
|
32
|
-
}
|
|
33
|
-
select(value) {
|
|
34
|
-
if (this.userType !== value) {
|
|
35
|
-
this.userType = value;
|
|
36
|
-
this.showMenu = false;
|
|
37
|
-
this.switchUserType.emit(value);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
AfConnectProfileDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
AfConnectProfileDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProfileDropdown, selector: "lib-af-connect-profile-dropdown", inputs: { username: "username", userType: "userType", hasSwitchIndicator: "hasSwitchIndicator", isHybrid: "isHybrid" }, outputs: { callMeBack: "callMeBack", contactAdviser: "contactAdviser", resetPassword: "resetPassword", logout: "logout", switchUserType: "switchUserType" }, host: { listeners: { "click": "show($event)", "document:click": "click($event)" } }, ngImport: i0, template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"retail\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #retail>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF;cursor:pointer}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:12rem;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):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:not(.user-type-switch):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:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#FAFBFC;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2CC1DA}.orange{background:#F69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: ["id", "value", "itemOrder", "checked", "disabled"] }, { kind: "component", type: i3.AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: ["label", "direction", "withAsterisk", "variant", "labelPosition", "size", "value", "selected", "disabled"], outputs: ["valueChange"] }] });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProfileDropdown, decorators: [{
|
|
44
|
-
type: Component,
|
|
45
|
-
args: [{ selector: 'lib-af-connect-profile-dropdown', template: "<span [class]=\"['logo-content', userType === USER_TYPE.Retail ? 'blue' : isHybrid ? 'yellow' : 'orange']\">\r\n <ng-container *ngTemplateOutlet=\"userType === USER_TYPE.Retail || isHybrid ? retail : institutional\"></ng-container>\r\n</span>\r\n\r\n<ng-container *ngIf=\"showMenu\">\r\n <div class=\"dropdown-content\">\r\n <div (click)=\"callMeBack.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <g id=\"call\" transform=\"translate(0 0)\">\r\n <path id=\"phone-1\" d=\"M19.976,17.549l-2.588-2.156a.694.694,0,0,0-.7-.037l-1.438.958a.91.91,0,0,1-.509.153,5.983,5.983,0,0,1-1.28-.18,7.724,7.724,0,0,1-5.754-5.752,5.977,5.977,0,0,1-.18-1.28.909.909,0,0,1,.153-.509l.959-1.437a.681.681,0,0,0-.037-.7L6.444,4.022a.427.427,0,0,0-.73,0L4.285,5.77a2.549,2.549,0,0,0-.4,2.035.909.909,0,0,1,.027.105,4.671,4.671,0,0,0,.142.5,11.685,11.685,0,0,0,.654,1.563,20.775,20.775,0,0,0,3.973,5.332A20.76,20.76,0,0,0,14.02,19.28a11.693,11.693,0,0,0,1.563.654,4.823,4.823,0,0,0,.5.142.909.909,0,0,1,.126.033,2.492,2.492,0,0,0,2.014-.4l1.747-1.429A.426.426,0,0,0,19.976,17.549Zm-4.3-3.706A2.5,2.5,0,0,1,18.552,14l2.589,2.156a2.235,2.235,0,0,1-.015,3.534l-1.747,1.428a4.29,4.29,0,0,1-3.695.735q-.338-.077-.667-.188a13.5,13.5,0,0,1-1.809-.755A22.583,22.583,0,0,1,7.4,16.594a22.579,22.579,0,0,1-4.314-5.806,13.488,13.488,0,0,1-.755-1.809A6.833,6.833,0,0,1,2.14,8.3a4.343,4.343,0,0,1,.738-3.683L4.307,2.873a2.238,2.238,0,0,1,3.535-.015L10,5.445a2.485,2.485,0,0,1,.153,2.871L9.366,9.494a5.374,5.374,0,0,0,.11.62,5.948,5.948,0,0,0,.922,2.052,5.868,5.868,0,0,0,1.43,1.43,5.952,5.952,0,0,0,2.053.921,5.277,5.277,0,0,0,.62.11l1.179-.785Z\" transform=\"translate(-2 -2)\" fill=\"#ef4f1f\"/>\r\n </g>\r\n </svg>\r\n <span>Call me back</span>\r\n </div>\r\n <div (click)=\"contactAdviser.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.5\" height=\"17.864\" viewBox=\"0 0 21.5 17.864\">\r\n <g id=\"Icons_UI_Contacts_Colour_\" data-name=\"Icons / UI / Contacts / Colour \" transform=\"translate(0.75 0.75)\">\r\n <rect id=\"Rectangle\" width=\"20\" height=\"16.364\" rx=\"3\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3\" data-name=\"Line 3\" d=\"M.55.563l8.591,7.67\" transform=\"translate(0.859 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n <path id=\"Line_3-2\" data-name=\"Line 3\" d=\"M-1.409.563-10,8.233\" transform=\"translate(20 0.858)\" fill=\"none\" stroke=\"#ef4f1f\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\"/>\r\n </g>\r\n </svg>\r\n <span>Contact adviser</span>\r\n </div>\r\n <div *ngIf=\"hasSwitchIndicator\" class=\"user-type-switch user-type-switch\">\r\n <div class=\"user-type-switch__btn-container\">\r\n <lib-af-connect-radio-group label=\"View as\" variant=\"checkbox\" direction=\"column\" (valueChange)=\"select($event)\">\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Retail)\"\r\n >\r\n <div class=\"logo blue\">\r\n <ng-container *ngTemplateOutlet=\"retail\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Retail\" [checked]=\"userType === USER_TYPE.Retail\" itemOrder=\"right-to-left\">\r\n <span>Individual/Retail</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n <div\r\n class=\"user-type-switch__option boxShadow\"\r\n (click)=\"select(USER_TYPE.Institutional)\"\r\n >\r\n <div class=\"logo orange\">\r\n <ng-container *ngTemplateOutlet=\"institutional\"></ng-container>\r\n </div>\r\n <lib-af-connect-radio-button ngClass=\"larger\" [value]=\"USER_TYPE.Institutional\" [checked]=\"userType === USER_TYPE.Institutional\" itemOrder=\"right-to-left\">\r\n <span>Employee benefits</span>\r\n </lib-af-connect-radio-button>\r\n </div>\r\n </lib-af-connect-radio-group>\r\n </div>\r\n </div>\r\n <div (click)=\"resetPassword.emit()\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"20.004\" viewBox=\"0 0 22 20.004\">\r\n <path id=\"Shape\" d=\"M12.522,20A9.882,9.882,0,0,1,2.484,10H.544a.552.552,0,0,1-.379-.944l3.024-3.1a.528.528,0,0,1,.77,0l3.024,3.1a.557.557,0,0,1-.39.944H4.652a7.679,7.679,0,0,0,7.7,7.778,7.782,7.782,0,0,0,7.48-7.667A7.692,7.692,0,0,0,12.24,2.222,7.481,7.481,0,0,0,8.511,3.233a1.035,1.035,0,0,1-1.279-.2,1.125,1.125,0,0,1,.217-1.744A9.617,9.617,0,0,1,12.24,0,9.9,9.9,0,0,1,22,10.289,10,10,0,0,1,12.522,20Z\" transform=\"translate(22 20.004) rotate(180)\" fill=\"#f15a22\"/>\r\n </svg>\r\n <span>Reset password</span>\r\n </div>\r\n <div (click)=\"logout.emit()\">\r\n <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\">\r\n <rect id=\"bg\" width=\"20\" height=\"20\" fill=\"none\"/>\r\n <path id=\"path\" d=\"M9.21,9.273l2.758-2.758A.727.727,0,1,0,10.94,5.486l-4,4a.727.727,0,0,0,0,1.029l4,4a.727.727,0,1,0,1.029-1.029L9.21,10.727h8.066a.727.727,0,0,0,0-1.455Zm1.517-5.818a.727.727,0,1,0,0-1.455H3.821A1.82,1.82,0,0,0,2,3.821V16.179A1.821,1.821,0,0,0,3.821,18h6.906a.727.727,0,1,0,0-1.455H3.821a.366.366,0,0,1-.367-.366V3.821a.366.366,0,0,1,.367-.366Z\" transform=\"translate(-0.099)\" fill=\"#7f8991\"/>\r\n </svg>\r\n <span>Log Out</span>\r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-template #retail>\r\n <svg id=\"Group\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.837\" height=\"13.693\" viewBox=\"0 0 12.837 13.693\">\r\n <path id=\"Oval\" d=\"M2.785-1A3.785,3.785,0,1,1-1,2.785,3.79,3.79,0,0,1,2.785-1Zm0,6.583a2.8,2.8,0,1,0-2.8-2.8A2.8,2.8,0,0,0,2.785,5.583Z\" transform=\"translate(3.633 1)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle\" d=\"M7.393,4.135A.494.494,0,0,1,6.9,3.641,3.712,3.712,0,0,0,3.14-.013H-.506A.494.494,0,0,1-1-.506.494.494,0,0,1-.506-1H3.14A4.7,4.7,0,0,1,7.887,3.641.494.494,0,0,1,7.393,4.135Z\" transform=\"translate(4.95 9.558)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle-2\" data-name=\"Rectangle\" d=\"M-12.506,4.135A.494.494,0,0,1-13,3.641,4.7,4.7,0,0,1-8.253-1h3.646a.494.494,0,0,1,.494.494.494.494,0,0,1-.494.494H-8.253a3.712,3.712,0,0,0-3.76,3.654A.494.494,0,0,1-12.506,4.135Z\" transform=\"translate(13 9.558)\" fill=\"#fff\"/>\r\n </svg>\r\n</ng-template>\r\n\r\n<ng-template #institutional>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"15.384\" height=\"12.488\" viewBox=\"0 0 15.384 12.488\">\r\n <defs>\r\n <clipPath id=\"clip-path\">\r\n <rect id=\"Rectangle_1424\" data-name=\"Rectangle 1424\" width=\"15.383\" height=\"12.489\" transform=\"translate(0 0)\" fill=\"none\" stroke=\"#707070\" stroke-width=\"1\"/>\r\n </clipPath>\r\n </defs>\r\n <g id=\"Group_10298\" data-name=\"Group 10298\" transform=\"translate(-0.952 -0.773)\">\r\n <g id=\"Group_10297\" data-name=\"Group 10297\" transform=\"translate(0.953 0.773)\" clip-path=\"url(#clip-path)\">\r\n <path id=\"Path_6080\" data-name=\"Path 6080\" d=\"M29.386,3.03a.346.346,0,0,1-.346-.346V1.32a.629.629,0,0,0-.628-.629H23.274a.629.629,0,0,0-.628.629V2.684a.346.346,0,1,1-.693,0V1.32A1.323,1.323,0,0,1,23.274,0h5.137A1.323,1.323,0,0,1,29.732,1.32V2.684A.346.346,0,0,1,29.386,3.03Z\" transform=\"translate(-18.151 0.001)\" fill=\"#fff\"/>\r\n <path id=\"Rectangle_1423\" data-name=\"Rectangle 1423\" d=\"M-.933-2h13.25A1.068,1.068,0,0,1,13.384-.933V7.084a1.068,1.068,0,0,1-1.067,1.067H-.933A1.068,1.068,0,0,1-2,7.084V-.933A1.068,1.068,0,0,1-.933-2Zm13.25,9.458a.374.374,0,0,0,.374-.374V-.933a.374.374,0,0,0-.374-.374H-.933a.374.374,0,0,0-.374.374V7.084a.374.374,0,0,0,.374.374Z\" transform=\"translate(2 4.338)\" fill=\"#fff\"/>\r\n <path id=\"Line_324\" data-name=\"Line 324\" d=\"M12.712-1.307H-1.654A.346.346,0,0,1-2-1.654.346.346,0,0,1-1.654-2H12.712a.346.346,0,0,1,.346.346A.346.346,0,0,1,12.712-1.307Z\" transform=\"translate(2.037 8.087)\" fill=\"#fff\"/>\r\n <path id=\"Line_325\" data-name=\"Line 325\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(12.888 7.318)\" fill=\"#fff\"/>\r\n <path id=\"Line_326\" data-name=\"Line 326\" d=\"M-1.654.223A.346.346,0,0,1-2-.124v-1.53A.346.346,0,0,1-1.654-2a.346.346,0,0,1,.346.346v1.53A.346.346,0,0,1-1.654.223Z\" transform=\"translate(5.802 7.318)\" fill=\"#fff\"/>\r\n </g>\r\n </g>\r\n </svg>\r\n</ng-template>\r\n", styles: [".logo-cicrcle,.dropdown-content .user-type-switch__option>.logo,.logo-content,:host{display:flex;place-items:center;place-content:center;border-radius:50%}:host{height:3rem;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.0784313725));z-index:999;box-shadow:3px 3px 10px #00000014;border:3px solid #FFFFFF;cursor:pointer}@media (max-width: 768px){:host{width:30px;height:30px}}.logo-content{width:3rem;height:3rem;color:#fff;font-family:Hero New ExtraBold;font-size:2rem}.logo-content>svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.logo-content{width:30px;height:30px;font-size:18px}.logo-content>svg{width:1rem;height:1rem}}.dropdown-content{position:absolute;width:auto;min-width:12rem;height:-moz-fit-content;height:fit-content;right:0;top:3.5rem;font-size:12px;background:white;display:flex;flex-direction:column;align-items:center}.dropdown-content>div:not(.user-type-switch):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:not(.user-type-switch):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:not(.user-type-switch):hover{background-color:#0000000a}.dropdown-content .user-type-switch{width:auto;height:100%;cursor:default;border-bottom:none}.dropdown-content .user-type-switch__btn-container{display:block!important;width:241px;height:166px;background:#FAFBFC;border:1px solid #F3F3F3;border-radius:5pt;margin:1rem}.dropdown-content .user-type-switch__option{width:100%;height:42px;border-bottom:none;gap:.3rem;padding:0 .75rem;background-color:#fff;box-sizing:border-box;border-radius:3rem;cursor:pointer}.dropdown-content .user-type-switch__option>.logo{height:23px;width:27px;flex:0 1 auto;border:1px solid #FFFFFF;box-shadow:1px 3px 10px #00000014}.dropdown-content .user-type-switch__option>.logo>svg{width:auto;height:auto;padding:0}.dropdown-content .user-type-switch__option>.logo__img{width:22px;height:.9rem}.dropdown-content lib-af-connect-radio-group{gap:.75rem;padding:1rem}.dropdown-content lib-af-connect-radio-button{width:100%}.blue{background:#2CC1DA}.orange{background:#F69521}.yellow{background:var(--bright-tuscan-color)}.boxShadow{box-shadow:3px 3px 6px #00000008}\n"] }]
|
|
46
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { username: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], userType: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], hasSwitchIndicator: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], isHybrid: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], callMeBack: [{
|
|
55
|
-
type: Output
|
|
56
|
-
}], contactAdviser: [{
|
|
57
|
-
type: Output
|
|
58
|
-
}], resetPassword: [{
|
|
59
|
-
type: Output
|
|
60
|
-
}], logout: [{
|
|
61
|
-
type: Output
|
|
62
|
-
}], switchUserType: [{
|
|
63
|
-
type: Output
|
|
64
|
-
}], show: [{
|
|
65
|
-
type: HostListener,
|
|
66
|
-
args: ['click', ['$event']]
|
|
67
|
-
}], click: [{
|
|
68
|
-
type: HostListener,
|
|
69
|
-
args: ['document:click', ['$event']]
|
|
70
|
-
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9maWxlLWRyb3Bkb3duL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFakcsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQiw2QkFBaUIsQ0FBQTtJQUNqQiwyQ0FBK0IsQ0FBQTtJQUMvQiw2QkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkI7QUFPRCxNQUFNLE9BQU8sd0JBQXdCO0lBY25DLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFiakMsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUliLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMxQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRXhELGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsY0FBUyxHQUFHLFFBQVEsQ0FBQztJQUV3QixDQUFDO0lBRVgsSUFBSSxDQUFDLENBQU07UUFDNUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUUyQyxLQUFLLENBQUMsS0FBVTtRQUMxRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sdUJBQXVCLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsS0FBSyxJQUFJLENBQUM7UUFDbkYsTUFBTSw2QkFBNkIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQywyQkFBMkIsQ0FBQyxLQUFLLElBQUksQ0FBQztRQUVqRyxJQUFJLENBQUMsUUFBUSxHQUFHLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsSUFBSSxDQUFDLDZCQUE2QixDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUErQztRQUNwRCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssS0FBSyxFQUFFO1lBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQzs7cUhBbENVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGliQ2JyQyxvNFNBOEZBOzJGRGpGYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsaUNBQWlDO2lHQUtsQyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csTUFBTTtzQkFBZixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBTzRCLElBQUk7c0JBQXRDLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQUlXLEtBQUs7c0JBQWhELFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5leHBvcnQgZW51bSBVc2VyVHlwZSB7XHJcbiAgUmV0YWlsID0gJ1JldGFpbCcsXHJcbiAgSW5zdGl0dXRpb25hbCA9ICdJbnN0aXR1dGlvbmFsJyxcclxuICBIeWJyaWQgPSAnSHlicmlkJ1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXByb2ZpbGUtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcHJvZmlsZS1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9maWxlRHJvcGRvd24ge1xyXG4gIEBJbnB1dCgpIHVzZXJuYW1lID0gJyc7XHJcbiAgQElucHV0KCkgdXNlclR5cGU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWw7XHJcbiAgQElucHV0KCkgIGhhc1N3aXRjaEluZGljYXRvcjogYm9vbGVhbjtcclxuICBASW5wdXQoKSAgaXNIeWJyaWQ6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGNhbGxNZUJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIGNvbnRhY3RBZHZpc2VyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSByZXNldFBhc3N3b3JkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIHN3aXRjaFVzZXJUeXBlID0gbmV3IEV2ZW50RW1pdHRlcjxVc2VyVHlwZT4oKTtcclxuXHJcbiAgc2hvd01lbnUgPSBmYWxzZTtcclxuICBVU0VSX1RZUEUgPSBVc2VyVHlwZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIHNob3coZTogYW55KSB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIGNsaWNrKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGljb25DbGljayA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCk7XHJcbiAgICBjb25zdCBjbGlja2VkT25Vc2VyVHlwZVN3aXRjaCA9IGV2ZW50LnRhcmdldC5jbG9zZXN0KCcudXNlci10eXBlLXN3aXRjaCcpICE9PSBudWxsO1xyXG4gICAgY29uc3QgY2xpY2tlZE9uVXNlclR5cGVTd2l0Y2hPcHRpb24gPSBldmVudC50YXJnZXQuY2xvc2VzdCgnLnVzZXItdHlwZS1zd2l0Y2hfX29wdGlvbicpICE9PSBudWxsO1xyXG5cclxuICAgIHRoaXMuc2hvd01lbnUgPSBpY29uQ2xpY2sgPyB0aGlzLnNob3dNZW51IDogKGNsaWNrZWRPblVzZXJUeXBlU3dpdGNoICYmICFjbGlja2VkT25Vc2VyVHlwZVN3aXRjaE9wdGlvbik7XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFVzZXJUeXBlLkluc3RpdHV0aW9uYWwgfCBVc2VyVHlwZS5SZXRhaWwpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnVzZXJUeXBlICE9PSB2YWx1ZSkge1xyXG4gICAgICB0aGlzLnVzZXJUeXBlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMuc2hvd01lbnUgPSBmYWxzZTtcclxuICAgICAgdGhpcy5zd2l0Y2hVc2VyVHlwZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHNwYW4gW2NsYXNzXT1cIlsnbG9nby1jb250ZW50JywgdXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWwgPyAnYmx1ZScgOiBpc0h5YnJpZCA/ICd5ZWxsb3cnIDogJ29yYW5nZSddXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5SZXRhaWwgfHwgaXNIeWJyaWQgPyByZXRhaWwgOiBpbnN0aXR1dGlvbmFsXCI+PC9uZy1jb250YWluZXI+XHJcbjwvc3Bhbj5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93TWVudVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IChjbGljayk9XCJjYWxsTWVCYWNrLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCI+XHJcbiAgICAgICAgICAgICAgICA8ZyBpZD1cImNhbGxcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMCAwKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwicGhvbmUtMVwiIGQ9XCJNMTkuOTc2LDE3LjU0OWwtMi41ODgtMi4xNTZhLjY5NC42OTQsMCwwLDAtLjctLjAzN2wtMS40MzguOTU4YS45MS45MSwwLDAsMS0uNTA5LjE1Myw1Ljk4Myw1Ljk4MywwLDAsMS0xLjI4LS4xOCw3LjcyNCw3LjcyNCwwLDAsMS01Ljc1NC01Ljc1Miw1Ljk3Nyw1Ljk3NywwLDAsMS0uMTgtMS4yOC45MDkuOTA5LDAsMCwxLC4xNTMtLjUwOWwuOTU5LTEuNDM3YS42ODEuNjgxLDAsMCwwLS4wMzctLjdMNi40NDQsNC4wMjJhLjQyNy40MjcsMCwwLDAtLjczLDBMNC4yODUsNS43N2EyLjU0OSwyLjU0OSwwLDAsMC0uNCwyLjAzNS45MDkuOTA5LDAsMCwxLC4wMjcuMTA1LDQuNjcxLDQuNjcxLDAsMCwwLC4xNDIuNSwxMS42ODUsMTEuNjg1LDAsMCwwLC42NTQsMS41NjMsMjAuNzc1LDIwLjc3NSwwLDAsMCwzLjk3Myw1LjMzMkEyMC43NiwyMC43NiwwLDAsMCwxNC4wMiwxOS4yOGExMS42OTMsMTEuNjkzLDAsMCwwLDEuNTYzLjY1NCw0LjgyMyw0LjgyMywwLDAsMCwuNS4xNDIuOTA5LjkwOSwwLDAsMSwuMTI2LjAzMywyLjQ5MiwyLjQ5MiwwLDAsMCwyLjAxNC0uNGwxLjc0Ny0xLjQyOUEuNDI2LjQyNiwwLDAsMCwxOS45NzYsMTcuNTQ5Wm0tNC4zLTMuNzA2QTIuNSwyLjUsMCwwLDEsMTguNTUyLDE0bDIuNTg5LDIuMTU2YTIuMjM1LDIuMjM1LDAsMCwxLS4wMTUsMy41MzRsLTEuNzQ3LDEuNDI4YTQuMjksNC4yOSwwLDAsMS0zLjY5NS43MzVxLS4zMzgtLjA3Ny0uNjY3LS4xODhhMTMuNSwxMy41LDAsMCwxLTEuODA5LS43NTVBMjIuNTgzLDIyLjU4MywwLDAsMSw3LjQsMTYuNTk0YTIyLjU3OSwyMi41NzksMCwwLDEtNC4zMTQtNS44MDYsMTMuNDg4LDEzLjQ4OCwwLDAsMS0uNzU1LTEuODA5QTYuODMzLDYuODMzLDAsMCwxLDIuMTQsOC4zYTQuMzQzLDQuMzQzLDAsMCwxLC43MzgtMy42ODNMNC4zMDcsMi44NzNhMi4yMzgsMi4yMzgsMCwwLDEsMy41MzUtLjAxNUwxMCw1LjQ0NWEyLjQ4NSwyLjQ4NSwwLDAsMSwuMTUzLDIuODcxTDkuMzY2LDkuNDk0YTUuMzc0LDUuMzc0LDAsMCwwLC4xMS42Miw1Ljk0OCw1Ljk0OCwwLDAsMCwuOTIyLDIuMDUyLDUuODY4LDUuODY4LDAsMCwwLDEuNDMsMS40Myw1Ljk1Miw1Ljk1MiwwLDAsMCwyLjA1My45MjEsNS4yNzcsNS4yNzcsMCwwLDAsLjYyLjExbDEuMTc5LS43ODVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKC0yIC0yKVwiIGZpbGw9XCIjZWY0ZjFmXCIvPlxyXG4gICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+Q2FsbCBtZSBiYWNrPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImNvbnRhY3RBZHZpc2VyLmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIxLjVcIiBoZWlnaHQ9XCIxNy44NjRcIiB2aWV3Qm94PVwiMCAwIDIxLjUgMTcuODY0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZyBpZD1cIkljb25zX1VJX0NvbnRhY3RzX0NvbG91cl9cIiBkYXRhLW5hbWU9XCJJY29ucyAvIFVJIC8gQ29udGFjdHMgLyBDb2xvdXIgIFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwLjc1IDAuNzUpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9XCJSZWN0YW5nbGVcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMTYuMzY0XCIgcng9XCIzXCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCIjZWY0ZjFmXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgc3Ryb2tlLW1pdGVybGltaXQ9XCIxMFwiIHN0cm9rZS13aWR0aD1cIjEuNVwiLz5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIkxpbmVfM1wiIGRhdGEtbmFtZT1cIkxpbmUgM1wiIGQ9XCJNLjU1LjU2M2w4LjU5MSw3LjY3XCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAuODU5IDAuODU4KVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiI2VmNGYxZlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIHN0cm9rZS1taXRlcmxpbWl0PVwiMTBcIiBzdHJva2Utd2lkdGg9XCIxLjVcIi8+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMtMlwiIGRhdGEtbmFtZT1cIkxpbmUgM1wiIGQ9XCJNLTEuNDA5LjU2My0xMCw4LjIzM1wiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyMCAwLjg1OClcIiBmaWxsPVwibm9uZVwiIHN0cm9rZT1cIiNlZjRmMWZcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBzdHJva2UtbWl0ZXJsaW1pdD1cIjEwXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIvPlxyXG4gICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgPHNwYW4+Q29udGFjdCBhZHZpc2VyPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJoYXNTd2l0Y2hJbmRpY2F0b3JcIiBjbGFzcz1cInVzZXItdHlwZS1zd2l0Y2ggdXNlci10eXBlLXN3aXRjaFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidXNlci10eXBlLXN3aXRjaF9fYnRuLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgPGxpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwIGxhYmVsPVwiVmlldyBhc1wiIHZhcmlhbnQ9XCJjaGVja2JveFwiIGRpcmVjdGlvbj1cImNvbHVtblwiICh2YWx1ZUNoYW5nZSk9XCJzZWxlY3QoJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19vcHRpb24gYm94U2hhZG93XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdChVU0VSX1RZUEUuUmV0YWlsKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibG9nbyBibHVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmV0YWlsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uIG5nQ2xhc3M9XCJsYXJnZXJcIiBbdmFsdWVdPVwiVVNFUl9UWVBFLlJldGFpbFwiIFtjaGVja2VkXT1cInVzZXJUeXBlID09PSBVU0VSX1RZUEUuUmV0YWlsXCIgaXRlbU9yZGVyPVwicmlnaHQtdG8tbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+SW5kaXZpZHVhbC9SZXRhaWw8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ1c2VyLXR5cGUtc3dpdGNoX19vcHRpb24gYm94U2hhZG93XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdChVU0VSX1RZUEUuSW5zdGl0dXRpb25hbClcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvZ28gb3JhbmdlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaW5zdGl0dXRpb25hbFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpYi1hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbiBuZ0NsYXNzPVwibGFyZ2VyXCIgW3ZhbHVlXT1cIlVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsXCIgW2NoZWNrZWRdPVwidXNlclR5cGUgPT09IFVTRVJfVFlQRS5JbnN0aXR1dGlvbmFsXCIgaXRlbU9yZGVyPVwicmlnaHQtdG8tbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+RW1wbG95ZWUgYmVuZWZpdHM8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9saWItYWYtY29ubmVjdC1yYWRpby1ncm91cD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAoY2xpY2spPVwicmVzZXRQYXNzd29yZC5lbWl0KClcIj5cclxuICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMlwiIGhlaWdodD1cIjIwLjAwNFwiIHZpZXdCb3g9XCIwIDAgMjIgMjAuMDA0XCI+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlNoYXBlXCIgZD1cIk0xMi41MjIsMjBBOS44ODIsOS44ODIsMCwwLDEsMi40ODQsMTBILjU0NGEuNTUyLjU1MiwwLDAsMS0uMzc5LS45NDRsMy4wMjQtMy4xYS41MjguNTI4LDAsMCwxLC43NywwbDMuMDI0LDMuMWEuNTU3LjU1NywwLDAsMS0uMzkuOTQ0SDQuNjUyYTcuNjc5LDcuNjc5LDAsMCwwLDcuNyw3Ljc3OCw3Ljc4Miw3Ljc4MiwwLDAsMCw3LjQ4LTcuNjY3QTcuNjkyLDcuNjkyLDAsMCwwLDEyLjI0LDIuMjIyLDcuNDgxLDcuNDgxLDAsMCwwLDguNTExLDMuMjMzYTEuMDM1LDEuMDM1LDAsMCwxLTEuMjc5LS4yLDEuMTI1LDEuMTI1LDAsMCwxLC4yMTctMS43NDRBOS42MTcsOS42MTcsMCwwLDEsMTIuMjQsMCw5LjksOS45LDAsMCwxLDIyLDEwLjI4OSwxMCwxMCwwLDAsMSwxMi41MjIsMjBaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDIyIDIwLjAwNCkgcm90YXRlKDE4MClcIiBmaWxsPVwiI2YxNWEyMlwiLz5cclxuICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgIDxzcGFuPlJlc2V0IHBhc3N3b3JkPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImxvZ291dC5lbWl0KClcIj5cclxuICAgICAgICAgICAgPHN2ZyBpZD1cImljb25cIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIyMFwiIGhlaWdodD1cIjIwXCIgdmlld0JveD1cIjAgMCAyMCAyMFwiPlxyXG4gICAgICAgICAgICAgICAgPHJlY3QgaWQ9XCJiZ1wiIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIGZpbGw9XCJub25lXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJwYXRoXCIgZD1cIk05LjIxLDkuMjczbDIuNzU4LTIuNzU4QS43MjcuNzI3LDAsMSwwLDEwLjk0LDUuNDg2bC00LDRhLjcyNy43MjcsMCwwLDAsMCwxLjAyOWw0LDRhLjcyNy43MjcsMCwxLDAsMS4wMjktMS4wMjlMOS4yMSwxMC43MjdoOC4wNjZhLjcyNy43MjcsMCwwLDAsMC0xLjQ1NVptMS41MTctNS44MThhLjcyNy43MjcsMCwxLDAsMC0xLjQ1NUgzLjgyMUExLjgyLDEuODIsMCwwLDAsMiwzLjgyMVYxNi4xNzlBMS44MjEsMS44MjEsMCwwLDAsMy44MjEsMThoNi45MDZhLjcyNy43MjcsMCwxLDAsMC0xLjQ1NUgzLjgyMWEuMzY2LjM2NiwwLDAsMS0uMzY3LS4zNjZWMy44MjFhLjM2Ni4zNjYsMCwwLDEsLjM2Ny0uMzY2WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMC4wOTkpXCIgZmlsbD1cIiM3Zjg5OTFcIi8+XHJcbiAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICA8c3Bhbj5Mb2cgT3V0PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICNyZXRhaWw+XHJcbiAgICA8c3ZnIGlkPVwiR3JvdXBcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCIxMi44MzdcIiBoZWlnaHQ9XCIxMy42OTNcIiB2aWV3Qm94PVwiMCAwIDEyLjgzNyAxMy42OTNcIj5cclxuICAgICAgICA8cGF0aCBpZD1cIk92YWxcIiBkPVwiTTIuNzg1LTFBMy43ODUsMy43ODUsMCwxLDEtMSwyLjc4NSwzLjc5LDMuNzksMCwwLDEsMi43ODUtMVptMCw2LjU4M2EyLjgsMi44LDAsMSwwLTIuOC0yLjhBMi44LDIuOCwwLDAsMCwyLjc4NSw1LjU4M1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMy42MzMgMSlcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICA8cGF0aCBpZD1cIlJlY3RhbmdsZVwiIGQ9XCJNNy4zOTMsNC4xMzVBLjQ5NC40OTQsMCwwLDEsNi45LDMuNjQxLDMuNzEyLDMuNzEyLDAsMCwwLDMuMTQtLjAxM0gtLjUwNkEuNDk0LjQ5NCwwLDAsMS0xLS41MDYuNDk0LjQ5NCwwLDAsMS0uNTA2LTFIMy4xNEE0LjcsNC43LDAsMCwxLDcuODg3LDMuNjQxLjQ5NC40OTQsMCwwLDEsNy4zOTMsNC4xMzVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDQuOTUgOS41NTgpXCIgZmlsbD1cIiNmZmZcIi8+XHJcbiAgICAgICAgPHBhdGggaWQ9XCJSZWN0YW5nbGUtMlwiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZVwiIGQ9XCJNLTEyLjUwNiw0LjEzNUEuNDk0LjQ5NCwwLDAsMS0xMywzLjY0MSw0LjcsNC43LDAsMCwxLTguMjUzLTFoMy42NDZhLjQ5NC40OTQsMCwwLDEsLjQ5NC40OTQuNDk0LjQ5NCwwLDAsMS0uNDk0LjQ5NEgtOC4yNTNhMy43MTIsMy43MTIsMCwwLDAtMy43NiwzLjY1NEEuNDk0LjQ5NCwwLDAsMS0xMi41MDYsNC4xMzVaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEzIDkuNTU4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgPC9zdmc+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2luc3RpdHV0aW9uYWw+XHJcbiAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIiB3aWR0aD1cIjE1LjM4NFwiIGhlaWdodD1cIjEyLjQ4OFwiIHZpZXdCb3g9XCIwIDAgMTUuMzg0IDEyLjQ4OFwiPlxyXG4gICAgICAgIDxkZWZzPlxyXG4gICAgICAgICAgICA8Y2xpcFBhdGggaWQ9XCJjbGlwLXBhdGhcIj5cclxuICAgICAgICAgICAgPHJlY3QgaWQ9XCJSZWN0YW5nbGVfMTQyNFwiIGRhdGEtbmFtZT1cIlJlY3RhbmdsZSAxNDI0XCIgd2lkdGg9XCIxNS4zODNcIiBoZWlnaHQ9XCIxMi40ODlcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMCAwKVwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiIzcwNzA3MFwiIHN0cm9rZS13aWR0aD1cIjFcIi8+XHJcbiAgICAgICAgICAgIDwvY2xpcFBhdGg+XHJcbiAgICAgICAgPC9kZWZzPlxyXG4gICAgICAgIDxnIGlkPVwiR3JvdXBfMTAyOThcIiBkYXRhLW5hbWU9XCJHcm91cCAxMDI5OFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgtMC45NTIgLTAuNzczKVwiPlxyXG4gICAgICAgICAgICA8ZyBpZD1cIkdyb3VwXzEwMjk3XCIgZGF0YS1uYW1lPVwiR3JvdXAgMTAyOTdcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMC45NTMgMC43NzMpXCIgY2xpcC1wYXRoPVwidXJsKCNjbGlwLXBhdGgpXCI+XHJcbiAgICAgICAgICAgICAgICA8cGF0aCBpZD1cIlBhdGhfNjA4MFwiIGRhdGEtbmFtZT1cIlBhdGggNjA4MFwiIGQ9XCJNMjkuMzg2LDMuMDNhLjM0Ni4zNDYsMCwwLDEtLjM0Ni0uMzQ2VjEuMzJhLjYyOS42MjksMCwwLDAtLjYyOC0uNjI5SDIzLjI3NGEuNjI5LjYyOSwwLDAsMC0uNjI4LjYyOVYyLjY4NGEuMzQ2LjM0NiwwLDEsMS0uNjkzLDBWMS4zMkExLjMyMywxLjMyMywwLDAsMSwyMy4yNzQsMGg1LjEzN0ExLjMyMywxLjMyMywwLDAsMSwyOS43MzIsMS4zMlYyLjY4NEEuMzQ2LjM0NiwwLDAsMSwyOS4zODYsMy4wM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoLTE4LjE1MSAwLjAwMSlcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiUmVjdGFuZ2xlXzE0MjNcIiBkYXRhLW5hbWU9XCJSZWN0YW5nbGUgMTQyM1wiIGQ9XCJNLS45MzMtMmgxMy4yNUExLjA2OCwxLjA2OCwwLDAsMSwxMy4zODQtLjkzM1Y3LjA4NGExLjA2OCwxLjA2OCwwLDAsMS0xLjA2NywxLjA2N0gtLjkzM0ExLjA2OCwxLjA2OCwwLDAsMS0yLDcuMDg0Vi0uOTMzQTEuMDY4LDEuMDY4LDAsMCwxLS45MzMtMlptMTMuMjUsOS40NThhLjM3NC4zNzQsMCwwLDAsLjM3NC0uMzc0Vi0uOTMzYS4zNzQuMzc0LDAsMCwwLS4zNzQtLjM3NEgtLjkzM2EuMzc0LjM3NCwwLDAsMC0uMzc0LjM3NFY3LjA4NGEuMzc0LjM3NCwwLDAsMCwuMzc0LjM3NFpcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMiA0LjMzOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjRcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNFwiIGQ9XCJNMTIuNzEyLTEuMzA3SC0xLjY1NEEuMzQ2LjM0NiwwLDAsMS0yLTEuNjU0LjM0Ni4zNDYsMCwwLDEtMS42NTQtMkgxMi43MTJhLjM0Ni4zNDYsMCwwLDEsLjM0Ni4zNDZBLjM0Ni4zNDYsMCwwLDEsMTIuNzEyLTEuMzA3WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgyLjAzNyA4LjA4NylcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwiTGluZV8zMjVcIiBkYXRhLW5hbWU9XCJMaW5lIDMyNVwiIGQ9XCJNLTEuNjU0LjIyM0EuMzQ2LjM0NiwwLDAsMS0yLS4xMjR2LTEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQtMmEuMzQ2LjM0NiwwLDAsMSwuMzQ2LjM0NnYxLjUzQS4zNDYuMzQ2LDAsMCwxLTEuNjU0LjIyM1pcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMTIuODg4IDcuMzE4KVwiIGZpbGw9XCIjZmZmXCIvPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggaWQ9XCJMaW5lXzMyNlwiIGRhdGEtbmFtZT1cIkxpbmUgMzI2XCIgZD1cIk0tMS42NTQuMjIzQS4zNDYuMzQ2LDAsMCwxLTItLjEyNHYtMS41M0EuMzQ2LjM0NiwwLDAsMS0xLjY1NC0yYS4zNDYuMzQ2LDAsMCwxLC4zNDYuMzQ2djEuNTNBLjM0Ni4zNDYsMCwwLDEtMS42NTQuMjIzWlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg1LjgwMiA3LjMxOClcIiBmaWxsPVwiI2ZmZlwiLz5cclxuICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgIDwvZz5cclxuICAgIDwvc3ZnPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -1,45 +0,0 @@
|
|
|
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\">\r\n <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\r\n <div class=\"text-container\">\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\r\n </div>\r\n </div>\r\n </div>\r\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\">\r\n <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\r\n <div class=\"text-container\">\r\n <div>\r\n <ng-content></ng-content>\r\n </div>\r\n <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\r\n </div>\r\n </div>\r\n </div>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO2FBQ3RDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQzthQUN4QjtZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzswSEF4QlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIscU5DUjFDLHFaQVVFOzJGREZXLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7d0dBUzlCLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGludGVydmFsLCB0YWtlIH0gZnJvbSAncnhqcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2dyZXNzLWJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9ncmVzc0JhckNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG4gIHB1YmxpYyBwcm9ncmVzc0JhclRyZXNob2xkID0gMzA7XHJcbiAgcHVibGljIHByb2dyZXNzQ291bnRlciA9IDA7XHJcbiAgcHVibGljIG1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IDMwO1xyXG4gIEBJbnB1dCgpIHdpdGhQcm9ncmVzc0FuaW1hdGlvbiA9IGZhbHNlO1xyXG4gIHB1YmxpYyBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIEBJbnB1dCgpIHByb2dyZXNzOiBudW1iZXI7XHJcbiAgQElucHV0KCkgcHJpbWFyeUNvbG9yOiAncHJpbWFyeS1ncmVlbicgfCAncHJpbWFyeS1vcmFuZ2UnID0gJ3ByaW1hcnktZ3JlZW4nO1xyXG4gIEBJbnB1dCgpIHNlY29uZGFyeUNvbG9yOiAnb3JhbmdlJyB8ICd0cmFuc3BhcmVudCcgfCAnZ3JleScgPSAnZ3JleSc7XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IHRoaXMucHJvZ3Jlc3MgPCB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgPyB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgOiB0aGlzLnByb2dyZXNzO1xyXG4gICAgaW50ZXJ2YWwoMTEpXHJcbiAgICAgIC5waXBlKHRha2UodGhpcy5taW5pbXVtUHJvZ3Jlc3NBbmltYXRpb24gfHwgMTAwKSlcclxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgaWYgKCF0aGlzLndpdGhQcm9ncmVzc0FuaW1hdGlvbikge1xyXG4gICAgICAgICAgdGhpcy5wcm9ncmVzc0NvdW50ZXIgPSB0aGlzLnByb2dyZXNzO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlcisrO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cIltzZWNvbmRhcnlDb2xvcl1cIiBjbGFzcz1cInByb2dyZXNzLWJhci1jb250YWluZXJcIj5cclxuICAgIDxkaXYgW25nQ2xhc3NdPVwiWydwcm9ncmVzcy1iYXInLCBwcmltYXJ5Q29sb3JdXCIgW3N0eWxlXT1cInsgd2lkdGg6IHByb2dyZXNzQ291bnRlciArICclJyB9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXY+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJmYWxzZVwiPiB7eyBwcm9ncmVzcy50b0ZpeGVkKDApIH19JSA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgIl19
|
|
@@ -1,114 +0,0 @@
|
|
|
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
|
-
this.valueChange.emit(this._value);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
get selected() {
|
|
31
|
-
return this._selected;
|
|
32
|
-
}
|
|
33
|
-
set selected(newSelected) {
|
|
34
|
-
this._selected = newSelected;
|
|
35
|
-
this.value = newSelected ? newSelected.value : null;
|
|
36
|
-
}
|
|
37
|
-
get disabled() {
|
|
38
|
-
return this._disabled;
|
|
39
|
-
}
|
|
40
|
-
set disabled(newValue) {
|
|
41
|
-
this._disabled = newValue;
|
|
42
|
-
this.markRadiosForCheck();
|
|
43
|
-
}
|
|
44
|
-
writeValue(value) {
|
|
45
|
-
this.value = value;
|
|
46
|
-
}
|
|
47
|
-
registerOnChange(fn) {
|
|
48
|
-
this.propagateChange = fn;
|
|
49
|
-
}
|
|
50
|
-
registerOnTouched(fn) {
|
|
51
|
-
this.propagateTouch = fn;
|
|
52
|
-
}
|
|
53
|
-
setDisabledState(isDisabled) {
|
|
54
|
-
this.disabled = isDisabled;
|
|
55
|
-
}
|
|
56
|
-
emitChangeEvent() {
|
|
57
|
-
this.valueChange.emit(this._value);
|
|
58
|
-
}
|
|
59
|
-
markRadiosForCheck() {
|
|
60
|
-
if (this.radios) {
|
|
61
|
-
this.radios.forEach((radio) => radio.markForCheck());
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
updateRadioButtonsState() {
|
|
65
|
-
this.radios?.forEach((radio) => {
|
|
66
|
-
radio.checked = this._value === radio.value;
|
|
67
|
-
if (radio.checked) {
|
|
68
|
-
this._selected = radio;
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
AfConnectRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
74
|
-
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: [
|
|
75
|
-
{
|
|
76
|
-
provide: NG_VALUE_ACCESSOR,
|
|
77
|
-
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
78
|
-
multi: true
|
|
79
|
-
}
|
|
80
|
-
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(function () { return AfConnectRadioButtonComponent; }), descendants: true }], ngImport: i0, template: "<span *ngIf=\"label\" class=\"label\">\r\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n</span>\r\n<div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\r\n <ng-content></ng-content>\r\n</div>\r\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:inherit;display:block;font-family:var(--standard-font-family-hero-new);font-size:12px;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 });
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, decorators: [{
|
|
82
|
-
type: Component,
|
|
83
|
-
args: [{ selector: 'lib-af-connect-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
84
|
-
{
|
|
85
|
-
provide: NG_VALUE_ACCESSOR,
|
|
86
|
-
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
87
|
-
multi: true
|
|
88
|
-
}
|
|
89
|
-
], template: "<span *ngIf=\"label\" class=\"label\">\r\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n</span>\r\n<div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\r\n <ng-content></ng-content>\r\n</div>\r\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:inherit;display:block;font-family:var(--standard-font-family-hero-new);font-size:12px;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"] }]
|
|
90
|
-
}], propDecorators: { label: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], direction: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], withAsterisk: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], variant: [{
|
|
97
|
-
type: Input
|
|
98
|
-
}], labelPosition: [{
|
|
99
|
-
type: Input
|
|
100
|
-
}], size: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], value: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], selected: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], disabled: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}], valueChange: [{
|
|
109
|
-
type: Output
|
|
110
|
-
}], radios: [{
|
|
111
|
-
type: ContentChildren,
|
|
112
|
-
args: [forwardRef(() => AfConnectRadioButtonComponent), { descendants: true }]
|
|
113
|
-
}] } });
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1ncm91cC9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFnQjdHLE1BQU0sT0FBTyw0QkFBNEI7SUFiekM7UUFlVSxjQUFTLEdBQXlDLElBQUksQ0FBQztRQUN2RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBQ3BDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBdUIsU0FBUyxDQUFDO1FBQ3hDLGtCQUFhLEdBQTZCLE9BQU8sQ0FBQztRQUNsRCxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQWlDdkIsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl2RSxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tB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QUNGOzhCQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUdGLEtBQUs7c0JBRFIsS0FBSztnQkFjRixRQUFRO3NCQURYLEtBQUs7Z0JBVUYsUUFBUTtzQkFEWCxLQUFLO2dCQVNhLFdBQVc7c0JBQTdCLE1BQU07Z0JBRVAsTUFBTTtzQkFETCxlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgZm9yd2FyZFJlZixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgUXVlcnlMaXN0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbi9hZi1jb25uZWN0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBSYWRpb0J1dHRvbkxhYmVsUG9zaXRpb24sIFJhZGlvQnV0dG9uU2l6ZSwgUmFkaW9CdXR0b25WYXJpYW50IH0gZnJvbSAnLi4vbW9kZWxzL3JhZGlvLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tZ3JvdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBZkNvbm5lY3RSYWRpb0dyb3VwQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RSYWRpb0dyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmcgfCBudWxsO1xyXG4gIHByaXZhdGUgX3NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwgPSBudWxsO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbicgPSAncm93JztcclxuICBASW5wdXQoKSB3aXRoQXN0ZXJpc2s6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiBSYWRpb0J1dHRvblZhcmlhbnQgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uID0gJ2FmdGVyJztcclxuICBASW5wdXQoKSBzaXplOiBSYWRpb0J1dHRvblNpemUgPSAnaW5saW5lJztcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgdmFsdWUoKTogc3RyaW5nIHwgbnVsbCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XHJcbiAgfVxyXG4gIHNldCB2YWx1ZShuZXdWYWx1ZTogc3RyaW5nIHwgbnVsbCkge1xyXG4gICAgaWYgKHRoaXMuX3ZhbHVlICE9PSBuZXdWYWx1ZSkge1xyXG4gICAgICB0aGlzLl92YWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgICB0aGlzLnVwZGF0ZVJhZGlvQnV0dG9uc1N0YXRlKCk7XHJcbiAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMuX3ZhbHVlKTtcclxuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMuX3ZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHNlbGVjdGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3NlbGVjdGVkO1xyXG4gIH1cclxuICBzZXQgc2VsZWN0ZWQobmV3U2VsZWN0ZWQ6IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHwgbnVsbCkge1xyXG4gICAgdGhpcy5fc2VsZWN0ZWQgPSBuZXdTZWxlY3RlZDtcclxuICAgIHRoaXMudmFsdWUgPSBuZXdTZWxlY3RlZCA/IG5ld1NlbGVjdGVkLnZhbHVlIDogbnVsbDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuICBzZXQgZGlzYWJsZWQobmV3VmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2Rpc2FibGVkID0gbmV3VmFsdWU7XHJcbiAgICB0aGlzLm1hcmtSYWRpb3NGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQpLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXHJcbiAgcmFkaW9zOiBRdWVyeUxpc3Q8QWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQ+O1xyXG5cclxuICBwcm9wYWdhdGVDaGFuZ2U6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcbiAgcHJvcGFnYXRlVG91Y2g6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBhbnkpID0+IHZvaWQpIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIGVtaXRDaGFuZ2VFdmVudCgpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBtYXJrUmFkaW9zRm9yQ2hlY2soKSB7XHJcbiAgICBpZiAodGhpcy5yYWRpb3MpIHtcclxuICAgICAgdGhpcy5yYWRpb3MuZm9yRWFjaCgocmFkaW8pID0+IHJhZGlvLm1hcmtGb3JDaGVjaygpKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlUmFkaW9CdXR0b25zU3RhdGUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvcz8uZm9yRWFjaCgocmFkaW8pID0+IHtcclxuICAgICAgcmFkaW8uY2hlY2tlZCA9IHRoaXMuX3ZhbHVlID09PSByYWRpby52YWx1ZTtcclxuICAgICAgaWYgKHJhZGlvLmNoZWNrZWQpIHtcclxuICAgICAgICB0aGlzLl9zZWxlY3RlZCA9IHJhZGlvO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwibGFiZWxcIj5cclxuICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XHJcbjwvc3Bhbj5cclxuPGRpdiBjbGFzcz1cInJhZGlvLWJ1dHRvbnMtY29udGFpbmVyXCIgW2NsYXNzLmNvbHVtbl09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChildren, ElementRef, ViewChild, ViewChildren, Output, EventEmitter, Input, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
-
import { debounceTime, fromEvent, Subscription } from 'rxjs';
|
|
3
|
-
import { AfConnectTabComponent } from '../af-connect-tab/af-connect-tab.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class AfConnectTabsComponent {
|
|
7
|
-
constructor(cdr) {
|
|
8
|
-
this.cdr = cdr;
|
|
9
|
-
this.subs = new Subscription();
|
|
10
|
-
this.activeTabSelected = new EventEmitter();
|
|
11
|
-
}
|
|
12
|
-
ngOnDestroy() {
|
|
13
|
-
this.subs.unsubscribe();
|
|
14
|
-
}
|
|
15
|
-
ngOnInit() {
|
|
16
|
-
this.subs.add(fromEvent(window, 'resize')
|
|
17
|
-
.pipe(debounceTime(50))
|
|
18
|
-
.subscribe(() => {
|
|
19
|
-
this.triggerSlider(this.activeTabIndex);
|
|
20
|
-
}));
|
|
21
|
-
}
|
|
22
|
-
ngAfterContentChecked() {
|
|
23
|
-
if (!this.selectedTabIndex) {
|
|
24
|
-
const activeTab = this.tabs.find((tab) => tab.isActive);
|
|
25
|
-
if (!activeTab) {
|
|
26
|
-
const firstTab = this.tabs.first;
|
|
27
|
-
firstTab.isActive = true;
|
|
28
|
-
this.activeTabIndex = 0;
|
|
29
|
-
this.activeTabSelected.emit(0);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this.setActiveLabel();
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
ngAfterViewChecked() {
|
|
37
|
-
if (!this.activeTabIndex) {
|
|
38
|
-
this.triggerSlider(0);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
get activeTab() {
|
|
42
|
-
return this.tabs.find((tab) => tab.isActive) || this.tabs.first;
|
|
43
|
-
}
|
|
44
|
-
activateTab(selectedTab, index) {
|
|
45
|
-
this.tabs.forEach((tab) => {
|
|
46
|
-
tab.isActive = tab === selectedTab;
|
|
47
|
-
});
|
|
48
|
-
this.activeTabIndex = index;
|
|
49
|
-
this.triggerSlider(index);
|
|
50
|
-
this.activeTabSelected.emit(index);
|
|
51
|
-
}
|
|
52
|
-
triggerSlider(i) {
|
|
53
|
-
const activeTabRef = this.tabsRefs.get(i);
|
|
54
|
-
this.slider.nativeElement.style.left = `${activeTabRef?.nativeElement.offsetLeft}px`;
|
|
55
|
-
this.slider.nativeElement.style.width = `${activeTabRef?.nativeElement.offsetWidth}px`;
|
|
56
|
-
}
|
|
57
|
-
setActiveLabel() {
|
|
58
|
-
this.tabs.find((tab, i) => {
|
|
59
|
-
const foundTab = i === this.selectedTabIndex;
|
|
60
|
-
if (foundTab) {
|
|
61
|
-
this.activeTabIndex = i;
|
|
62
|
-
tab.isActive = true;
|
|
63
|
-
}
|
|
64
|
-
return foundTab;
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
AfConnectTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
-
AfConnectTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTabsComponent, selector: "lib-af-connect-tabs", inputs: { selectedTabIndex: "selectedTabIndex" }, outputs: { activeTabSelected: "activeTabSelected" }, queries: [{ propertyName: "tabs", predicate: AfConnectTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, read: ElementRef }, { propertyName: "tabsRefs", predicate: ["tab"], descendants: true, read: ElementRef }], ngImport: i0, template: "<nav class=\"tabs-nav\">\r\n <ul class=\"nav-list\">\r\n <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\r\n <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\r\n {{ tab.label }}\r\n </button>\r\n </li>\r\n <span #slider class=\"slider\"></span>\r\n </ul>\r\n <div class=\"nav-action-buttons\">\r\n <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\r\n </div>\r\n </nav>\r\n <ng-content></ng-content>\r\n ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabsComponent, decorators: [{
|
|
71
|
-
type: Component,
|
|
72
|
-
args: [{ selector: 'lib-af-connect-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"tabs-nav\">\r\n <ul class=\"nav-list\">\r\n <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\r\n <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\r\n {{ tab.label }}\r\n </button>\r\n </li>\r\n <span #slider class=\"slider\"></span>\r\n </ul>\r\n <div class=\"nav-action-buttons\">\r\n <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\r\n </div>\r\n </nav>\r\n <ng-content></ng-content>\r\n ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"] }]
|
|
73
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { tabs: [{
|
|
74
|
-
type: ContentChildren,
|
|
75
|
-
args: [AfConnectTabComponent]
|
|
76
|
-
}], slider: [{
|
|
77
|
-
type: ViewChild,
|
|
78
|
-
args: ['slider', { read: ElementRef }]
|
|
79
|
-
}], tabsRefs: [{
|
|
80
|
-
type: ViewChildren,
|
|
81
|
-
args: ['tab', { read: ElementRef }]
|
|
82
|
-
}], selectedTabIndex: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], activeTabSelected: [{
|
|
85
|
-
type: Output
|
|
86
|
-
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdGFicy9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJzL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBRVYsU0FBUyxFQUNULFlBQVksRUFFWixNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFRbkYsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQyxZQUFtQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUZsQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU12QixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSmIsQ0FBQztJQU03QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUNYLFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO2FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDdEIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElB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QkFBaEQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNFLFFBQVE7c0JBQWxELFlBQVk7dUJBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFNaEMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZHJlbixcclxuICBFbGVtZW50UmVmLFxyXG4gIFF1ZXJ5TGlzdCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0NoaWxkcmVuLFxyXG4gIE9uRGVzdHJveSxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZnJvbUV2ZW50LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQWZDb25uZWN0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFicycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG4gIEBDb250ZW50Q2hpbGRyZW4oQWZDb25uZWN0VGFiQ29tcG9uZW50KSB0YWJzOiBRdWVyeUxpc3Q8QWZDb25uZWN0VGFiQ29tcG9uZW50PjtcclxuICBAVmlld0NoaWxkKCdzbGlkZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgc2xpZGVyOiBFbGVtZW50UmVmPEhUTUxTcGFuRWxlbWVudD47XHJcbiAgQFZpZXdDaGlsZHJlbigndGFiJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHRhYnNSZWZzOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MTElFbGVtZW50Pj47XHJcbiAgcHVibGljIGFjdGl2ZVRhYkluZGV4OiBudW1iZXI7XHJcbiAgcHVibGljIHN1YnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBASW5wdXQoKSBzZWxlY3RlZFRhYkluZGV4OiBudW1iZXI7XHJcblxyXG4gIEBPdXRwdXQoKSBhY3RpdmVUYWJTZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vicy51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnN1YnMuYWRkKFxyXG4gICAgICBmcm9tRXZlbnQod2luZG93LCAncmVzaXplJylcclxuICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoNTApKVxyXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKHRoaXMuYWN0aXZlVGFiSW5kZXgpO1xyXG4gICAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlckNvbnRlbnRDaGVja2VkKCkge1xyXG4gICAgaWYgKCF0aGlzLnNlbGVjdGVkVGFiSW5kZXgpIHtcclxuICAgICAgY29uc3QgYWN0aXZlVGFiID0gdGhpcy50YWJzLmZpbmQoKHRhYikgPT4gdGFiLmlzQWN0aXZlKTtcclxuICAgICAgaWYgKCFhY3RpdmVUYWIpIHtcclxuICAgICAgICBjb25zdCBmaXJzdFRhYiA9IHRoaXMudGFicy5maXJzdDtcclxuICAgICAgICBmaXJzdFRhYi5pc0FjdGl2ZSA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IDA7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KDApO1xyXG4gICAgICB9XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNldEFjdGl2ZUxhYmVsKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XHJcbiAgICBpZiAoIXRoaXMuYWN0aXZlVGFiSW5kZXgpIHtcclxuICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKDApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IGFjdGl2ZVRhYigpIHtcclxuICAgIHJldHVybiB0aGlzLnRhYnMuZmluZCgodGFiKSA9PiB0YWIuaXNBY3RpdmUpIHx8IHRoaXMudGFicy5maXJzdDtcclxuICB9XHJcblxyXG4gIGFjdGl2YXRlVGFiKHNlbGVjdGVkVGFiOiBBZkNvbm5lY3RUYWJDb21wb25lbnQsIGluZGV4OiBudW1iZXIpIHtcclxuICAgIHRoaXMudGFicy5mb3JFYWNoKCh0YWIpID0+IHtcclxuICAgICAgdGFiLmlzQWN0aXZlID0gdGFiID09PSBzZWxlY3RlZFRhYjtcclxuICAgIH0pO1xyXG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGluZGV4O1xyXG4gICAgdGhpcy50cmlnZ2VyU2xpZGVyKGluZGV4KTtcclxuICAgIHRoaXMuYWN0aXZlVGFiU2VsZWN0ZWQuZW1pdChpbmRleCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHRyaWdnZXJTbGlkZXIoaTogbnVtYmVyKSB7XHJcbiAgICBjb25zdCBhY3RpdmVUYWJSZWYgPSB0aGlzLnRhYnNSZWZzLmdldChpKTtcclxuICAgIHRoaXMuc2xpZGVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUubGVmdCA9IGAke2FjdGl2ZVRhYlJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRMZWZ0fXB4YDtcclxuICAgIHRoaXMuc2xpZGVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUud2lkdGggPSBgJHthY3RpdmVUYWJSZWY/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGh9cHhgO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRBY3RpdmVMYWJlbCgpIHtcclxuICAgIHRoaXMudGFicy5maW5kKCh0YWIsIGkpID0+IHtcclxuICAgICAgY29uc3QgZm91bmRUYWIgPSBpID09PSB0aGlzLnNlbGVjdGVkVGFiSW5kZXg7XHJcbiAgICAgIGlmIChmb3VuZFRhYikge1xyXG4gICAgICAgIHRoaXMuYWN0aXZlVGFiSW5kZXggPSBpO1xyXG4gICAgICAgIHRhYi5pc0FjdGl2ZSA9IHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIGZvdW5kVGFiO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxuYXYgY2xhc3M9XCJ0YWJzLW5hdlwiPlxyXG4gICAgPHVsIGNsYXNzPVwibmF2LWxpc3RcIj5cclxuICAgICAgPGxpICN0YWIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJuYXYtaXRlbVwiIFtjbGFzcy5hY3RpdmVdPVwidGFiLmlzQWN0aXZlXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cIm5hdi1idXR0b25cIiAoY2xpY2spPVwiYWN0aXZhdGVUYWIodGFiLCBpKVwiPlxyXG4gICAgICAgICAge3sgdGFiLmxhYmVsIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvbGk+XHJcbiAgICAgIDxzcGFuICNzbGlkZXIgY2xhc3M9XCJzbGlkZXJcIj48L3NwYW4+XHJcbiAgICA8L3VsPlxyXG4gICAgPGRpdiBjbGFzcz1cIm5hdi1hY3Rpb24tYnV0dG9uc1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImFjdGl2ZVRhYi50YWJCdXR0b25zXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L25hdj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgIl19
|