af-connect-components 18.0.2 → 18.0.4
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/esm2022/lib/af-connect-components.module.mjs +245 -0
- 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 +77 -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 +88 -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/esm2022/lib/af-connect-savings-banner/af-connect-savings-banner.component.mjs +15 -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/esm2022/lib/af-connect-solutions-product/af-connect-solutions-product.component.mjs +36 -0
- package/esm2022/lib/af-connect-solutions-product/af-connect-solutions-product.data.mjs +72 -0
- 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/{esm2020 → esm2022}/lib/models/url-config.mjs +1 -1
- package/esm2022/lib/services/breakpoint.service.mjs +17 -0
- package/{esm2020 → esm2022}/lib/utilities/number.util.mjs +3 -3
- package/esm2022/public-api.mjs +45 -0
- package/esm2022/shared/pipes/get-initials.mjs +20 -0
- package/fesm2022/af-connect-components.mjs +2360 -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 +53 -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 +30 -31
- 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 +38 -37
- 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-savings-banner/af-connect-savings-banner.component.d.ts +6 -0
- 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-solutions-product/af-connect-solutions-product.component.d.ts +16 -0
- package/lib/af-connect-solutions-product/af-connect-solutions-product.data.d.ts +15 -0
- 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 -5
- package/lib/services/breakpoint.service.d.ts +10 -10
- package/lib/utilities/number.util.d.ts +1 -1
- package/package.json +5 -11
- package/public-api.d.ts +41 -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-components.module.mjs +0 -235
- 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 -79
- 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 -85
- 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 -17
- package/esm2020/public-api.mjs +0 -43
- package/esm2020/shared/pipes/get-initials.mjs +0 -20
- package/fesm2015/af-connect-components.mjs +0 -2244
- package/fesm2015/af-connect-components.mjs.map +0 -1
- package/fesm2020/af-connect-components.mjs +0 -2236
- package/fesm2020/af-connect-components.mjs.map +0 -1
|
@@ -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
|
|
@@ -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
|
-
}
|
|
91
|
-
AfConnectToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToggleButtonComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
-
AfConnectToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", 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: [
|
|
93
|
-
{
|
|
94
|
-
provide: NG_VALUE_ACCESSOR,
|
|
95
|
-
useExisting: forwardRef(() => AfConnectToggleButtonComponent),
|
|
96
|
-
multi: true
|
|
97
|
-
}
|
|
98
|
-
], 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:-moz-fit-content;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:white;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] });
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", 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:-moz-fit-content;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:white;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"] }]
|
|
108
|
-
}], ctorParameters: function () { return [{ 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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LFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsOEJBQThCLENBQUM7WUFDN0QsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2xCSCxvMUJBeUJ5RiwrMkJEZDNFLENBQUMscUJBQXFCLEVBQUUseUJBQXlCLENBQUM7MkZBU25ELDhCQUE4QjtrQkFiMUMsU0FBUzsrQkFDRSw4QkFBOEIsY0FHNUIsQ0FBQyxxQkFBcUIsRUFBRSx5QkFBeUIsQ0FBQyxhQUNuRDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwrQkFBK0IsQ0FBQzs0QkFDN0QsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7K0hBR1EsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmLCBJbmplY3RvciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIE5nQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IHRvZ2dsZUJ1dHRvbkFuaW1hdGlvbiwgdG9nZ2xlQmFja2dyb3VuZEFuaW1hdGlvbiB9IGZyb20gJy4uL2NvbnN0YW50cy9hbmltYXRpb24uY29uc3RhbnRzJztcclxuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcclxuXHJcbmNvbnN0IE5FVVRSQUxfQlVUVE9OX0NPTE9SID0gJyNGM0YzRjMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbdG9nZ2xlQnV0dG9uQW5pbWF0aW9uLCB0b2dnbGVCYWNrZ3JvdW5kQW5pbWF0aW9uXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VG9nZ2xlQnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBlbWl0VmFsdWU6IEVtaXRWYWx1ZTtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gdHJ1ZTtcclxuICBASW5wdXQoKSB3aXRoRm9ybSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIG9uU3RhdGVCYWNrZ3JvdW5kOiBzdHJpbmcgPSAndmFyKC0tcHJpbWFyeS1jb25uZWN0ZWQtb3JhbmdlLWNvbG9yKSc7XHJcbiAgQElucHV0KCkgb2ZmU3RhdGVCYWNrZ3JvdW5kOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgb25TdGF0ZVRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBvZmZTdGF0ZVRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcG9zaXRpb246ICdvbicgfCAnb2ZmJyA9ICdvZmYnO1xyXG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdiYWxsJyB8ICdmdWxsJyA9ICdiYWxsJztcclxuICBAT3V0cHV0KCkgY2xpY2tCdG4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZyB8IG51bGw+KCk7XHJcbiAgcHVibGljIGNvbnRyb2w6IEZvcm1Db250cm9sO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGluamVjdG9yOiBJbmplY3RvciwgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBwdWJsaWMgdG9nZ2xlUG9zaXRpb24oKSB7XHJcbiAgICBpZiAodGhpcy5wb3NpdGlvbiA9PT0gJ29uJykgdGhpcy5wb3NpdGlvbiA9ICdvZmYnO1xyXG4gICAgZWxzZSB0aGlzLnBvc2l0aW9uID0gJ29uJztcclxuXHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnBvc2l0aW9uID09PSAnb24nKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy53aXRoRm9ybSkge1xyXG4gICAgICBjb25zdCBuZ0NvbnRyb2w6IE5nQ29udHJvbCA9IHRoaXMuaW5qZWN0b3IuZ2V0PE5nQ29udHJvbD4oTmdDb250cm9sKTtcclxuICAgICAgaWYgKG5nQ29udHJvbCkge1xyXG4gICAgICAgIHRoaXMuY29udHJvbCA9IG5nQ29udHJvbC5jb250cm9sIGFzIEZvcm1Db250cm9sO1xyXG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2U6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XHJcbiAgcHJpdmF0ZSBwcm9wYWdhdGVUb3VjaDogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcclxuXHJcbiAgcHVibGljIHdyaXRlVmFsdWUoKTogdm9pZCB7fVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlVG91Y2ggPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoKCk7XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldEJ1dHRvblN0eWxlcygpOiBPYmplY3Qge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIGJhY2tncm91bmQ6IHRoaXMuYmFja2dyb3VuZCB8fCBORVVUUkFMX0JVVFRPTl9DT0xPUixcclxuICAgICAgICB3aWR0aDogJzE1MnB4JyxcclxuICAgICAgICBoZWlnaHQ6ICczMnB4JyxcclxuICAgICAgICBib3JkZXJSYWRpdXM6ICcxNnB4J1xyXG4gICAgICB9O1xyXG4gICAgZWxzZVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIGJhY2tncm91bmQ6IHRoaXMucG9zaXRpb24gPT09ICdvbicgPyB0aGlzLm9uU3RhdGVCYWNrZ3JvdW5kIDogdGhpcy5vZmZTdGF0ZUJhY2tncm91bmRcclxuICAgICAgfTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRUb2dnbGVCYWxsU3R5bGVzKCk6IE9iamVjdCB8IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIGJhY2tncm91bmQ6ICcjMTU4MDhEJyxcclxuICAgICAgICB3aWR0aDogJzc2cHgnLFxyXG4gICAgICAgIGhlaWdodDogJzMycHgnLFxyXG4gICAgICAgIGJvcmRlclJhZGl1czogJzE2cHgnLFxyXG4gICAgICAgIG1hcmdpbjogMFxyXG4gICAgICB9O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldE9uU3RhdGVUZXh0U3R5bGVzKCk6IE9iamVjdCB8IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIHpJbmRleDogJzInLFxyXG4gICAgICAgIGZvbnRTaXplOiAnMTRweCcsXHJcbiAgICAgICAgbWFyZ2luTGVmdDogJzE5cHgnLFxyXG4gICAgICAgIGNvbG9yOiB0aGlzLnBvc2l0aW9uID09PSAnb24nID8gJyM3MDcwNzAnIDogJyNmZmYnXHJcbiAgICAgIH07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0T2ZmU3RhdGVUZXh0U3R5bGVzKCk6IE9iamVjdCB8IHZvaWQge1xyXG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxyXG4gICAgICByZXR1cm4ge1xyXG4gICAgICAgIHpJbmRleDogJzInLFxyXG4gICAgICAgIGZvbnRTaXplOiAnMTRweCcsXHJcbiAgICAgICAgbWFyZ2luTGVmdDogJzE2cHgnLFxyXG4gICAgICAgIGNvbG9yOiB0aGlzLnBvc2l0aW9uID09PSAnb2ZmJyA/ICcjNzA3MDcwJyA6ICcjZmZmJ1xyXG4gICAgICB9O1xyXG4gIH1cclxufVxyXG4iLCI8bGFiZWw+e3sgbGFiZWwgfX08L2xhYmVsPlxyXG48YnV0dG9uXHJcbiAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgIGNsYXNzPVwidG9nZ2xlLWJ1dHRvblwiXHJcbiAgICAoY2xpY2spPVwidGhpcy5jbGlja0J0bi5lbWl0KGVtaXRWYWx1ZSk7IHRvZ2dsZVBvc2l0aW9uKCk7XCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICBbbmdTdHlsZV09XCJnZXRCdXR0b25TdHlsZXMoKVwiPlxyXG4gICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cIm9uU3RhdGVUZXh0XCJcclxuICAgICAgICBbbmdTdHlsZV09XCJnZXRPblN0YXRlVGV4dFN0eWxlcygpIHx8IG51bGxcIlxyXG4gICAgICAgIGNsYXNzPVwib25TdGF0ZVRleHRcIj5cclxuICAgICAgICB7e29uU3RhdGVUZXh0fX1cclxuICAgIDwvc3Bhbj5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJ0b2dnbGUtYmFsbFwiXHJcbiAgICAgIFtAdG9nZ2xlQnV0dG9uXT1cInBvc2l0aW9uXCJcclxuICAgICAgW25nU3R5bGVdPVwiZ2V0VG9nZ2xlQmFsbFN0eWxlcygpIHx8IG51bGxcIj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHNwYW5cclxuICAgICAgICAqbmdJZj1cIm9mZlN0YXRlVGV4dFwiXHJcbiAgICAgICAgW25nU3R5bGVdPVwiZ2V0T2ZmU3RhdGVUZXh0U3R5bGVzKCkgfHwgbnVsbFwiXHJcbiAgICAgICAgY2xhc3M9XCJvZmZTdGF0ZVRleHRcIj4gXHJcbiAgICAgICAge3tvZmZTdGF0ZVRleHR9fVxyXG4gICAgPC9zcGFuPlxyXG48L2J1dHRvbj5cclxuPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwic3RhdGUtaW5mby10ZXh0XCI+e3sgcG9zaXRpb24gPT09ICdvbicgPyAnWWVzJyA6ICdObycgfX08L3NwYW4+Il19
|
|
@@ -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
|
-
}
|
|
28
|
-
ExpandableArrowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableArrowComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
ExpandableArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", 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', [
|
|
30
|
-
state('collapsed', style({ transform: 'rotate({{collapsedRotation}}deg)' }), { params: { collapsedRotation: '0' } }),
|
|
31
|
-
state('expanded', style({ transform: 'rotate({{expandedRotation}}deg)' }), { params: { expandedRotation: '90' } }),
|
|
32
|
-
transition('expanded <=> collapsed', animate('300ms ease-out')),
|
|
33
|
-
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
34
|
-
])], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", 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: function () { return [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsSUFBSSxFQUFnQixLQUFLLEVBQVUsUUFBUSxFQUFhLE1BQU0sZUFBZSxDQUFDOzs7O0FBR3ZJLE1BQU0sQ0FBTixJQUFZLGlCQUtYO0FBTEQsV0FBWSxpQkFBaUI7SUFDM0IsMkRBQVMsQ0FBQTtJQUNULDhEQUFXLENBQUE7SUFDWCwyREFBVSxDQUFBO0lBQ1YseURBQVMsQ0FBQTtBQUNYLENBQUMsRUFMVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBSzVCO0FBQUEsQ0FBQztBQWNGLE1BQU0sT0FBTyx3QkFBd0I7SUFRbkMsWUFBdUMsT0FBbUM7UUFBbkMsWUFBTyxHQUFQLE9BQU8sQ0FBNEI7UUFQakUsVUFBSyxHQUFXLFNBQVMsQ0FBQztRQUMxQixrQkFBYSxHQUF3QyxPQUFPLENBQUM7UUFDN0QsZ0JBQVcsR0FBd0MsUUFBUSxDQUFDO1FBRTlELHNCQUFpQixHQUFHLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQy9DLHFCQUFnQixHQUFHLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRXdCLENBQUM7SUFFL0UsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGlCQUFpQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM5RCxDQUFDOztxSEFiVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixvSkN2QnJDLG8zQkFjQSxpR0RFYyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtZQUN0QyxLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUMsRUFBRSxDQUFDO1lBQ2xILEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGlDQUFpQyxFQUFFLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFDLGdCQUFnQixFQUFFLElBQUksRUFBQyxFQUFFLENBQUM7WUFDaEgsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQy9ELFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUNoRSxDQUFDLENBQUM7MkZBRVEsd0JBQXdCO2tCQVpwQyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN0QyxLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUMsRUFBRSxDQUFDOzRCQUNsSCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUMsRUFBRSxDQUFDOzRCQUNoSCxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUM7NEJBQy9ELFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDaEUsQ0FBQyxDQUFDOzswQkFVVSxJQUFJOzswQkFBSSxRQUFROzRDQVBwQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIHN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3QsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4uL2FmYy1leHBhbmRhYmxlLXdyYXBwZXIvYWZjLWV4cGFuZGFibGUtd3JhcHBlci5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0IGVudW0gQW5pbWF0aW9uUG9zaXRpb24ge1xyXG4gIHJpZ2h0ID0gMCxcclxuICBib3R0b20gPSA5MCxcclxuICBsZWZ0ID0gMTgwLFxyXG4gIHRvcCA9IDI3MCxcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYWZjLWV4cGFuZGFibGUtYXJyb3cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmRhYmxlLWFycm93LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLWFycm93LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZGFibGVBcnJvdycsIFtcclxuICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3JvdGF0ZSh7e2NvbGxhcHNlZFJvdGF0aW9ufX1kZWcpJyB9KSwgeyBwYXJhbXM6IHtjb2xsYXBzZWRSb3RhdGlvbjogJzAnfSB9KSxcclxuICAgIHN0YXRlKCdleHBhbmRlZCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAncm90YXRlKHt7ZXhwYW5kZWRSb3RhdGlvbn19ZGVnKScgfSksIHsgcGFyYW1zOiB7ZXhwYW5kZWRSb3RhdGlvbjogJzkwJ30gfSksXHJcbiAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSksXHJcbiAgICB0cmFuc2l0aW9uKCdjb2xsYXBzZWQgPD0+IGV4cGFuZGVkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSlcclxuICBdKV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVBcnJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICcjNDU0ZjYzJztcclxuICBASW5wdXQoKSBzdGFydFBvc2l0aW9uOiAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCcgfCAndG9wJyA9ICdyaWdodCc7XHJcbiAgQElucHV0KCkgZW5kUG9zaXRpb246ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0JyB8ICd0b3AnID0gJ2JvdHRvbSc7XHJcblxyXG4gIHB1YmxpYyBjb2xsYXBzZWRSb3RhdGlvbiA9IEFuaW1hdGlvblBvc2l0aW9uWydyaWdodCddO1xyXG4gIHB1YmxpYyBleHBhbmRlZFJvdGF0aW9uID0gQW5pbWF0aW9uUG9zaXRpb25bJ2JvdHRvbSddO1xyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIEBPcHRpb25hbCgpIHB1YmxpYyB3cmFwcGVyOiBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jb2xsYXBzZWRSb3RhdGlvbiA9IEFuaW1hdGlvblBvc2l0aW9uW3RoaXMuc3RhcnRQb3NpdGlvbl07XHJcbiAgICB0aGlzLmV4cGFuZGVkUm90YXRpb24gPSBBbmltYXRpb25Qb3NpdGlvblt0aGlzLmVuZFBvc2l0aW9uXTtcclxuICB9XHJcbn1cclxuIiwiPHNwYW4gY2xhc3M9XCJleHBhbmRhYmxlLWFycm93XCIgI2Fycm93PlxyXG4gIDxzdmdcclxuICAgIFtAZXhwYW5kYWJsZUFycm93XT1cIntcclxuICAgICAgdmFsdWU6ICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCcsXHJcbiAgICAgIHBhcmFtczoge1xyXG4gICAgICAgIGNvbGxhcHNlZFJvdGF0aW9uLFxyXG4gICAgICAgIGV4cGFuZGVkUm90YXRpb25cclxuICAgICAgfVxyXG4gICAgfVwiXHJcbiAgICBpZD1cImljb25zX25leHRcIiBkYXRhLW5hbWU9XCJpY29ucy9uZXh0XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cclxuICAgIDxyZWN0IGlkPVwiYmdcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiBmaWxsPVwibm9uZVwiLz5cclxuICAgIDxwYXRoIGlkPVwidW5pb25cIiBkPVwiTTE1OTcuNTQxLTQuNGwtNS45MjktNS45M2EuNzQyLjc0MiwwLDAsMS0uMDgxLS4wNy43NDcuNzQ3LDAsMCwxLS4yMTktLjUzNi43NDcuNzQ3LDAsMCwxLC4yMTktLjUzNS43NTEuNzUxLDAsMCwxLC4wNzgtLjA2OGw1LjkzMi01LjkzMmEuNzUxLjc1MSwwLDAsMSwxLjA2MSwwLC43NTEuNzUxLDAsMCwxLDAsMS4wNjFsLTUuNDc2LDUuNDc1LDUuNDc2LDUuNDc1YS43NTEuNzUxLDAsMCwxLDAsMS4wNjEuNzQ5Ljc0OSwwLDAsMS0uNTMxLjIxOUEuNzQ5Ljc0OSwwLDAsMSwxNTk3LjU0MS00LjRaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDE2MDcuODMyIDEuMDUyKSByb3RhdGUoMTgwKVwiIFthdHRyLmZpbGxdPVwiY29sb3JcIi8+XHJcbiAgPC9zdmc+XHJcbjwvc3Bhbj5cclxuIl19
|
|
@@ -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
|
-
}
|
|
11
|
-
ExpandableContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableContainerComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
ExpandableContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", 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', [
|
|
13
|
-
state('collapsed', style({ height: '0px', minHeight: '0', visibility: 'hidden', border: 'none', overflow: 'hidden' })),
|
|
14
|
-
state('expanded', style({ height: '*' })),
|
|
15
|
-
transition('expanded <=> collapsed', animate('300ms ease-out'))
|
|
16
|
-
])], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", 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: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
25
|
-
type: Host
|
|
26
|
-
}, {
|
|
27
|
-
type: Optional
|
|
28
|
-
}] }]; } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5kYWJsZS9leHBhbmRhYmxlLWNvbnRhaW5lci9leHBhbmRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtY29udGFpbmVyL2V4cGFuZGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBaUJqRixNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO0lBQUksQ0FBQzs7eUhBRHBFLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLGdFQ2xCekMsK0pBR0EscUlETWMsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLEVBQUU7WUFDdEMsS0FBSyxDQUNILFdBQVcsRUFDWCxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUNuRztZQUNELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDekMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1NBQ2hFLENBQUMsQ0FBQzsyRkFFUSw0QkFBNEI7a0JBZHhDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN0QyxLQUFLLENBQ0gsV0FBVyxFQUNYLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQ25HOzRCQUNELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQ3pDLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDaEUsQ0FBQyxDQUFDOzswQkFHVSxJQUFJOzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIHN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FmYy1leHBhbmRhYmxlLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRDb250YWluZXInLCBbXHJcbiAgICBzdGF0ZShcclxuICAgICAgJ2NvbGxhcHNlZCcsXHJcbiAgICAgIHN0eWxlKHsgaGVpZ2h0OiAnMHB4JywgbWluSGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nLCBib3JkZXI6ICdub25lJywgb3ZlcmZsb3c6ICdoaWRkZW4nIH0pXHJcbiAgICApLFxyXG4gICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJyB9KSksXHJcbiAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSlcclxuICBdKV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVDb250YWluZXJDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgcHVibGljIHdyYXBwZXI6IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50KSB7IH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZXhwYW5kLWNvbnRhaW5lclwiIFtAZXhwYW5kQ29udGFpbmVyXT1cIih3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Injectable } from '@angular/core';
|
|
2
|
-
import { map } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/cdk/layout";
|
|
5
|
-
export class BreakpointLibService {
|
|
6
|
-
constructor(responsive) {
|
|
7
|
-
this.responsive = responsive;
|
|
8
|
-
this.isMobile$ = this.responsive.observe(['(max-width: 768px)']).pipe(map((result) => !result.matches));
|
|
9
|
-
this.isTablet$ = this.responsive.observe(['(max-width: 1024px)']).pipe(map((result) => !result.matches));
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
BreakpointLibService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: BreakpointLibService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
13
|
-
BreakpointLibService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: BreakpointLibService });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: BreakpointLibService, decorators: [{
|
|
15
|
-
type: Injectable
|
|
16
|
-
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvc2VydmljZXMvYnJlYWtwb2ludC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBRzNCLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBb0IsVUFBOEI7UUFBOUIsZUFBVSxHQUFWLFVBQVUsQ0FBb0I7UUFFM0MsY0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFFbkcsY0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFKckQsQ0FBQzs7aUhBRDVDLG9CQUFvQjtxSEFBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBRGhDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcclxuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzJztcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIEJyZWFrcG9pbnRMaWJTZXJ2aWNlIHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlc3BvbnNpdmU6IEJyZWFrcG9pbnRPYnNlcnZlcikgeyB9XHJcblxyXG4gIHB1YmxpYyBpc01vYmlsZSQgPSB0aGlzLnJlc3BvbnNpdmUub2JzZXJ2ZShbJyhtYXgtd2lkdGg6IDc2OHB4KSddKS5waXBlKG1hcCgocmVzdWx0KSA9PiAhcmVzdWx0Lm1hdGNoZXMpKTtcclxuXHJcbiAgcHVibGljIGlzVGFibGV0JCA9IHRoaXMucmVzcG9uc2l2ZS5vYnNlcnZlKFsnKG1heC13aWR0aDogMTAyNHB4KSddKS5waXBlKG1hcCgocmVzdWx0KSA9PiAhcmVzdWx0Lm1hdGNoZXMpKTtcclxufVxyXG4iXX0=
|
package/esm2020/public-api.mjs
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of af-connect-components
|
|
3
|
-
*/
|
|
4
|
-
export * from './lib/af-connect-components.service';
|
|
5
|
-
export * from './lib/af-connect-components.component';
|
|
6
|
-
export * from './lib/af-connect-components.module';
|
|
7
|
-
export * from './lib/af-connect-footer/af-connect-footer.component';
|
|
8
|
-
export * from './lib/faq/faq/faq.component';
|
|
9
|
-
export * from './lib/faq/faq-item/faq-item.component';
|
|
10
|
-
export * from './lib/faq/image-fallback/image-fallback.component';
|
|
11
|
-
export * from './lib/af-connect-header/af-connect-header.component';
|
|
12
|
-
export * from './lib/af-connect-products-carousel/af-connect-products-carousel.component';
|
|
13
|
-
export * from './lib/af-connect-button/af-connect-button.component';
|
|
14
|
-
export * from './lib/af-connect-card/af-connect-card.component';
|
|
15
|
-
export * from './lib/af-connect-card/af-connect-card-header/af-connect-card-header.component';
|
|
16
|
-
export * from './lib/af-connect-chart/af-connect-chart.component';
|
|
17
|
-
export * from './lib/af-connect-chip/af-connect-chip.component';
|
|
18
|
-
export * from './lib/af-connect-content/af-connect-content.component';
|
|
19
|
-
export * from './lib/af-connect-datepicker/af-connect-datepicker.component';
|
|
20
|
-
export * from './lib/af-connect-error/af-connect-error.component';
|
|
21
|
-
export * from './lib/af-connect-form-group/af-connect-form-group.component';
|
|
22
|
-
export * from './lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component';
|
|
23
|
-
export * from './lib/af-connect-inline-error/af-connect-inline-error.component';
|
|
24
|
-
export * from './lib/af-connect-input/af-connect-input.component';
|
|
25
|
-
export * from './lib/af-connect-loading-spinner/af-connect-loading-spinner.component';
|
|
26
|
-
export * from './lib/af-connect-modal/af-connect-modal.component';
|
|
27
|
-
export * from './lib/af-connect-no-content/af-connect-no-content.component';
|
|
28
|
-
export * from './lib/af-connect-notification/af-connect-notification.component';
|
|
29
|
-
export * from './lib/af-connect-progress-bar/af-connect-progress-bar.component';
|
|
30
|
-
export * from './lib/af-connect-radio-button/af-connect-radio-button.component';
|
|
31
|
-
export * from './lib/af-connect-radio-group/af-connect-radio-group.component';
|
|
32
|
-
export * from './lib/af-connect-section/af-connect-section.component';
|
|
33
|
-
export * from './lib/af-connect-section-header/af-connect-section-header.component';
|
|
34
|
-
export * from './lib/af-connect-select/af-connect-select.component';
|
|
35
|
-
export * from './lib/af-connect-svg-button/af-connect-svg-button.component';
|
|
36
|
-
export * from './lib/af-connect-tab/af-connect-tab.component';
|
|
37
|
-
export * from './lib/af-connect-table/af-connect-table.component';
|
|
38
|
-
export * from './lib/af-connect-tabs/af-connect-tabs.component';
|
|
39
|
-
export * from './lib/af-connect-toaster-message/af-connect-toaster-message.component';
|
|
40
|
-
export * from './lib/af-connect-toggle-button/af-connect-toggle-button.component';
|
|
41
|
-
export * from './lib/af-connect-tooltip/af-connect-tooltip.component';
|
|
42
|
-
export * from './lib/af-connect-breadcrumb/af-connect-breadcrumb.component';
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyxxREFBcUQsQ0FBQztBQUNwRSxjQUFjLDJFQUEyRSxDQUFDO0FBQzFGLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLCtFQUErRSxDQUFDO0FBQzlGLGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMscUZBQXFGLENBQUM7QUFDcEcsY0FBYyxpRUFBaUUsQ0FBQztBQUNoRixjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsdUVBQXVFLENBQUM7QUFDdEYsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyxpRUFBaUUsQ0FBQztBQUNoRixjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHVFQUF1RSxDQUFDO0FBQ3RGLGNBQWMsbUVBQW1FLENBQUM7QUFDbEYsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLDZEQUE2RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFmLWNvbm5lY3QtY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtY29tcG9uZW50cy5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC1jb21wb25lbnRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtY29tcG9uZW50cy5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWZvb3Rlci9hZi1jb25uZWN0LWZvb3Rlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mYXEvZmFxL2ZhcS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mYXEvZmFxLWl0ZW0vZmFxLWl0ZW0uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmFxL2ltYWdlLWZhbGxiYWNrL2ltYWdlLWZhbGxiYWNrLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtaGVhZGVyL2FmLWNvbm5lY3QtaGVhZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwvYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWJ1dHRvbi9hZi1jb25uZWN0LWJ1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWNhcmQvYWYtY29ubmVjdC1jYXJkLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtY2FyZC9hZi1jb25uZWN0LWNhcmQtaGVhZGVyL2FmLWNvbm5lY3QtY2FyZC1oZWFkZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC1jaGFydC9hZi1jb25uZWN0LWNoYXJ0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtY2hpcC9hZi1jb25uZWN0LWNoaXAuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC1jb250ZW50L2FmLWNvbm5lY3QtY29udGVudC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWRhdGVwaWNrZXIvYWYtY29ubmVjdC1kYXRlcGlja2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtZXJyb3IvYWYtY29ubmVjdC1lcnJvci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWZvcm0tZ3JvdXAvYWYtY29ubmVjdC1mb3JtLWdyb3VwLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycy9hZi1jb25uZWN0LWZvcm0tdmFsaWRhdGlvbi1lcnJvcnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IvYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC1pbnB1dC9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtbG9hZGluZy1zcGlubmVyL2FmLWNvbm5lY3QtbG9hZGluZy1zcGlubmVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtbW9kYWwvYWYtY29ubmVjdC1tb2RhbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LW5vLWNvbnRlbnQvYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3Qtbm90aWZpY2F0aW9uL2FmLWNvbm5lY3Qtbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyL2FmLWNvbm5lY3QtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAvYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LXNlY3Rpb24vYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3Qtc2VjdGlvbi1oZWFkZXIvYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LXNlbGVjdC9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LXN2Zy1idXR0b24vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtdGFiL2FmLWNvbm5lY3QtdGFiLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtdGFibGUvYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LXRhYnMvYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlL2FmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYWYtY29ubmVjdC10b29sdGlwL2FmLWNvbm5lY3QtdG9vbHRpcC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hZi1jb25uZWN0LWJyZWFkY3J1bWIvYWYtY29ubmVjdC1icmVhZGNydW1iLmNvbXBvbmVudCc7XHJcblxyXG5cclxuXHJcbiJdfQ==
|
|
@@ -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
|
-
}
|
|
14
|
-
GetinItialsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: GetinItialsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
15
|
-
GetinItialsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.0", ngImport: i0, type: GetinItialsPipe, name: "getInitials" });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: GetinItialsPipe, decorators: [{
|
|
17
|
-
type: Pipe,
|
|
18
|
-
args: [{ name: 'getInitials' }]
|
|
19
|
-
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0LWluaXRpYWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9zaGFyZWQvcGlwZXMvZ2V0LWluaXRpYWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQUNwRDs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFlO0lBQzFCLFNBQVMsQ0FBQyxLQUF5QjtRQUNqQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDM0UsQ0FBQzs7NEdBTlUsZUFBZTswR0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBRDNCLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG4vKipcclxuICogR2V0cyB0aGUgaW5pdGlhbHMgb2YgYSBOYW1lIChGaXJzdCBTZWNvbmQgLT4gRlMpXHJcbiAqL1xyXG5AUGlwZSh7IG5hbWU6ICdnZXRJbml0aWFscycgfSlcclxuZXhwb3J0IGNsYXNzIEdldGluSXRpYWxzUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKTogc3RyaW5nIHtcclxuICAgIGlmICghdmFsdWUpIHtcclxuICAgICAgcmV0dXJuICcnO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHZhbHVlLnNwbGl0KCcgJykubWFwKHdvcmQgPT4gd29yZC5jaGFyQXQoMCkpLmpvaW4oJycpLnNsaWNlKDAsIDIpO1xyXG4gIH1cclxufVxyXG4iXX0=
|