af-connect-components 18.0.0 → 18.0.1
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/{esm2022 → esm2020}/af-connect-components.mjs +4 -4
- package/{esm2022 → esm2020}/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +22 -22
- package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +47 -0
- package/{esm2022 → esm2020}/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +33 -33
- package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +17 -0
- package/{esm2022 → esm2020}/lib/af-connect-chart/af-connect-chart.component.mjs +11 -11
- package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +23 -0
- package/{esm2022 → esm2020}/lib/af-connect-components.component.mjs +12 -12
- package/{esm2022 → esm2020}/lib/af-connect-components.module.mjs +235 -235
- package/{esm2022 → esm2020}/lib/af-connect-components.service.mjs +14 -14
- package/{esm2022 → esm2020}/lib/af-connect-content/af-connect-content.component.mjs +14 -14
- package/{esm2022 → esm2020}/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +11 -11
- package/{esm2022 → esm2020}/lib/af-connect-error/af-connect-error.component.mjs +26 -26
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +316 -0
- package/{esm2022 → esm2020}/lib/af-connect-form-group/af-connect-form-group.component.mjs +11 -11
- package/{esm2022 → esm2020}/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +21 -21
- package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +56 -0
- package/{esm2022 → esm2020}/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +29 -29
- package/esm2020/lib/af-connect-input/af-connect-input.component.mjs +92 -0
- package/{esm2022 → esm2020}/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +18 -18
- package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs +101 -0
- package/{esm2022 → esm2020}/lib/af-connect-no-content/af-connect-no-content.component.mjs +26 -26
- package/{esm2022 → esm2020}/lib/af-connect-notification/af-connect-notification.component.mjs +15 -15
- package/{esm2022 → esm2020}/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +47 -47
- package/{esm2022 → esm2020}/lib/af-connect-products-carousel/defaultConfig.mjs +26 -26
- package/{esm2022 → esm2020}/lib/af-connect-products-carousel/image-card/image-card.component.mjs +27 -27
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +71 -0
- package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +45 -0
- package/{esm2022 → esm2020}/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +99 -99
- package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +114 -0
- package/{esm2022 → esm2020}/lib/af-connect-section/af-connect-section.component.mjs +14 -14
- package/{esm2022 → esm2020}/lib/af-connect-section-header/af-connect-section-header.component.mjs +35 -35
- package/{esm2022 → esm2020}/lib/af-connect-select/af-connect-select.component.mjs +11 -11
- package/{esm2022 → esm2020}/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +27 -27
- package/{esm2022 → esm2020}/lib/af-connect-tab/af-connect-tab.component.mjs +20 -20
- package/{esm2022 → esm2020}/lib/af-connect-table/af-connect-table.component.mjs +11 -11
- package/esm2020/lib/af-connect-tabs/af-connect-tabs.component.mjs +87 -0
- package/{esm2022 → esm2020}/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +33 -33
- package/esm2020/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +133 -0
- package/{esm2022 → esm2020}/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +48 -48
- package/{esm2022 → esm2020}/lib/af-connect-tooltip/types.mjs +1 -1
- package/{esm2022 → esm2020}/lib/constants/animation.constants.mjs +121 -121
- package/{esm2022 → esm2020}/lib/constants/base.constants.mjs +9 -9
- package/{esm2022 → esm2020}/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +23 -23
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +54 -0
- package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +29 -0
- package/{esm2022 → esm2020}/lib/faq/faq/faq.component.mjs +22 -22
- package/{esm2022 → esm2020}/lib/faq/faq-item/faq-item.component.mjs +16 -16
- package/{esm2022 → esm2020}/lib/faq/faqItem.mjs +1 -1
- package/{esm2022 → esm2020}/lib/faq/image-fallback/image-fallback.component.mjs +55 -55
- package/{esm2022 → esm2020}/lib/models/notification-response.model.mjs +1 -1
- package/{esm2022 → esm2020}/lib/models/radio.model.mjs +1 -1
- package/{esm2022 → esm2020}/lib/services/breakpoint.service.mjs +16 -16
- package/{esm2022 → esm2020}/lib/utilities/number.util.mjs +3 -3
- package/{esm2022 → esm2020}/public-api.mjs +42 -42
- package/esm2020/shared/pipes/get-initials.mjs +20 -0
- package/fesm2015/af-connect-components.mjs +2209 -0
- package/fesm2015/af-connect-components.mjs.map +1 -0
- package/fesm2020/af-connect-components.mjs +2201 -0
- package/fesm2020/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 +24 -18
- 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 +27 -26
- 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/services/breakpoint.service.d.ts +9 -9
- package/lib/utilities/number.util.d.ts +1 -1
- package/package.json +11 -5
- package/public-api.d.ts +39 -39
- package/shared/pipes/get-initials.d.ts +10 -10
- package/esm2022/lib/af-connect-button/af-connect-button.component.mjs +0 -47
- package/esm2022/lib/af-connect-card/af-connect-card.component.mjs +0 -17
- package/esm2022/lib/af-connect-chip/af-connect-chip.component.mjs +0 -23
- package/esm2022/lib/af-connect-footer/af-connect-footer.component.mjs +0 -316
- package/esm2022/lib/af-connect-header/af-connect-header.component.mjs +0 -46
- package/esm2022/lib/af-connect-input/af-connect-input.component.mjs +0 -92
- package/esm2022/lib/af-connect-modal/af-connect-modal.component.mjs +0 -101
- package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +0 -69
- package/esm2022/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +0 -45
- package/esm2022/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +0 -114
- package/esm2022/lib/af-connect-tabs/af-connect-tabs.component.mjs +0 -87
- package/esm2022/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +0 -133
- package/esm2022/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +0 -54
- package/esm2022/lib/expandable/expandable-container/expandable-container.component.mjs +0 -29
- package/esm2022/shared/pipes/get-initials.mjs +0 -20
- package/fesm2022/af-connect-components.mjs +0 -2192
- package/fesm2022/af-connect-components.mjs.map +0 -1
|
@@ -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
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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"] }] }); }
|
|
32
|
-
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO2dCQUNoQyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDdkMsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixDQUFDO1lBQ0QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7K0dBeEJVLDZCQUE2QjttR0FBN0IsNkJBQTZCLHFOQ1IxQyxxWkFVRTs7NEZERlcsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDZCQUE2QjtzRkFTOUIscUJBQXFCO3NCQUE3QixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgaW50ZXJ2YWwsIHRha2UgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2dyZXNzQmFyQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcbiAgcHVibGljIHByb2dyZXNzQmFyVHJlc2hvbGQgPSAzMDtcclxuICBwdWJsaWMgcHJvZ3Jlc3NDb3VudGVyID0gMDtcclxuICBwdWJsaWMgbWluaW11bVByb2dyZXNzQW5pbWF0aW9uID0gMzA7XHJcbiAgQElucHV0KCkgd2l0aFByb2dyZXNzQW5pbWF0aW9uID0gZmFsc2U7XHJcbiAgcHVibGljIHN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuXHJcbiAgQElucHV0KCkgcHJvZ3Jlc3M6IG51bWJlcjtcclxuICBASW5wdXQoKSBwcmltYXJ5Q29sb3I6ICdwcmltYXJ5LWdyZWVuJyB8ICdwcmltYXJ5LW9yYW5nZScgPSAncHJpbWFyeS1ncmVlbic7XHJcbiAgQElucHV0KCkgc2Vjb25kYXJ5Q29sb3I6ICdvcmFuZ2UnIHwgJ3RyYW5zcGFyZW50JyB8ICdncmV5JyA9ICdncmV5JztcclxuXHJcbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubWluaW11bVByb2dyZXNzQW5pbWF0aW9uID0gdGhpcy5wcm9ncmVzcyA8IHRoaXMucHJvZ3Jlc3NCYXJUcmVzaG9sZCA/IHRoaXMucHJvZ3Jlc3NCYXJUcmVzaG9sZCA6IHRoaXMucHJvZ3Jlc3M7XHJcbiAgICBpbnRlcnZhbCgxMSlcclxuICAgICAgLnBpcGUodGFrZSh0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiB8fCAxMDApKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICBpZiAoIXRoaXMud2l0aFByb2dyZXNzQW5pbWF0aW9uKSB7XHJcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlciA9IHRoaXMucHJvZ3Jlc3M7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIHRoaXMucHJvZ3Jlc3NDb3VudGVyKys7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwiW3NlY29uZGFyeUNvbG9yXVwiIGNsYXNzPVwicHJvZ3Jlc3MtYmFyLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ3Byb2dyZXNzLWJhcicsIHByaW1hcnlDb2xvcl1cIiBbc3R5bGVdPVwieyB3aWR0aDogcHJvZ3Jlc3NDb3VudGVyICsgJyUnIH1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdj5cclxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImZhbHNlXCI+IHt7IHByb2dyZXNzLnRvRml4ZWQoMCkgfX0lIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=
|
|
@@ -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
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: { label: "label", direction: "direction", withAsterisk: "withAsterisk", variant: "variant", labelPosition: "labelPosition", size: "size", value: "value", selected: "selected", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
|
|
74
|
-
{
|
|
75
|
-
provide: NG_VALUE_ACCESSOR,
|
|
76
|
-
useExisting: forwardRef(() => AfConnectRadioGroupComponent),
|
|
77
|
-
multi: true
|
|
78
|
-
}
|
|
79
|
-
], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => 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 }); }
|
|
80
|
-
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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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QUFDOzRCQUMzRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRixLQUFLO3NCQURSLEtBQUs7Z0JBY0YsUUFBUTtzQkFEWCxLQUFLO2dCQVVGLFFBQVE7c0JBRFgsS0FBSztnQkFTYSxXQUFXO3NCQUE3QixNQUFNO2dCQUVQLE1BQU07c0JBREwsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwcml2YXRlIF92YWx1ZTogc3RyaW5nIHwgbnVsbDtcclxuICBwcml2YXRlIF9zZWxlY3RlZDogQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQgfCBudWxsID0gbnVsbDtcclxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAncm93JyB8ICdjb2x1bW4nID0gJ3Jvdyc7XHJcbiAgQElucHV0KCkgd2l0aEFzdGVyaXNrOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGxhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgQElucHV0KCkgc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGwge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gIH1cclxuICBzZXQgdmFsdWUobmV3VmFsdWU6IHN0cmluZyB8IG51bGwpIHtcclxuICAgIGlmICh0aGlzLl92YWx1ZSAhPT0gbmV3VmFsdWUpIHtcclxuICAgICAgdGhpcy5fdmFsdWUgPSBuZXdWYWx1ZTtcclxuICAgICAgdGhpcy51cGRhdGVSYWRpb0J1dHRvbnNTdGF0ZSgpO1xyXG4gICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLl92YWx1ZSk7XHJcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBzZWxlY3RlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZDtcclxuICB9XHJcbiAgc2V0IHNlbGVjdGVkKG5ld1NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwpIHtcclxuICAgIHRoaXMuX3NlbGVjdGVkID0gbmV3U2VsZWN0ZWQ7XHJcbiAgICB0aGlzLnZhbHVlID0gbmV3U2VsZWN0ZWQgPyBuZXdTZWxlY3RlZC52YWx1ZSA6IG51bGw7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcclxuICB9XHJcbiAgc2V0IGRpc2FibGVkKG5ld1ZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9kaXNhYmxlZCA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5tYXJrUmFkaW9zRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIEBPdXRwdXQoKSByZWFkb25seSB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxyXG4gIHJhZGlvczogUXVlcnlMaXN0PEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50PjtcclxuXHJcbiAgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG4gIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkKSB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBlbWl0Q2hhbmdlRXZlbnQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy5fdmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgbWFya1JhZGlvc0ZvckNoZWNrKCkge1xyXG4gICAgaWYgKHRoaXMucmFkaW9zKSB7XHJcbiAgICAgIHRoaXMucmFkaW9zLmZvckVhY2goKHJhZGlvKSA9PiByYWRpby5tYXJrRm9yQ2hlY2soKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVJhZGlvQnV0dG9uc1N0YXRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5yYWRpb3M/LmZvckVhY2goKHJhZGlvKSA9PiB7XHJcbiAgICAgIHJhZGlvLmNoZWNrZWQgPSB0aGlzLl92YWx1ZSA9PT0gcmFkaW8udmFsdWU7XHJcbiAgICAgIGlmIChyYWRpby5jaGVja2VkKSB7XHJcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWQgPSByYWRpbztcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAge3sgbGFiZWwgfX08c3BhbiAqbmdJZj1cIndpdGhBc3Rlcmlza1wiIGNsYXNzPVwiYXN0ZXJpc2tcIj4qPC9zcGFuPlxyXG48L3NwYW4+XHJcbjxkaXYgY2xhc3M9XCJyYWRpby1idXR0b25zLWNvbnRhaW5lclwiIFtjbGFzcy5jb2x1bW5dPVwiZGlyZWN0aW9uID09PSAnY29sdW1uJ1wiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -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
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
68
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 }); }
|
|
69
|
-
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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: () => [{ 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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TTtzRkFHUCxJQUFJO3NCQUEzQyxlQUFlO3VCQUFDLHFCQUFxQjtnQkFDSyxNQUFNO3NCQUFoRCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBbEQsWUFBWTt1QkFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQU1oQyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3Q2hpbGRyZW4sXHJcbiAgT25EZXN0cm95LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBZkNvbm5lY3RUYWJDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXRhYi9hZi1jb25uZWN0LXRhYi5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihBZkNvbm5lY3RUYWJDb21wb25lbnQpIHRhYnM6IFF1ZXJ5TGlzdDxBZkNvbm5lY3RUYWJDb21wb25lbnQ+O1xyXG4gIEBWaWV3Q2hpbGQoJ3NsaWRlcicsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBzbGlkZXI6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcclxuICBAVmlld0NoaWxkcmVuKCd0YWInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgdGFic1JlZnM6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxMSUVsZW1lbnQ+PjtcclxuICBwdWJsaWMgYWN0aXZlVGFiSW5kZXg6IG51bWJlcjtcclxuICBwdWJsaWMgc3VicyA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIEBJbnB1dCgpIHNlbGVjdGVkVGFiSW5kZXg6IG51bWJlcjtcclxuXHJcbiAgQE91dHB1dCgpIGFjdGl2ZVRhYlNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc3Vicy5hZGQoXHJcbiAgICAgIGZyb21FdmVudCh3aW5kb3csICdyZXNpemUnKVxyXG4gICAgICAgIC5waXBlKGRlYm91bmNlVGltZSg1MCkpXHJcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLnRyaWdnZXJTbGlkZXIodGhpcy5hY3RpdmVUYWJJbmRleCk7XHJcbiAgICAgICAgfSlcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKSB7XHJcbiAgICBpZiAoIXRoaXMuc2VsZWN0ZWRUYWJJbmRleCkge1xyXG4gICAgICBjb25zdCBhY3RpdmVUYWIgPSB0aGlzLnRhYnMuZmluZCgodGFiKSA9PiB0YWIuaXNBY3RpdmUpO1xyXG4gICAgICBpZiAoIWFjdGl2ZVRhYikge1xyXG4gICAgICAgIGNvbnN0IGZpcnN0VGFiID0gdGhpcy50YWJzLmZpcnN0O1xyXG4gICAgICAgIGZpcnN0VGFiLmlzQWN0aXZlID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gMDtcclxuICAgICAgICB0aGlzLmFjdGl2ZVRhYlNlbGVjdGVkLmVtaXQoMCk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2V0QWN0aXZlTGFiZWwoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcclxuICAgIGlmICghdGhpcy5hY3RpdmVUYWJJbmRleCkge1xyXG4gICAgICB0aGlzLnRyaWdnZXJTbGlkZXIoMCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXQgYWN0aXZlVGFiKCkge1xyXG4gICAgcmV0dXJuIHRoaXMudGFicy5maW5kKCh0YWIpID0+IHRhYi5pc0FjdGl2ZSkgfHwgdGhpcy50YWJzLmZpcnN0O1xyXG4gIH1cclxuXHJcbiAgYWN0aXZhdGVUYWIoc2VsZWN0ZWRUYWI6IEFmQ29ubmVjdFRhYkNvbXBvbmVudCwgaW5kZXg6IG51bWJlcikge1xyXG4gICAgdGhpcy50YWJzLmZvckVhY2goKHRhYikgPT4ge1xyXG4gICAgICB0YWIuaXNBY3RpdmUgPSB0YWIgPT09IHNlbGVjdGVkVGFiO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gaW5kZXg7XHJcbiAgICB0aGlzLnRyaWdnZXJTbGlkZXIoaW5kZXgpO1xyXG4gICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KGluZGV4KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgdHJpZ2dlclNsaWRlcihpOiBudW1iZXIpIHtcclxuICAgIGNvbnN0IGFjdGl2ZVRhYlJlZiA9IHRoaXMudGFic1JlZnMuZ2V0KGkpO1xyXG4gICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS5sZWZ0ID0gYCR7YWN0aXZlVGFiUmVmPy5uYXRpdmVFbGVtZW50Lm9mZnNldExlZnR9cHhgO1xyXG4gICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS53aWR0aCA9IGAke2FjdGl2ZVRhYlJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aH1weGA7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldEFjdGl2ZUxhYmVsKCkge1xyXG4gICAgdGhpcy50YWJzLmZpbmQoKHRhYiwgaSkgPT4ge1xyXG4gICAgICBjb25zdCBmb3VuZFRhYiA9IGkgPT09IHRoaXMuc2VsZWN0ZWRUYWJJbmRleDtcclxuICAgICAgaWYgKGZvdW5kVGFiKSB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGk7XHJcbiAgICAgICAgdGFiLmlzQWN0aXZlID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gZm91bmRUYWI7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPG5hdiBjbGFzcz1cInRhYnMtbmF2XCI+XHJcbiAgICA8dWwgY2xhc3M9XCJuYXYtbGlzdFwiPlxyXG4gICAgICA8bGkgI3RhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnM7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cIm5hdi1pdGVtXCIgW2NsYXNzLmFjdGl2ZV09XCJ0YWIuaXNBY3RpdmVcIj5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwibmF2LWJ1dHRvblwiIChjbGljayk9XCJhY3RpdmF0ZVRhYih0YWIsIGkpXCI+XHJcbiAgICAgICAgICB7eyB0YWIubGFiZWwgfX1cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9saT5cclxuICAgICAgPHNwYW4gI3NsaWRlciBjbGFzcz1cInNsaWRlclwiPjwvc3Bhbj5cclxuICAgIDwvdWw+XHJcbiAgICA8ZGl2IGNsYXNzPVwibmF2LWFjdGlvbi1idXR0b25zXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aXZlVGFiLnRhYkJ1dHRvbnNcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmF2PlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAiXX0=
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { Component, Input, forwardRef, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { toggleButtonAnimation, toggleBackgroundAnimation } from '../constants/animation.constants';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
const NEUTRAL_BUTTON_COLOR = '#F3F3F3';
|
|
7
|
-
export class AfConnectToggleButtonComponent {
|
|
8
|
-
constructor(injector, cdr) {
|
|
9
|
-
this.injector = injector;
|
|
10
|
-
this.cdr = cdr;
|
|
11
|
-
this.disabled = true;
|
|
12
|
-
this.withForm = false;
|
|
13
|
-
this.onStateBackground = 'var(--primary-connected-orange-color)';
|
|
14
|
-
this.position = 'off';
|
|
15
|
-
this.variant = 'ball';
|
|
16
|
-
this.clickBtn = new EventEmitter();
|
|
17
|
-
this.propagateChange = (_) => { };
|
|
18
|
-
this.propagateTouch = (_) => { };
|
|
19
|
-
}
|
|
20
|
-
togglePosition() {
|
|
21
|
-
if (this.position === 'on')
|
|
22
|
-
this.position = 'off';
|
|
23
|
-
else
|
|
24
|
-
this.position = 'on';
|
|
25
|
-
this.propagateChange(this.position === 'on');
|
|
26
|
-
}
|
|
27
|
-
ngAfterViewInit() {
|
|
28
|
-
if (this.withForm) {
|
|
29
|
-
const ngControl = this.injector.get(NgControl);
|
|
30
|
-
if (ngControl) {
|
|
31
|
-
this.control = ngControl.control;
|
|
32
|
-
this.cdr.detectChanges();
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
writeValue() { }
|
|
37
|
-
registerOnChange(fn) {
|
|
38
|
-
this.propagateChange = fn;
|
|
39
|
-
}
|
|
40
|
-
registerOnTouched(fn) {
|
|
41
|
-
this.propagateTouch = fn;
|
|
42
|
-
}
|
|
43
|
-
onBlur() {
|
|
44
|
-
this.propagateTouch();
|
|
45
|
-
}
|
|
46
|
-
setDisabledState(disabled) {
|
|
47
|
-
this.disabled = disabled;
|
|
48
|
-
}
|
|
49
|
-
getButtonStyles() {
|
|
50
|
-
if (this.variant === 'full')
|
|
51
|
-
return {
|
|
52
|
-
background: this.background || NEUTRAL_BUTTON_COLOR,
|
|
53
|
-
width: '152px',
|
|
54
|
-
height: '32px',
|
|
55
|
-
borderRadius: '16px'
|
|
56
|
-
};
|
|
57
|
-
else
|
|
58
|
-
return {
|
|
59
|
-
background: this.position === 'on' ? this.onStateBackground : this.offStateBackground
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
getToggleBallStyles() {
|
|
63
|
-
if (this.variant === 'full')
|
|
64
|
-
return {
|
|
65
|
-
background: '#15808D',
|
|
66
|
-
width: '76px',
|
|
67
|
-
height: '32px',
|
|
68
|
-
borderRadius: '16px',
|
|
69
|
-
margin: 0
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
getOnStateTextStyles() {
|
|
73
|
-
if (this.variant === 'full')
|
|
74
|
-
return {
|
|
75
|
-
zIndex: '2',
|
|
76
|
-
fontSize: '14px',
|
|
77
|
-
marginLeft: '19px',
|
|
78
|
-
color: this.position === 'on' ? '#707070' : '#fff'
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
|
-
getOffStateTextStyles() {
|
|
82
|
-
if (this.variant === 'full')
|
|
83
|
-
return {
|
|
84
|
-
zIndex: '2',
|
|
85
|
-
fontSize: '14px',
|
|
86
|
-
marginLeft: '16px',
|
|
87
|
-
color: this.position === 'off' ? '#707070' : '#fff'
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectToggleButtonComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
91
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectToggleButtonComponent, selector: "lib-af-connect-toggle-button", inputs: { emitValue: "emitValue", label: "label", disabled: "disabled", withForm: "withForm", onStateBackground: "onStateBackground", offStateBackground: "offStateBackground", onStateText: "onStateText", offStateText: "offStateText", background: "background", position: "position", variant: "variant" }, outputs: { clickBtn: "clickBtn" }, providers: [
|
|
92
|
-
{
|
|
93
|
-
provide: NG_VALUE_ACCESSOR,
|
|
94
|
-
useExisting: forwardRef(() => AfConnectToggleButtonComponent),
|
|
95
|
-
multi: true
|
|
96
|
-
}
|
|
97
|
-
], ngImport: i0, template: "<label>{{ label }}</label>\r\n<button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\r\n [disabled]=\"disabled\"\r\n [ngStyle]=\"getButtonStyles()\">\r\n <span\r\n *ngIf=\"onStateText\"\r\n [ngStyle]=\"getOnStateTextStyles() || null\"\r\n class=\"onStateText\">\r\n {{onStateText}}\r\n </span>\r\n <div\r\n class=\"toggle-ball\"\r\n [@toggleButton]=\"position\"\r\n [ngStyle]=\"getToggleBallStyles() || null\">\r\n </div>\r\n <span\r\n *ngIf=\"offStateText\"\r\n [ngStyle]=\"getOffStateTextStyles() || null\"\r\n class=\"offStateText\"> \r\n {{offStateText}}\r\n </span>\r\n</button>\r\n<span *ngIf=\"label\" class=\"state-info-text\">{{ position === 'on' ? 'Yes' : 'No' }}</span>", styles: [":host{display:flex;flex-wrap:wrap;width:100%}:host label{width:100%;height:fit-content;font-size:14px}:host(.tax-certificates-toggle){width:auto}.toggle-button{position:relative;width:49px;height:28px;border:none;border-radius:14px;background:var(--toggle-button-grey-color);display:flex;align-items:center;cursor:pointer;padding:0}.toggle-button:disabled{cursor:default}.toggle-button,.state-info-text{align-self:center}.toggle-ball{width:18.67px;height:18.67px;background:#fff;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [toggleButtonAnimation, toggleBackgroundAnimation] }); }
|
|
98
|
-
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectToggleButtonComponent, decorators: [{
|
|
100
|
-
type: Component,
|
|
101
|
-
args: [{ selector: 'lib-af-connect-toggle-button', animations: [toggleButtonAnimation, toggleBackgroundAnimation], providers: [
|
|
102
|
-
{
|
|
103
|
-
provide: NG_VALUE_ACCESSOR,
|
|
104
|
-
useExisting: forwardRef(() => AfConnectToggleButtonComponent),
|
|
105
|
-
multi: true
|
|
106
|
-
}
|
|
107
|
-
], template: "<label>{{ label }}</label>\r\n<button\r\n type=\"button\"\r\n class=\"toggle-button\"\r\n (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\r\n [disabled]=\"disabled\"\r\n [ngStyle]=\"getButtonStyles()\">\r\n <span\r\n *ngIf=\"onStateText\"\r\n [ngStyle]=\"getOnStateTextStyles() || null\"\r\n class=\"onStateText\">\r\n {{onStateText}}\r\n </span>\r\n <div\r\n class=\"toggle-ball\"\r\n [@toggleButton]=\"position\"\r\n [ngStyle]=\"getToggleBallStyles() || null\">\r\n </div>\r\n <span\r\n *ngIf=\"offStateText\"\r\n [ngStyle]=\"getOffStateTextStyles() || null\"\r\n class=\"offStateText\"> \r\n {{offStateText}}\r\n </span>\r\n</button>\r\n<span *ngIf=\"label\" class=\"state-info-text\">{{ position === 'on' ? 'Yes' : 'No' }}</span>", styles: [":host{display:flex;flex-wrap:wrap;width:100%}:host label{width:100%;height:fit-content;font-size:14px}:host(.tax-certificates-toggle){width:auto}.toggle-button{position:relative;width:49px;height:28px;border:none;border-radius:14px;background:var(--toggle-button-grey-color);display:flex;align-items:center;cursor:pointer;padding:0}.toggle-button:disabled{cursor:default}.toggle-button,.state-info-text{align-self:center}.toggle-ball{width:18.67px;height:18.67px;background:#fff;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"] }]
|
|
108
|
-
}], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { emitValue: [{
|
|
109
|
-
type: Input
|
|
110
|
-
}], label: [{
|
|
111
|
-
type: Input
|
|
112
|
-
}], disabled: [{
|
|
113
|
-
type: Input
|
|
114
|
-
}], withForm: [{
|
|
115
|
-
type: Input
|
|
116
|
-
}], onStateBackground: [{
|
|
117
|
-
type: Input
|
|
118
|
-
}], offStateBackground: [{
|
|
119
|
-
type: Input
|
|
120
|
-
}], onStateText: [{
|
|
121
|
-
type: Input
|
|
122
|
-
}], offStateText: [{
|
|
123
|
-
type: Input
|
|
124
|
-
}], background: [{
|
|
125
|
-
type: Input
|
|
126
|
-
}], position: [{
|
|
127
|
-
type: Input
|
|
128
|
-
}], variant: [{
|
|
129
|
-
type: Input
|
|
130
|
-
}], clickBtn: [{
|
|
131
|
-
type: Output
|
|
132
|
-
}] } });
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFZLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEgsT0FBTyxFQUFlLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFHcEcsTUFBTSxvQkFBb0IsR0FBRyxTQUFTLENBQUM7QUFldkMsTUFBTSxPQUFPLDhCQUE4QjtJQWV6QyxZQUFvQixRQUFrQixFQUFVLEdBQXNCO1FBQWxELGFBQVEsR0FBUixRQUFRLENBQVU7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVo3RCxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsc0JBQWlCLEdBQVcsdUNBQXVDLENBQUM7UUFLcEUsYUFBUSxHQUFpQixLQUFLLENBQUM7UUFDL0IsWUFBTyxHQUFvQixNQUFNLENBQUM7UUFDakMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBc0IvQyxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxD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QU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsOEJBQThCLENBQUM7Z0JBQzdELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNsQkgsbzFCQXlCeUYsczFCRGQzRSxDQUFDLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDOzs0RkFTbkQsOEJBQThCO2tCQWIxQyxTQUFTOytCQUNFLDhCQUE4QixjQUc1QixDQUFDLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDLGFBQ25EO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLCtCQUErQixDQUFDOzRCQUM3RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs2R0FHUSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIGZvcndhcmRSZWYsIEluamVjdG9yLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTmdDb250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgdG9nZ2xlQnV0dG9uQW5pbWF0aW9uLCB0b2dnbGVCYWNrZ3JvdW5kQW5pbWF0aW9uIH0gZnJvbSAnLi4vY29uc3RhbnRzL2FuaW1hdGlvbi5jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBFbWl0VmFsdWUgfSBmcm9tICcuLi9jb25zdGFudHMvYmFzZS5jb25zdGFudHMnO1xyXG5cclxuY29uc3QgTkVVVFJBTF9CVVRUT05fQ09MT1IgPSAnI0YzRjNGMyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFt0b2dnbGVCdXR0b25BbmltYXRpb24sIHRvZ2dsZUJhY2tncm91bmRBbmltYXRpb25dLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0VG9nZ2xlQnV0dG9uQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RUb2dnbGVCdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGVtaXRWYWx1ZTogRW1pdFZhbHVlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHdpdGhGb3JtID0gZmFsc2U7XHJcbiAgQElucHV0KCkgb25TdGF0ZUJhY2tncm91bmQ6IHN0cmluZyA9ICd2YXIoLS1wcmltYXJ5LWNvbm5lY3RlZC1vcmFuZ2UtY29sb3IpJztcclxuICBASW5wdXQoKSBvZmZTdGF0ZUJhY2tncm91bmQ6IHN0cmluZztcclxuICBASW5wdXQoKSBvblN0YXRlVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG9mZlN0YXRlVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJhY2tncm91bmQ6IHN0cmluZztcclxuICBASW5wdXQoKSBwb3NpdGlvbjogJ29uJyB8ICdvZmYnID0gJ29mZic7XHJcbiAgQElucHV0KCkgdmFyaWFudDogJ2JhbGwnIHwgJ2Z1bGwnID0gJ2JhbGwnO1xyXG4gIEBPdXRwdXQoKSBjbGlja0J0biA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcclxuICBwdWJsaWMgY29udHJvbDogRm9ybUNvbnRyb2w7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVQb3NpdGlvbigpIHtcclxuICAgIGlmICh0aGlzLnBvc2l0aW9uID09PSAnb24nKSB0aGlzLnBvc2l0aW9uID0gJ29mZic7XHJcbiAgICBlbHNlIHRoaXMucG9zaXRpb24gPSAnb24nO1xyXG5cclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMucG9zaXRpb24gPT09ICdvbicpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLndpdGhGb3JtKSB7XHJcbiAgICAgIGNvbnN0IG5nQ29udHJvbDogTmdDb250cm9sID0gdGhpcy5pbmplY3Rvci5nZXQ8TmdDb250cm9sPihOZ0NvbnRyb2wpO1xyXG4gICAgICBpZiAobmdDb250cm9sKSB7XHJcbiAgICAgICAgdGhpcy5jb250cm9sID0gbmdDb250cm9sLmNvbnRyb2wgYXMgRm9ybUNvbnRyb2w7XHJcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZTogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcclxuICBwcml2YXRlIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZSgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQmx1cigpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGU/KGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0QnV0dG9uU3R5bGVzKCk6IE9iamVjdCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogdGhpcy5iYWNrZ3JvdW5kIHx8IE5FVVRSQUxfQlVUVE9OX0NPTE9SLFxyXG4gICAgICAgIHdpZHRoOiAnMTUycHgnLFxyXG4gICAgICAgIGhlaWdodDogJzMycHgnLFxyXG4gICAgICAgIGJvcmRlclJhZGl1czogJzE2cHgnXHJcbiAgICAgIH07XHJcbiAgICBlbHNlXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogdGhpcy5wb3NpdGlvbiA9PT0gJ29uJyA/IHRoaXMub25TdGF0ZUJhY2tncm91bmQgOiB0aGlzLm9mZlN0YXRlQmFja2dyb3VuZFxyXG4gICAgICB9O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFRvZ2dsZUJhbGxTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogJyMxNTgwOEQnLFxyXG4gICAgICAgIHdpZHRoOiAnNzZweCcsXHJcbiAgICAgICAgaGVpZ2h0OiAnMzJweCcsXHJcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTZweCcsXHJcbiAgICAgICAgbWFyZ2luOiAwXHJcbiAgICAgIH07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0T25TdGF0ZVRleHRTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgekluZGV4OiAnMicsXHJcbiAgICAgICAgZm9udFNpemU6ICcxNHB4JyxcclxuICAgICAgICBtYXJnaW5MZWZ0OiAnMTlweCcsXHJcbiAgICAgICAgY29sb3I6IHRoaXMucG9zaXRpb24gPT09ICdvbicgPyAnIzcwNzA3MCcgOiAnI2ZmZidcclxuICAgICAgfTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRPZmZTdGF0ZVRleHRTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgekluZGV4OiAnMicsXHJcbiAgICAgICAgZm9udFNpemU6ICcxNHB4JyxcclxuICAgICAgICBtYXJnaW5MZWZ0OiAnMTZweCcsXHJcbiAgICAgICAgY29sb3I6IHRoaXMucG9zaXRpb24gPT09ICdvZmYnID8gJyM3MDcwNzAnIDogJyNmZmYnXHJcbiAgICAgIH07XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbD57eyBsYWJlbCB9fTwvbGFiZWw+XHJcbjxidXR0b25cclxuICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgY2xhc3M9XCJ0b2dnbGUtYnV0dG9uXCJcclxuICAgIChjbGljayk9XCJ0aGlzLmNsaWNrQnRuLmVtaXQoZW1pdFZhbHVlKTsgdG9nZ2xlUG9zaXRpb24oKTtcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFtuZ1N0eWxlXT1cImdldEJ1dHRvblN0eWxlcygpXCI+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwib25TdGF0ZVRleHRcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cImdldE9uU3RhdGVUZXh0U3R5bGVzKCkgfHwgbnVsbFwiXHJcbiAgICAgICAgY2xhc3M9XCJvblN0YXRlVGV4dFwiPlxyXG4gICAgICAgIHt7b25TdGF0ZVRleHR9fVxyXG4gICAgPC9zcGFuPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cInRvZ2dsZS1iYWxsXCJcclxuICAgICAgW0B0b2dnbGVCdXR0b25dPVwicG9zaXRpb25cIlxyXG4gICAgICBbbmdTdHlsZV09XCJnZXRUb2dnbGVCYWxsU3R5bGVzKCkgfHwgbnVsbFwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwib2ZmU3RhdGVUZXh0XCJcclxuICAgICAgICBbbmdTdHlsZV09XCJnZXRPZmZTdGF0ZVRleHRTdHlsZXMoKSB8fCBudWxsXCJcclxuICAgICAgICBjbGFzcz1cIm9mZlN0YXRlVGV4dFwiPiBcclxuICAgICAgICB7e29mZlN0YXRlVGV4dH19XHJcbiAgICA8L3NwYW4+XHJcbjwvYnV0dG9uPlxyXG48c3BhbiAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJzdGF0ZS1pbmZvLXRleHRcIj57eyBwb3NpdGlvbiA9PT0gJ29uJyA/ICdZZXMnIDogJ05vJyB9fTwvc3Bhbj4iXX0=
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { animate, style, transition, trigger, state } from '@angular/animations';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Host, Input, Optional } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
export var AnimationPosition;
|
|
7
|
-
(function (AnimationPosition) {
|
|
8
|
-
AnimationPosition[AnimationPosition["right"] = 0] = "right";
|
|
9
|
-
AnimationPosition[AnimationPosition["bottom"] = 90] = "bottom";
|
|
10
|
-
AnimationPosition[AnimationPosition["left"] = 180] = "left";
|
|
11
|
-
AnimationPosition[AnimationPosition["top"] = 270] = "top";
|
|
12
|
-
})(AnimationPosition || (AnimationPosition = {}));
|
|
13
|
-
;
|
|
14
|
-
export class ExpandableArrowComponent {
|
|
15
|
-
constructor(wrapper) {
|
|
16
|
-
this.wrapper = wrapper;
|
|
17
|
-
this.color = '#454f63';
|
|
18
|
-
this.startPosition = 'right';
|
|
19
|
-
this.endPosition = 'bottom';
|
|
20
|
-
this.collapsedRotation = AnimationPosition['right'];
|
|
21
|
-
this.expandedRotation = AnimationPosition['bottom'];
|
|
22
|
-
}
|
|
23
|
-
ngOnInit() {
|
|
24
|
-
this.collapsedRotation = AnimationPosition[this.startPosition];
|
|
25
|
-
this.expandedRotation = AnimationPosition[this.endPosition];
|
|
26
|
-
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableArrowComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", inputs: { color: "color", startPosition: "startPosition", endPosition: "endPosition" }, ngImport: i0, template: "<span class=\"expandable-arrow\" #arrow>\r\n <svg\r\n [@expandableArrow]=\"{\r\n value: (wrapper && wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed',\r\n params: {\r\n collapsedRotation,\r\n expandedRotation\r\n }\r\n }\"\r\n id=\"icons_next\" data-name=\"icons/next\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n <rect id=\"bg\" width=\"24\" height=\"24\" fill=\"none\"/>\r\n <path id=\"union\" d=\"M1597.541-4.4l-5.929-5.93a.742.742,0,0,1-.081-.07.747.747,0,0,1-.219-.536.747.747,0,0,1,.219-.535.751.751,0,0,1,.078-.068l5.932-5.932a.751.751,0,0,1,1.061,0,.751.751,0,0,1,0,1.061l-5.476,5.475,5.476,5.475a.751.751,0,0,1,0,1.061.749.749,0,0,1-.531.219A.749.749,0,0,1,1597.541-4.4Z\" transform=\"translate(1607.832 1.052) rotate(180)\" [attr.fill]=\"color\"/>\r\n </svg>\r\n</span>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [trigger('expandableArrow', [
|
|
29
|
-
state('collapsed', style({ transform: 'rotate({{collapsedRotation}}deg)' }), { params: { collapsedRotation: '0' } }),
|
|
30
|
-
state('expanded', style({ transform: 'rotate({{expandedRotation}}deg)' }), { params: { expandedRotation: '90' } }),
|
|
31
|
-
transition('expanded <=> collapsed', animate('300ms ease-out')),
|
|
32
|
-
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
33
|
-
])], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
|
-
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableArrowComponent, decorators: [{
|
|
36
|
-
type: Component,
|
|
37
|
-
args: [{ selector: 'afc-expandable-arrow', changeDetection: ChangeDetectionStrategy.OnPush, animations: [trigger('expandableArrow', [
|
|
38
|
-
state('collapsed', style({ transform: 'rotate({{collapsedRotation}}deg)' }), { params: { collapsedRotation: '0' } }),
|
|
39
|
-
state('expanded', style({ transform: 'rotate({{expandedRotation}}deg)' }), { params: { expandedRotation: '90' } }),
|
|
40
|
-
transition('expanded <=> collapsed', animate('300ms ease-out')),
|
|
41
|
-
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
42
|
-
])], template: "<span class=\"expandable-arrow\" #arrow>\r\n <svg\r\n [@expandableArrow]=\"{\r\n value: (wrapper && wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed',\r\n params: {\r\n collapsedRotation,\r\n expandedRotation\r\n }\r\n }\"\r\n id=\"icons_next\" data-name=\"icons/next\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n <rect id=\"bg\" width=\"24\" height=\"24\" fill=\"none\"/>\r\n <path id=\"union\" d=\"M1597.541-4.4l-5.929-5.93a.742.742,0,0,1-.081-.07.747.747,0,0,1-.219-.536.747.747,0,0,1,.219-.535.751.751,0,0,1,.078-.068l5.932-5.932a.751.751,0,0,1,1.061,0,.751.751,0,0,1,0,1.061l-5.476,5.475,5.476,5.475a.751.751,0,0,1,0,1.061.749.749,0,0,1-.531.219A.749.749,0,0,1,1597.541-4.4Z\" transform=\"translate(1607.832 1.052) rotate(180)\" [attr.fill]=\"color\"/>\r\n </svg>\r\n</span>\r\n" }]
|
|
43
|
-
}], ctorParameters: () => [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
44
|
-
type: Host
|
|
45
|
-
}, {
|
|
46
|
-
type: Optional
|
|
47
|
-
}] }], propDecorators: { color: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], startPosition: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], endPosition: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsSUFBSSxFQUFnQixLQUFLLEVBQVUsUUFBUSxFQUFhLE1BQU0sZUFBZSxDQUFDOzs7O0FBR3ZJLE1BQU0sQ0FBTixJQUFZLGlCQUtYO0FBTEQsV0FBWSxpQkFBaUI7SUFDM0IsMkRBQVMsQ0FBQTtJQUNULDhEQUFXLENBQUE7SUFDWCwyREFBVSxDQUFBO0lBQ1YseURBQVMsQ0FBQTtBQUNYLENBQUMsRUFMVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBSzVCO0FBQUEsQ0FBQztBQWNGLE1BQU0sT0FBTyx3QkFBd0I7SUFRbkMsWUFBdUMsT0FBbUM7UUFBbkMsWUFBTyxHQUFQLE9BQU8sQ0FBNEI7UUFQakUsVUFBSyxHQUFXLFNBQVMsQ0FBQztRQUMxQixrQkFBYSxHQUF3QyxPQUFPLENBQUM7UUFDN0QsZ0JBQVcsR0FBd0MsUUFBUSxDQUFDO1FBRTlELHNCQUFpQixHQUFHLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQy9DLHFCQUFnQixHQUFHLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRXdCLENBQUM7SUFFL0UsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGlCQUFpQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM5RCxDQUFDOytHQWJVLHdCQUF3QjttR0FBeEIsd0JBQXdCLG9KQ3ZCckMsbzNCQWNBLGlHREVjLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFO2dCQUN0QyxLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUMsRUFBRSxDQUFDO2dCQUNsSCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUMsRUFBRSxDQUFDO2dCQUNoSCxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBQy9ELFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzthQUNoRSxDQUFDLENBQUM7OzRGQUVRLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTs0QkFDdEMsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsa0NBQWtDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUMsaUJBQWlCLEVBQUUsR0FBRyxFQUFDLEVBQUUsQ0FBQzs0QkFDbEgsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsaUNBQWlDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUMsZ0JBQWdCLEVBQUUsSUFBSSxFQUFDLEVBQUUsQ0FBQzs0QkFDaEgsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDOzRCQUMvRCxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUM7eUJBQ2hFLENBQUMsQ0FBQzs7MEJBVVUsSUFBSTs7MEJBQUksUUFBUTt5Q0FQcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyLCBzdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0LCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRXhwYW5kYWJsZVdyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi9hZmMtZXhwYW5kYWJsZS13cmFwcGVyL2FmYy1leHBhbmRhYmxlLXdyYXBwZXIuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBlbnVtIEFuaW1hdGlvblBvc2l0aW9uIHtcclxuICByaWdodCA9IDAsXHJcbiAgYm90dG9tID0gOTAsXHJcbiAgbGVmdCA9IDE4MCxcclxuICB0b3AgPSAyNzAsXHJcbn07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FmYy1leHBhbmRhYmxlLWFycm93JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRhYmxlQXJyb3cnLCBbXHJcbiAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoeyB0cmFuc2Zvcm06ICdyb3RhdGUoe3tjb2xsYXBzZWRSb3RhdGlvbn19ZGVnKScgfSksIHsgcGFyYW1zOiB7Y29sbGFwc2VkUm90YXRpb246ICcwJ30gfSksXHJcbiAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3JvdGF0ZSh7e2V4cGFuZGVkUm90YXRpb259fWRlZyknIH0pLCB7IHBhcmFtczoge2V4cGFuZGVkUm90YXRpb246ICc5MCd9IH0pLFxyXG4gICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsIGFuaW1hdGUoJzMwMG1zIGVhc2Utb3V0JykpLFxyXG4gICAgdHJhbnNpdGlvbignY29sbGFwc2VkIDw9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzMwMG1zIGVhc2Utb3V0JykpXHJcbiAgXSldXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlQXJyb3dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAnIzQ1NGY2Myc7XHJcbiAgQElucHV0KCkgc3RhcnRQb3NpdGlvbjogJ3JpZ2h0JyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3RvcCcgPSAncmlnaHQnO1xyXG4gIEBJbnB1dCgpIGVuZFBvc2l0aW9uOiAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCcgfCAndG9wJyA9ICdib3R0b20nO1xyXG5cclxuICBwdWJsaWMgY29sbGFwc2VkUm90YXRpb24gPSBBbmltYXRpb25Qb3NpdGlvblsncmlnaHQnXTtcclxuICBwdWJsaWMgZXhwYW5kZWRSb3RhdGlvbiA9IEFuaW1hdGlvblBvc2l0aW9uWydib3R0b20nXTtcclxuXHJcbiAgY29uc3RydWN0b3IoQEhvc3QoKSBAT3B0aW9uYWwoKSBwdWJsaWMgd3JhcHBlcjogRXhwYW5kYWJsZVdyYXBwZXJDb21wb25lbnQpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkUm90YXRpb24gPSBBbmltYXRpb25Qb3NpdGlvblt0aGlzLnN0YXJ0UG9zaXRpb25dO1xyXG4gICAgdGhpcy5leHBhbmRlZFJvdGF0aW9uID0gQW5pbWF0aW9uUG9zaXRpb25bdGhpcy5lbmRQb3NpdGlvbl07XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuIGNsYXNzPVwiZXhwYW5kYWJsZS1hcnJvd1wiICNhcnJvdz5cclxuICA8c3ZnXHJcbiAgICBbQGV4cGFuZGFibGVBcnJvd109XCJ7XHJcbiAgICAgIHZhbHVlOiAod3JhcHBlciAmJiB3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnLFxyXG4gICAgICBwYXJhbXM6IHtcclxuICAgICAgICBjb2xsYXBzZWRSb3RhdGlvbixcclxuICAgICAgICBleHBhbmRlZFJvdGF0aW9uXHJcbiAgICAgIH1cclxuICAgIH1cIlxyXG4gICAgaWQ9XCJpY29uc19uZXh0XCIgZGF0YS1uYW1lPVwiaWNvbnMvbmV4dFwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCI+XHJcbiAgICA8cmVjdCBpZD1cImJnXCIgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgZmlsbD1cIm5vbmVcIi8+XHJcbiAgICA8cGF0aCBpZD1cInVuaW9uXCIgZD1cIk0xNTk3LjU0MS00LjRsLTUuOTI5LTUuOTNhLjc0Mi43NDIsMCwwLDEtLjA4MS0uMDcuNzQ3Ljc0NywwLDAsMS0uMjE5LS41MzYuNzQ3Ljc0NywwLDAsMSwuMjE5LS41MzUuNzUxLjc1MSwwLDAsMSwuMDc4LS4wNjhsNS45MzItNS45MzJhLjc1MS43NTEsMCwwLDEsMS4wNjEsMCwuNzUxLjc1MSwwLDAsMSwwLDEuMDYxbC01LjQ3Niw1LjQ3NSw1LjQ3Niw1LjQ3NWEuNzUxLjc1MSwwLDAsMSwwLDEuMDYxLjc0OS43NDksMCwwLDEtLjUzMS4yMTlBLjc0OS43NDksMCwwLDEsMTU5Ny41NDEtNC40WlwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgxNjA3LjgzMiAxLjA1Mikgcm90YXRlKDE4MClcIiBbYXR0ci5maWxsXT1cImNvbG9yXCIvPlxyXG4gIDwvc3ZnPlxyXG48L3NwYW4+XHJcbiJdfQ==
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Host, Optional } from '@angular/core';
|
|
2
|
-
import { animate, style, transition, trigger, state } from '@angular/animations';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
export class ExpandableContainerComponent {
|
|
7
|
-
constructor(wrapper) {
|
|
8
|
-
this.wrapper = wrapper;
|
|
9
|
-
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableContainerComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpandableContainerComponent, selector: "afc-expandable-container", ngImport: i0, template: "<div class=\"expand-container\" [@expandContainer]=\"(wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".expand-container{overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [trigger('expandContainer', [
|
|
12
|
-
state('collapsed', style({ height: '0px', minHeight: '0', visibility: 'hidden', border: 'none', overflow: 'hidden' })),
|
|
13
|
-
state('expanded', style({ height: '*' })),
|
|
14
|
-
transition('expanded <=> collapsed', animate('300ms ease-out'))
|
|
15
|
-
])], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
|
-
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpandableContainerComponent, decorators: [{
|
|
18
|
-
type: Component,
|
|
19
|
-
args: [{ selector: 'afc-expandable-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [trigger('expandContainer', [
|
|
20
|
-
state('collapsed', style({ height: '0px', minHeight: '0', visibility: 'hidden', border: 'none', overflow: 'hidden' })),
|
|
21
|
-
state('expanded', style({ height: '*' })),
|
|
22
|
-
transition('expanded <=> collapsed', animate('300ms ease-out'))
|
|
23
|
-
])], template: "<div class=\"expand-container\" [@expandContainer]=\"(wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".expand-container{overflow:hidden}\n"] }]
|
|
24
|
-
}], ctorParameters: () => [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
25
|
-
type: Host
|
|
26
|
-
}, {
|
|
27
|
-
type: Optional
|
|
28
|
-
}] }] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5kYWJsZS9leHBhbmRhYmxlLWNvbnRhaW5lci9leHBhbmRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtY29udGFpbmVyL2V4cGFuZGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBaUJqRixNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO0lBQUksQ0FBQzsrR0FEcEUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsZ0VDbEJ6QywrSkFHQSxxSURNYyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtnQkFDdEMsS0FBSyxDQUNILFdBQVcsRUFDWCxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUNuRztnQkFDRCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO2dCQUN6QyxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUM7YUFDaEUsQ0FBQyxDQUFDOzs0RkFFUSw0QkFBNEI7a0JBZHhDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN0QyxLQUFLLENBQ0gsV0FBVyxFQUNYLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQ25HOzRCQUNELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQ3pDLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDaEUsQ0FBQyxDQUFDOzswQkFHVSxJQUFJOzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIHN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FmYy1leHBhbmRhYmxlLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRDb250YWluZXInLCBbXHJcbiAgICBzdGF0ZShcclxuICAgICAgJ2NvbGxhcHNlZCcsXHJcbiAgICAgIHN0eWxlKHsgaGVpZ2h0OiAnMHB4JywgbWluSGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nLCBib3JkZXI6ICdub25lJywgb3ZlcmZsb3c6ICdoaWRkZW4nIH0pXHJcbiAgICApLFxyXG4gICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJyB9KSksXHJcbiAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSlcclxuICBdKV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVDb250YWluZXJDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgcHVibGljIHdyYXBwZXI6IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50KSB7IH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZXhwYW5kLWNvbnRhaW5lclwiIFtAZXhwYW5kQ29udGFpbmVyXT1cIih3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Gets the initials of a Name (First Second -> FS)
|
|
5
|
-
*/
|
|
6
|
-
export class GetinItialsPipe {
|
|
7
|
-
transform(value) {
|
|
8
|
-
if (!value) {
|
|
9
|
-
return '';
|
|
10
|
-
}
|
|
11
|
-
return value.split(' ').map(word => word.charAt(0)).join('').slice(0, 2);
|
|
12
|
-
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetinItialsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
14
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GetinItialsPipe, name: "getInitials" }); }
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GetinItialsPipe, decorators: [{
|
|
17
|
-
type: Pipe,
|
|
18
|
-
args: [{ name: 'getInitials' }]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWluaXRpYWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9zaGFyZWQvcGlwZXMvZ2V0LWluaXRpYWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUNwRDs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFlO0lBQzFCLFNBQVMsQ0FBQyxLQUF5QjtRQUNqQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDWCxPQUFPLEVBQUUsQ0FBQztRQUNaLENBQUM7UUFDRCxPQUFPLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzNFLENBQUM7K0dBTlUsZUFBZTs2R0FBZixlQUFlOzs0RkFBZixlQUFlO2tCQUQzQixJQUFJO21CQUFDLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuLyoqXHJcbiAqIEdldHMgdGhlIGluaXRpYWxzIG9mIGEgTmFtZSAoRmlyc3QgU2Vjb25kIC0+IEZTKVxyXG4gKi9cclxuQFBpcGUoeyBuYW1lOiAnZ2V0SW5pdGlhbHMnIH0pXHJcbmV4cG9ydCBjbGFzcyBHZXRpbkl0aWFsc1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCk6IHN0cmluZyB7XHJcbiAgICBpZiAoIXZhbHVlKSB7XHJcbiAgICAgIHJldHVybiAnJztcclxuICAgIH1cclxuICAgIHJldHVybiB2YWx1ZS5zcGxpdCgnICcpLm1hcCh3b3JkID0+IHdvcmQuY2hhckF0KDApKS5qb2luKCcnKS5zbGljZSgwLCAyKTtcclxuICB9XHJcbn1cclxuIl19
|