af-connect-components 18.0.2 → 18.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2020 → esm2022}/af-connect-components.mjs +4 -4
- package/{esm2020 → esm2022}/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +22 -22
- package/esm2022/lib/af-connect-button/af-connect-button.component.mjs +47 -0
- package/{esm2020 → esm2022}/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +33 -33
- package/esm2022/lib/af-connect-card/af-connect-card.component.mjs +17 -0
- package/{esm2020 → esm2022}/lib/af-connect-chart/af-connect-chart.component.mjs +11 -11
- package/esm2022/lib/af-connect-chip/af-connect-chip.component.mjs +23 -0
- package/{esm2020 → esm2022}/lib/af-connect-components.component.mjs +12 -12
- package/{esm2020 → esm2022}/lib/af-connect-components.module.mjs +235 -235
- package/{esm2020 → esm2022}/lib/af-connect-components.service.mjs +14 -14
- package/{esm2020 → esm2022}/lib/af-connect-content/af-connect-content.component.mjs +14 -14
- package/{esm2020 → esm2022}/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/af-connect-error/af-connect-error.component.mjs +26 -26
- package/esm2022/lib/af-connect-footer/af-connect-footer.component.mjs +316 -0
- package/{esm2020 → esm2022}/lib/af-connect-form-group/af-connect-form-group.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +21 -21
- package/{esm2020 → esm2022}/lib/af-connect-header/af-connect-header.component.mjs +79 -79
- package/{esm2020 → esm2022}/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +29 -29
- package/esm2022/lib/af-connect-input/af-connect-input.component.mjs +92 -0
- package/{esm2020 → esm2022}/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +18 -18
- package/esm2022/lib/af-connect-modal/af-connect-modal.component.mjs +101 -0
- package/{esm2020 → esm2022}/lib/af-connect-no-content/af-connect-no-content.component.mjs +26 -26
- package/{esm2020 → esm2022}/lib/af-connect-notification/af-connect-notification.component.mjs +15 -15
- package/{esm2020 → esm2022}/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +47 -47
- package/{esm2020 → esm2022}/lib/af-connect-products-carousel/defaultConfig.mjs +26 -26
- package/esm2022/lib/af-connect-products-carousel/image-card/image-card.component.mjs +27 -0
- package/esm2022/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +85 -0
- package/esm2022/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +45 -0
- package/{esm2020 → esm2022}/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +99 -99
- package/esm2022/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +114 -0
- package/{esm2020 → esm2022}/lib/af-connect-section/af-connect-section.component.mjs +14 -14
- package/{esm2020 → esm2022}/lib/af-connect-section-header/af-connect-section-header.component.mjs +35 -35
- package/{esm2020 → esm2022}/lib/af-connect-select/af-connect-select.component.mjs +11 -11
- package/{esm2020 → esm2022}/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +27 -27
- package/{esm2020 → esm2022}/lib/af-connect-tab/af-connect-tab.component.mjs +20 -20
- package/{esm2020 → esm2022}/lib/af-connect-table/af-connect-table.component.mjs +11 -11
- package/esm2022/lib/af-connect-tabs/af-connect-tabs.component.mjs +87 -0
- package/{esm2020 → esm2022}/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +33 -33
- package/esm2022/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +133 -0
- package/{esm2020 → esm2022}/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +48 -48
- package/{esm2020 → esm2022}/lib/af-connect-tooltip/types.mjs +1 -1
- package/{esm2020 → esm2022}/lib/constants/animation.constants.mjs +121 -121
- package/{esm2020 → esm2022}/lib/constants/base.constants.mjs +9 -9
- package/{esm2020 → esm2022}/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +23 -23
- package/esm2022/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +54 -0
- package/esm2022/lib/expandable/expandable-container/expandable-container.component.mjs +29 -0
- package/{esm2020 → esm2022}/lib/faq/faq/faq.component.mjs +22 -22
- package/{esm2020 → esm2022}/lib/faq/faq-item/faq-item.component.mjs +16 -16
- package/{esm2020 → esm2022}/lib/faq/faqItem.mjs +1 -1
- package/{esm2020 → esm2022}/lib/faq/image-fallback/image-fallback.component.mjs +55 -55
- package/{esm2020 → esm2022}/lib/models/notification-response.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/radio.model.mjs +1 -1
- package/{esm2020 → esm2022}/lib/models/url-config.mjs +1 -1
- package/{esm2020 → esm2022}/lib/services/breakpoint.service.mjs +17 -17
- package/{esm2020 → esm2022}/lib/utilities/number.util.mjs +3 -3
- package/{esm2020 → esm2022}/public-api.mjs +42 -42
- package/esm2022/shared/pipes/get-initials.mjs +20 -0
- package/{fesm2020 → fesm2022}/af-connect-components.mjs +2097 -2097
- package/fesm2022/af-connect-components.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.d.ts +10 -10
- package/lib/af-connect-button/af-connect-button.component.d.ts +21 -21
- package/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.d.ts +14 -14
- package/lib/af-connect-card/af-connect-card.component.d.ts +8 -8
- package/lib/af-connect-chart/af-connect-chart.component.d.ts +5 -5
- package/lib/af-connect-chip/af-connect-chip.component.d.ts +12 -12
- package/lib/af-connect-components.component.d.ts +5 -5
- package/lib/af-connect-components.module.d.ts +51 -51
- package/lib/af-connect-components.service.d.ts +6 -6
- package/lib/af-connect-content/af-connect-content.component.d.ts +8 -8
- package/lib/af-connect-datepicker/af-connect-datepicker.component.d.ts +5 -5
- package/lib/af-connect-error/af-connect-error.component.d.ts +12 -12
- package/lib/af-connect-footer/af-connect-footer.component.d.ts +166 -166
- package/lib/af-connect-form-group/af-connect-form-group.component.d.ts +5 -5
- package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts +10 -10
- package/lib/af-connect-header/af-connect-header.component.d.ts +31 -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 +37 -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-section/af-connect-section.component.d.ts +8 -8
- package/lib/af-connect-section-header/af-connect-section-header.component.d.ts +15 -15
- package/lib/af-connect-select/af-connect-select.component.d.ts +5 -5
- package/lib/af-connect-svg-button/af-connect-svg-button.component.d.ts +14 -14
- package/lib/af-connect-tab/af-connect-tab.component.d.ts +9 -9
- package/lib/af-connect-table/af-connect-table.component.d.ts +5 -5
- package/lib/af-connect-tabs/af-connect-tabs.component.d.ts +25 -25
- package/lib/af-connect-toaster-message/af-connect-toaster-message.component.d.ts +13 -13
- package/lib/af-connect-toggle-button/af-connect-toggle-button.component.d.ts +37 -37
- package/lib/af-connect-tooltip/af-connect-tooltip.component.d.ts +16 -16
- package/lib/af-connect-tooltip/types.d.ts +1 -1
- package/lib/constants/animation.constants.d.ts +13 -13
- package/lib/constants/base.constants.d.ts +10 -10
- package/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.d.ts +8 -8
- package/lib/expandable/expandable-arrow/expandable-arrow.component.d.ts +21 -21
- package/lib/expandable/expandable-container/expandable-container.component.d.ts +8 -8
- package/lib/faq/faq/faq.component.d.ts +9 -9
- package/lib/faq/faq-item/faq-item.component.d.ts +7 -7
- package/lib/faq/faqItem.d.ts +7 -7
- package/lib/faq/image-fallback/image-fallback.component.d.ts +18 -18
- package/lib/models/notification-response.model.d.ts +17 -17
- package/lib/models/radio.model.d.ts +3 -3
- package/lib/models/url-config.d.ts +5 -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 +39 -39
- package/shared/pipes/get-initials.d.ts +10 -10
- package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +0 -47
- package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +0 -17
- package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +0 -23
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +0 -316
- package/esm2020/lib/af-connect-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/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.map +0 -1
package/public-api.d.ts
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
export * from './lib/af-connect-components.service';
|
|
2
|
-
export * from './lib/af-connect-components.component';
|
|
3
|
-
export * from './lib/af-connect-components.module';
|
|
4
|
-
export * from './lib/af-connect-footer/af-connect-footer.component';
|
|
5
|
-
export * from './lib/faq/faq/faq.component';
|
|
6
|
-
export * from './lib/faq/faq-item/faq-item.component';
|
|
7
|
-
export * from './lib/faq/image-fallback/image-fallback.component';
|
|
8
|
-
export * from './lib/af-connect-header/af-connect-header.component';
|
|
9
|
-
export * from './lib/af-connect-products-carousel/af-connect-products-carousel.component';
|
|
10
|
-
export * from './lib/af-connect-button/af-connect-button.component';
|
|
11
|
-
export * from './lib/af-connect-card/af-connect-card.component';
|
|
12
|
-
export * from './lib/af-connect-card/af-connect-card-header/af-connect-card-header.component';
|
|
13
|
-
export * from './lib/af-connect-chart/af-connect-chart.component';
|
|
14
|
-
export * from './lib/af-connect-chip/af-connect-chip.component';
|
|
15
|
-
export * from './lib/af-connect-content/af-connect-content.component';
|
|
16
|
-
export * from './lib/af-connect-datepicker/af-connect-datepicker.component';
|
|
17
|
-
export * from './lib/af-connect-error/af-connect-error.component';
|
|
18
|
-
export * from './lib/af-connect-form-group/af-connect-form-group.component';
|
|
19
|
-
export * from './lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component';
|
|
20
|
-
export * from './lib/af-connect-inline-error/af-connect-inline-error.component';
|
|
21
|
-
export * from './lib/af-connect-input/af-connect-input.component';
|
|
22
|
-
export * from './lib/af-connect-loading-spinner/af-connect-loading-spinner.component';
|
|
23
|
-
export * from './lib/af-connect-modal/af-connect-modal.component';
|
|
24
|
-
export * from './lib/af-connect-no-content/af-connect-no-content.component';
|
|
25
|
-
export * from './lib/af-connect-notification/af-connect-notification.component';
|
|
26
|
-
export * from './lib/af-connect-progress-bar/af-connect-progress-bar.component';
|
|
27
|
-
export * from './lib/af-connect-radio-button/af-connect-radio-button.component';
|
|
28
|
-
export * from './lib/af-connect-radio-group/af-connect-radio-group.component';
|
|
29
|
-
export * from './lib/af-connect-section/af-connect-section.component';
|
|
30
|
-
export * from './lib/af-connect-section-header/af-connect-section-header.component';
|
|
31
|
-
export * from './lib/af-connect-select/af-connect-select.component';
|
|
32
|
-
export * from './lib/af-connect-svg-button/af-connect-svg-button.component';
|
|
33
|
-
export * from './lib/af-connect-tab/af-connect-tab.component';
|
|
34
|
-
export * from './lib/af-connect-table/af-connect-table.component';
|
|
35
|
-
export * from './lib/af-connect-tabs/af-connect-tabs.component';
|
|
36
|
-
export * from './lib/af-connect-toaster-message/af-connect-toaster-message.component';
|
|
37
|
-
export * from './lib/af-connect-toggle-button/af-connect-toggle-button.component';
|
|
38
|
-
export * from './lib/af-connect-tooltip/af-connect-tooltip.component';
|
|
39
|
-
export * from './lib/af-connect-breadcrumb/af-connect-breadcrumb.component';
|
|
1
|
+
export * from './lib/af-connect-components.service';
|
|
2
|
+
export * from './lib/af-connect-components.component';
|
|
3
|
+
export * from './lib/af-connect-components.module';
|
|
4
|
+
export * from './lib/af-connect-footer/af-connect-footer.component';
|
|
5
|
+
export * from './lib/faq/faq/faq.component';
|
|
6
|
+
export * from './lib/faq/faq-item/faq-item.component';
|
|
7
|
+
export * from './lib/faq/image-fallback/image-fallback.component';
|
|
8
|
+
export * from './lib/af-connect-header/af-connect-header.component';
|
|
9
|
+
export * from './lib/af-connect-products-carousel/af-connect-products-carousel.component';
|
|
10
|
+
export * from './lib/af-connect-button/af-connect-button.component';
|
|
11
|
+
export * from './lib/af-connect-card/af-connect-card.component';
|
|
12
|
+
export * from './lib/af-connect-card/af-connect-card-header/af-connect-card-header.component';
|
|
13
|
+
export * from './lib/af-connect-chart/af-connect-chart.component';
|
|
14
|
+
export * from './lib/af-connect-chip/af-connect-chip.component';
|
|
15
|
+
export * from './lib/af-connect-content/af-connect-content.component';
|
|
16
|
+
export * from './lib/af-connect-datepicker/af-connect-datepicker.component';
|
|
17
|
+
export * from './lib/af-connect-error/af-connect-error.component';
|
|
18
|
+
export * from './lib/af-connect-form-group/af-connect-form-group.component';
|
|
19
|
+
export * from './lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component';
|
|
20
|
+
export * from './lib/af-connect-inline-error/af-connect-inline-error.component';
|
|
21
|
+
export * from './lib/af-connect-input/af-connect-input.component';
|
|
22
|
+
export * from './lib/af-connect-loading-spinner/af-connect-loading-spinner.component';
|
|
23
|
+
export * from './lib/af-connect-modal/af-connect-modal.component';
|
|
24
|
+
export * from './lib/af-connect-no-content/af-connect-no-content.component';
|
|
25
|
+
export * from './lib/af-connect-notification/af-connect-notification.component';
|
|
26
|
+
export * from './lib/af-connect-progress-bar/af-connect-progress-bar.component';
|
|
27
|
+
export * from './lib/af-connect-radio-button/af-connect-radio-button.component';
|
|
28
|
+
export * from './lib/af-connect-radio-group/af-connect-radio-group.component';
|
|
29
|
+
export * from './lib/af-connect-section/af-connect-section.component';
|
|
30
|
+
export * from './lib/af-connect-section-header/af-connect-section-header.component';
|
|
31
|
+
export * from './lib/af-connect-select/af-connect-select.component';
|
|
32
|
+
export * from './lib/af-connect-svg-button/af-connect-svg-button.component';
|
|
33
|
+
export * from './lib/af-connect-tab/af-connect-tab.component';
|
|
34
|
+
export * from './lib/af-connect-table/af-connect-table.component';
|
|
35
|
+
export * from './lib/af-connect-tabs/af-connect-tabs.component';
|
|
36
|
+
export * from './lib/af-connect-toaster-message/af-connect-toaster-message.component';
|
|
37
|
+
export * from './lib/af-connect-toggle-button/af-connect-toggle-button.component';
|
|
38
|
+
export * from './lib/af-connect-tooltip/af-connect-tooltip.component';
|
|
39
|
+
export * from './lib/af-connect-breadcrumb/af-connect-breadcrumb.component';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Gets the initials of a Name (First Second -> FS)
|
|
5
|
-
*/
|
|
6
|
-
export declare class GetinItialsPipe implements PipeTransform {
|
|
7
|
-
transform(value: string | undefined): string;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<GetinItialsPipe, never>;
|
|
9
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<GetinItialsPipe, "getInitials", false>;
|
|
10
|
-
}
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Gets the initials of a Name (First Second -> FS)
|
|
5
|
+
*/
|
|
6
|
+
export declare class GetinItialsPipe implements PipeTransform {
|
|
7
|
+
transform(value: string | undefined): string;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GetinItialsPipe, never>;
|
|
9
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<GetinItialsPipe, "getInitials", false>;
|
|
10
|
+
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class AfConnectButtonComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.title = '';
|
|
7
|
-
this.size = 'small';
|
|
8
|
-
this.variant = 'outlined';
|
|
9
|
-
this.iconSize = 14;
|
|
10
|
-
this.iconPosition = 'start';
|
|
11
|
-
this.clickBtn = new EventEmitter();
|
|
12
|
-
}
|
|
13
|
-
ngOnInit() { }
|
|
14
|
-
}
|
|
15
|
-
AfConnectButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
AfConnectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: { isActive: "isActive", emitValue: "emitValue", title: "title", disabled: "disabled", hybrid: "hybrid", fullWidth: "fullWidth", size: "size", variant: "variant", iconSrc: "iconSrc", iconSize: "iconSize", iconPosition: "iconPosition", activeItem: "activeItem" }, outputs: { clickBtn: "clickBtn" }, ngImport: i0, template: "<button\r\n [class.hybrid]=\"hybrid\"\r\n [ngClass]=\"[\r\n fullWidth ? 'fullWidth' : '', 'button',\r\n size,\r\n variant,\r\n activeItem === title || isActive ? 'active' : '',\r\n iconPosition\r\n ]\"\r\n title=\"\"\r\n [disabled]=\"disabled\"\r\n (click)=\"this.clickBtn.emit(emitValue || title)\"\r\n>\r\n <!-- TODO: Templates -->\r\n <div\r\n *ngIf=\"iconSrc\"\r\n [ngStyle]=\"{\r\n '-webkit-mask-image': 'url(' + iconSrc + ')',\r\n 'width': iconSize + 'px'\r\n }\"\r\n class=\"icon\"\r\n >\r\n </div>\r\n <span [class]=\"['title', size, variant]\">{{ title }}</span>\r\n</button>\r\n", styles: [":host{display:flex;justify-content:center;width:auto}:host(.align-right){justify-content:flex-end}:host(.align-left){justify-content:flex-start}:host(.full-width) .button{width:100%}:host(.register-button) .button{color:var(--main-white-color);border-color:var(--main-white-color)}.button{display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border-radius:30px;font-size:.8rem;padding:0 10px;background-color:var(--transparent-color);color:var(--primary-connected-orange-color);border:solid 1px var(--primary-connected-orange-color)}.button:disabled{border-color:var(--neutral-anchor-color);color:var(--neutral-anchor-color);cursor:auto}.button:disabled .icon{background:var(--neutral-anchor-color)}.button.small{width:8.4rem;height:2rem}.button.dynamic{width:100%;height:2rem}.button.medium{width:8.875rem;height:2.6rem}@media (max-width: 1024px){.button.medium{height:2.1rem}}.button.large{width:12rem;height:2.6rem}@media (max-width: 1024px){.button.large{min-width:8.5rem;height:2.3rem;font-size:12px}}@media (max-width: 768px){.button.large{min-width:6rem;max-width:6rem;max-height:30px;height:2.3rem;font-size:12px;padding:0 5px}}.button.x-large{width:22rem;height:3.1875rem;font-size:1.375rem}@media (max-width: 1024px){.button.x-large{width:11.8rem;height:2.5rem;font-size:1rem}}.button.block{width:22rem;font-size:1rem;height:3rem}@media (max-width: 1024px){.button.block{width:11.8rem;height:2.5rem}}.button.filled{color:var(--main-white-color);background-color:var(--primary-connected-orange-color)}.button.filled:hover:not(:disabled){background:var(--primary-catalyst-yellow-color) 0% 0% no-repeat padding-box;border-color:var(--primary-catalyst-yellow-color)}.button.filled:disabled{background-color:var(--neutral-button-color);color:var(--neutral-anchor-color);border-color:var(--neutral-button-color)}.button.transparent{color:var(--main-white-color);border:solid 1px var(--main-white-color)}.button.cancel{color:var(--neutral-anchor-color);background:var(--neutral-button-color);border:none}.button.link{color:var(--primary-connected-orange-color);background:none;border:none;padding:0;height:-moz-fit-content;height:fit-content;width:auto;display:block}.button.link:disabled{color:var(--neutral-anchor-color)}.button.link:hover:not(:disabled),.button.link:disabled{background:transparent}@media (max-width: 768px){.button.hybrid{color:var(--primary-connected-orange-color);background:none;border:none;padding:0;height:-moz-fit-content;height:fit-content;width:auto;display:block}.button.hybrid:disabled{color:var(--neutral-anchor-color)}.button.hybrid:hover:not(:disabled),.button.hybrid:disabled{background:transparent}.button.hybrid .icon{display:none}}.button.fullWidth{width:100%}.button.greyish{padding:10px 8px;color:var(--main-black-color);background:var(--neutral-button-color);border:none;font-family:var(--standard-font-family-hero-new);font-size:.875rem;width:6.25rem;height:2.35rem;transition:background-color 125ms ease-in-out}.button.greyish>.title{white-space:nowrap;font-family:var(--standard-font-family-hero-new);font-size:14px}.button.greyish.small{height:2rem;width:5.5rem}@media (max-width: 768px){.button.greyish.small{min-width:auto;max-width:4.8rem}}.button.greyish.active{background-color:var(--primary-balanced-teal-color);color:var(--main-white-color)}@media (max-width: 768px){.button.greyish{min-width:100%;width:auto;max-height:2rem;padding:0}}.button.start{flex-direction:row}.button.end{flex-direction:row-reverse}.mat-button-disabled{opacity:.5;pointer-events:none}.icon{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;aspect-ratio:1;background:var(--primary-connected-orange-color)}.filled .icon{background:var(--main-white-color)}.title{font-family:var(--standard-font-family-hero-new-bold);font-size:14px}.title.small,.title.dynamic{font-size:12px}.title.medium{font-size:14px}.title.x-large{font-size:1.375rem;font-family:var(--standard-font-family-hero-new)}.title.link{font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.title{font-size:.75rem}.title.x-large{font-size:1rem}}@media (max-width: 768px){.title.large{font-family:var(--standard-font-family-hero-new-semibold)}}:host(.bold) .title{font-family:var(--standard-font-family-hero-new-semibold)}:host(.filter) .button.small{min-height:32px}:host(.filter) .title{font-size:1rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){:host(.filter) .title{font-size:14px}}:host(.filter) .button{max-width:6.5rem}@media (max-width: 768px){:host(.filter) .button{max-width:4.5rem;max-height:1.75rem}}:host(.auto-width){width:auto}:host(.full-width){width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectButtonComponent, decorators: [{
|
|
18
|
-
type: Component,
|
|
19
|
-
args: [{ selector: 'lib-af-connect-button', template: "<button\r\n [class.hybrid]=\"hybrid\"\r\n [ngClass]=\"[\r\n fullWidth ? 'fullWidth' : '', 'button',\r\n size,\r\n variant,\r\n activeItem === title || isActive ? 'active' : '',\r\n iconPosition\r\n ]\"\r\n title=\"\"\r\n [disabled]=\"disabled\"\r\n (click)=\"this.clickBtn.emit(emitValue || title)\"\r\n>\r\n <!-- TODO: Templates -->\r\n <div\r\n *ngIf=\"iconSrc\"\r\n [ngStyle]=\"{\r\n '-webkit-mask-image': 'url(' + iconSrc + ')',\r\n 'width': iconSize + 'px'\r\n }\"\r\n class=\"icon\"\r\n >\r\n </div>\r\n <span [class]=\"['title', size, variant]\">{{ title }}</span>\r\n</button>\r\n", styles: [":host{display:flex;justify-content:center;width:auto}:host(.align-right){justify-content:flex-end}:host(.align-left){justify-content:flex-start}:host(.full-width) .button{width:100%}:host(.register-button) .button{color:var(--main-white-color);border-color:var(--main-white-color)}.button{display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border-radius:30px;font-size:.8rem;padding:0 10px;background-color:var(--transparent-color);color:var(--primary-connected-orange-color);border:solid 1px var(--primary-connected-orange-color)}.button:disabled{border-color:var(--neutral-anchor-color);color:var(--neutral-anchor-color);cursor:auto}.button:disabled .icon{background:var(--neutral-anchor-color)}.button.small{width:8.4rem;height:2rem}.button.dynamic{width:100%;height:2rem}.button.medium{width:8.875rem;height:2.6rem}@media (max-width: 1024px){.button.medium{height:2.1rem}}.button.large{width:12rem;height:2.6rem}@media (max-width: 1024px){.button.large{min-width:8.5rem;height:2.3rem;font-size:12px}}@media (max-width: 768px){.button.large{min-width:6rem;max-width:6rem;max-height:30px;height:2.3rem;font-size:12px;padding:0 5px}}.button.x-large{width:22rem;height:3.1875rem;font-size:1.375rem}@media (max-width: 1024px){.button.x-large{width:11.8rem;height:2.5rem;font-size:1rem}}.button.block{width:22rem;font-size:1rem;height:3rem}@media (max-width: 1024px){.button.block{width:11.8rem;height:2.5rem}}.button.filled{color:var(--main-white-color);background-color:var(--primary-connected-orange-color)}.button.filled:hover:not(:disabled){background:var(--primary-catalyst-yellow-color) 0% 0% no-repeat padding-box;border-color:var(--primary-catalyst-yellow-color)}.button.filled:disabled{background-color:var(--neutral-button-color);color:var(--neutral-anchor-color);border-color:var(--neutral-button-color)}.button.transparent{color:var(--main-white-color);border:solid 1px var(--main-white-color)}.button.cancel{color:var(--neutral-anchor-color);background:var(--neutral-button-color);border:none}.button.link{color:var(--primary-connected-orange-color);background:none;border:none;padding:0;height:-moz-fit-content;height:fit-content;width:auto;display:block}.button.link:disabled{color:var(--neutral-anchor-color)}.button.link:hover:not(:disabled),.button.link:disabled{background:transparent}@media (max-width: 768px){.button.hybrid{color:var(--primary-connected-orange-color);background:none;border:none;padding:0;height:-moz-fit-content;height:fit-content;width:auto;display:block}.button.hybrid:disabled{color:var(--neutral-anchor-color)}.button.hybrid:hover:not(:disabled),.button.hybrid:disabled{background:transparent}.button.hybrid .icon{display:none}}.button.fullWidth{width:100%}.button.greyish{padding:10px 8px;color:var(--main-black-color);background:var(--neutral-button-color);border:none;font-family:var(--standard-font-family-hero-new);font-size:.875rem;width:6.25rem;height:2.35rem;transition:background-color 125ms ease-in-out}.button.greyish>.title{white-space:nowrap;font-family:var(--standard-font-family-hero-new);font-size:14px}.button.greyish.small{height:2rem;width:5.5rem}@media (max-width: 768px){.button.greyish.small{min-width:auto;max-width:4.8rem}}.button.greyish.active{background-color:var(--primary-balanced-teal-color);color:var(--main-white-color)}@media (max-width: 768px){.button.greyish{min-width:100%;width:auto;max-height:2rem;padding:0}}.button.start{flex-direction:row}.button.end{flex-direction:row-reverse}.mat-button-disabled{opacity:.5;pointer-events:none}.icon{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;aspect-ratio:1;background:var(--primary-connected-orange-color)}.filled .icon{background:var(--main-white-color)}.title{font-family:var(--standard-font-family-hero-new-bold);font-size:14px}.title.small,.title.dynamic{font-size:12px}.title.medium{font-size:14px}.title.x-large{font-size:1.375rem;font-family:var(--standard-font-family-hero-new)}.title.link{font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.title{font-size:.75rem}.title.x-large{font-size:1rem}}@media (max-width: 768px){.title.large{font-family:var(--standard-font-family-hero-new-semibold)}}:host(.bold) .title{font-family:var(--standard-font-family-hero-new-semibold)}:host(.filter) .button.small{min-height:32px}:host(.filter) .title{font-size:1rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){:host(.filter) .title{font-size:14px}}:host(.filter) .button{max-width:6.5rem}@media (max-width: 768px){:host(.filter) .button{max-width:4.5rem;max-height:1.75rem}}:host(.auto-width){width:auto}:host(.full-width){width:100%}\n"] }]
|
|
20
|
-
}], propDecorators: { isActive: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}], emitValue: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], title: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], disabled: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], hybrid: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], fullWidth: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], size: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}], variant: [{
|
|
35
|
-
type: Input
|
|
36
|
-
}], iconSrc: [{
|
|
37
|
-
type: Input
|
|
38
|
-
}], iconSize: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], iconPosition: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], activeItem: [{
|
|
43
|
-
type: Input
|
|
44
|
-
}], clickBtn: [{
|
|
45
|
-
type: Output
|
|
46
|
-
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1idXR0b24vYWYtY29ubmVjdC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1idXR0b24vYWYtY29ubmVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXZFLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFRVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBSVgsU0FBSSxHQUFtRSxPQUFPLENBQUM7UUFDL0UsWUFBTyxHQUEwRSxVQUFVLENBQUM7UUFFNUYsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLGlCQUFZLEdBQW9CLE9BQU8sQ0FBQztRQUV2QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQUdqRDtJQURDLFFBQVEsS0FBVSxDQUFDOztxSEFmUix3QkFBd0I7eUdBQXhCLHdCQUF3Qiw4V0NSckMsOG5CQXlCQTsyRkRqQmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFbWl0VmFsdWUgfSBmcm9tICcuLi9jb25zdGFudHMvYmFzZS5jb25zdGFudHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1idXR0b24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0QnV0dG9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpc0FjdGl2ZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBlbWl0VmFsdWU6IEVtaXRWYWx1ZTtcclxuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGh5YnJpZDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBmdWxsV2lkdGg6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyB8ICd4LWxhcmdlJyB8ICdibG9jaycgfCAnZHluYW1pYycgPSAnc21hbGwnO1xyXG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdvdXRsaW5lZCcgfCAnZmlsbGVkJyB8ICd0cmFuc3BhcmVudCcgfCAnbGluaycgfCAnY2FuY2VsJyB8ICdncmV5aXNoJyA9ICdvdXRsaW5lZCc7XHJcbiAgQElucHV0KCkgaWNvblNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGljb25TaXplID0gMTQ7XHJcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiAnc3RhcnQnIHwgJ2VuZCcgPSAnc3RhcnQnO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW06IHN0cmluZztcclxuICBAT3V0cHV0KCkgY2xpY2tCdG4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG59XHJcbiIsIjxidXR0b25cclxuICBbY2xhc3MuaHlicmlkXT1cImh5YnJpZFwiXHJcbiAgW25nQ2xhc3NdPVwiW1xyXG4gICAgZnVsbFdpZHRoID8gJ2Z1bGxXaWR0aCcgOiAnJywgJ2J1dHRvbicsXHJcbiAgICBzaXplLFxyXG4gICAgdmFyaWFudCxcclxuICAgIGFjdGl2ZUl0ZW0gPT09IHRpdGxlIHx8IGlzQWN0aXZlID8gJ2FjdGl2ZScgOiAnJyxcclxuICAgIGljb25Qb3NpdGlvblxyXG4gIF1cIlxyXG4gIHRpdGxlPVwiXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIChjbGljayk9XCJ0aGlzLmNsaWNrQnRuLmVtaXQoZW1pdFZhbHVlIHx8IHRpdGxlKVwiXHJcbj5cclxuICA8IS0tIFRPRE86IFRlbXBsYXRlcyAtLT5cclxuICA8ZGl2XHJcbiAgICAqbmdJZj1cImljb25TcmNcIlxyXG4gICAgW25nU3R5bGVdPVwie1xyXG4gICAgICAnLXdlYmtpdC1tYXNrLWltYWdlJzogJ3VybCgnICsgaWNvblNyYyArICcpJyxcclxuICAgICAgJ3dpZHRoJzogaWNvblNpemUgKyAncHgnXHJcbiAgICB9XCJcclxuICAgIGNsYXNzPVwiaWNvblwiXHJcbiAgPlxyXG4gIDwvZGl2PlxyXG4gIDxzcGFuIFtjbGFzc109XCJbJ3RpdGxlJywgc2l6ZSwgdmFyaWFudF1cIj57eyB0aXRsZSB9fTwvc3Bhbj5cclxuPC9idXR0b24+XHJcbiJdfQ==
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class AfConnectCardComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.variant = 'normal';
|
|
6
|
-
}
|
|
7
|
-
ngOnInit() { }
|
|
8
|
-
}
|
|
9
|
-
AfConnectCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
AfConnectCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectCardComponent, selector: "lib-af-connect-card", inputs: { variant: "variant" }, ngImport: i0, template: "<div [class]=\"['card', variant]\">\r\n <ng-content></ng-content>\r\n </div>\r\n ", styles: [":host{display:flex;flex-direction:column;width:49%}@media (max-width: 1024px){:host{min-width:100%}}:host(.full-width){width:100%}:host(.document-card){-webkit-user-select:none;user-select:none}@media (max-width: 1024px){:host(.beneficiary-mobile-card) .small{border:1px solid var(--primary-dark-teal-color);max-height:-moz-fit-content;max-height:fit-content}}:host(.restricted-fund-card,.restricted-fund-mobile-card) .card{gap:1rem}.base-card,.card.small,.card.normal,.card.large{flex:1 0 auto;display:flex;flex-direction:column;border-radius:12px;background:var(--main-white-color);border:1px solid var(--primary-dark-teal-color)}.card.large{padding:2rem 2.5rem 2.5rem}@media (max-width: 768px){.card.large{padding:1rem 1rem 1.5rem;border-radius:5px;border-color:var(--warm-grey-color)}}.card.normal{border-radius:12px;padding:23px 18px 13px}@media (max-width: 1024px){.card.normal{padding:12px 9px 6px}}.card.small{border-radius:5px;padding:18px 15px}@media (max-width: 1024px){.card.small{padding:.75rem 1rem}}:host(.statement-card){width:auto;cursor:pointer}:host(.statement-card) .card.small{padding:12px 14px;border-radius:3px}@media (max-width: 1024px){:host(.expandable-card) .card.small{padding:.75rem .5rem .75rem .75rem}}\n"] });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectCardComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'lib-af-connect-card', template: "<div [class]=\"['card', variant]\">\r\n <ng-content></ng-content>\r\n </div>\r\n ", styles: [":host{display:flex;flex-direction:column;width:49%}@media (max-width: 1024px){:host{min-width:100%}}:host(.full-width){width:100%}:host(.document-card){-webkit-user-select:none;user-select:none}@media (max-width: 1024px){:host(.beneficiary-mobile-card) .small{border:1px solid var(--primary-dark-teal-color);max-height:-moz-fit-content;max-height:fit-content}}:host(.restricted-fund-card,.restricted-fund-mobile-card) .card{gap:1rem}.base-card,.card.small,.card.normal,.card.large{flex:1 0 auto;display:flex;flex-direction:column;border-radius:12px;background:var(--main-white-color);border:1px solid var(--primary-dark-teal-color)}.card.large{padding:2rem 2.5rem 2.5rem}@media (max-width: 768px){.card.large{padding:1rem 1rem 1.5rem;border-radius:5px;border-color:var(--warm-grey-color)}}.card.normal{border-radius:12px;padding:23px 18px 13px}@media (max-width: 1024px){.card.normal{padding:12px 9px 6px}}.card.small{border-radius:5px;padding:18px 15px}@media (max-width: 1024px){.card.small{padding:.75rem 1rem}}:host(.statement-card){width:auto;cursor:pointer}:host(.statement-card) .card.small{padding:12px 14px;border-radius:3px}@media (max-width: 1024px){:host(.expandable-card) .card.small{padding:.75rem .5rem .75rem .75rem}}\n"] }]
|
|
14
|
-
}], ctorParameters: function () { return []; }, propDecorators: { variant: [{
|
|
15
|
-
type: Input
|
|
16
|
-
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtY2FyZC9hZi1jb25uZWN0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1jYXJkL2FmLWNvbm5lY3QtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLHNCQUFzQjtJQUdqQztRQUZTLFlBQU8sR0FBaUMsUUFBUSxDQUFDO0lBRTNDLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7O21IQUxSLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDJGQ1BuQyx3RkFHRTsyRkRJVyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQUt0QixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtY2FyZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdENhcmRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdsYXJnZScgfCAnbm9ybWFsJyB8ICdzbWFsbCcgPSAnbm9ybWFsJztcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGRpdiBbY2xhc3NdPVwiWydjYXJkJywgdmFyaWFudF1cIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuICAiXX0=
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class AfConnectChipComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.variant = 'greenish-text';
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
AfConnectChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
AfConnectChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectChipComponent, selector: "lib-af-connect-chip", inputs: { title: "title", borderRadius: "borderRadius", additionalStyle: "additionalStyle", variant: "variant" }, ngImport: i0, template: "<div\r\n [ngClass]=\"['chip', variant]\"\r\n [ngStyle]=\"{\r\n borderRadius: borderRadius + 'px',\r\n background: additionalStyle && additionalStyle.background ? additionalStyle.background : ''\r\n }\"\r\n>\r\n <div\r\n [ngStyle]=\"{\r\n color: additionalStyle && additionalStyle.color ? additionalStyle.color : ''\r\n }\"\r\n >\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;justify-content:center;align-items:center}.small,.chip.greenish-text{padding:.3rem .75rem;border-radius:1rem}.medium,.chip.percentage,.chip.greenish-count{min-width:54px;min-height:28px;border-radius:1rem;font-weight:500}.green-chip,.chip.status,.chip.greenish-count,.chip.greenish-text{background:var(--secondary-egg-shell-color);color:var(--primary-dark-teal-color)}.chip{font-size:12px;display:flex;align-items:center;justify-content:center;font-family:var(--standard-font-family-hero-new);width:-moz-fit-content;width:fit-content}@media (max-width: 768px){.chip.greenish-text{font-size:.75rem;padding:5px 10px;gap:0px}}.chip.percentage{background:var(--primary-catalyst-yellow-color-low-opacity);color:var(--primary-connected-orange-color);font-family:var(--standard-font-family-hero-new-semibold)}.chip.status{min-height:26px;font-weight:400;border-radius:1rem;padding:0 15px}.chip.claims{border-radius:1rem;padding:5.6px 15px}.chip.case-number{border-radius:1rem;border:1px solid var(--primary-dark-teal-color);color:var(--primary-dark-teal-color);padding:5.6px .75rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){.chip.case-number{display:none}}.chip.dot,.chip.dot-teal,.chip.dot-orange{background:var(--secondary-egg-shell-color);color:var(--primary-dark-teal-color);padding:0 5px;border-radius:1rem;min-height:10px;display:inline-block}.chip.dot-orange{background:var(--primary-catalyst-yellow-color)}.chip.dot-teal{background:var(--primary-dark-teal-color)}:host(.transaction-modal) .chip{font-family:var(--standard-font-family-hero-new-bold);font-size:14px;padding:6px 18px}@media (max-width: 768px){:host(.transaction-modal) .chip{font-size:.875rem;padding:8px 18px}}@media (max-width: 768px){:host(.transaction-mobile) .chip{font-size:.875rem;padding:8px 18px;font-family:var(--standard-font-family-hero-new-bold)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectChipComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'lib-af-connect-chip', template: "<div\r\n [ngClass]=\"['chip', variant]\"\r\n [ngStyle]=\"{\r\n borderRadius: borderRadius + 'px',\r\n background: additionalStyle && additionalStyle.background ? additionalStyle.background : ''\r\n }\"\r\n>\r\n <div\r\n [ngStyle]=\"{\r\n color: additionalStyle && additionalStyle.color ? additionalStyle.color : ''\r\n }\"\r\n >\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;justify-content:center;align-items:center}.small,.chip.greenish-text{padding:.3rem .75rem;border-radius:1rem}.medium,.chip.percentage,.chip.greenish-count{min-width:54px;min-height:28px;border-radius:1rem;font-weight:500}.green-chip,.chip.status,.chip.greenish-count,.chip.greenish-text{background:var(--secondary-egg-shell-color);color:var(--primary-dark-teal-color)}.chip{font-size:12px;display:flex;align-items:center;justify-content:center;font-family:var(--standard-font-family-hero-new);width:-moz-fit-content;width:fit-content}@media (max-width: 768px){.chip.greenish-text{font-size:.75rem;padding:5px 10px;gap:0px}}.chip.percentage{background:var(--primary-catalyst-yellow-color-low-opacity);color:var(--primary-connected-orange-color);font-family:var(--standard-font-family-hero-new-semibold)}.chip.status{min-height:26px;font-weight:400;border-radius:1rem;padding:0 15px}.chip.claims{border-radius:1rem;padding:5.6px 15px}.chip.case-number{border-radius:1rem;border:1px solid var(--primary-dark-teal-color);color:var(--primary-dark-teal-color);padding:5.6px .75rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){.chip.case-number{display:none}}.chip.dot,.chip.dot-teal,.chip.dot-orange{background:var(--secondary-egg-shell-color);color:var(--primary-dark-teal-color);padding:0 5px;border-radius:1rem;min-height:10px;display:inline-block}.chip.dot-orange{background:var(--primary-catalyst-yellow-color)}.chip.dot-teal{background:var(--primary-dark-teal-color)}:host(.transaction-modal) .chip{font-family:var(--standard-font-family-hero-new-bold);font-size:14px;padding:6px 18px}@media (max-width: 768px){:host(.transaction-modal) .chip{font-size:.875rem;padding:8px 18px}}@media (max-width: 768px){:host(.transaction-mobile) .chip{font-size:.875rem;padding:8px 18px;font-family:var(--standard-font-family-hero-new-bold)}}\n"] }]
|
|
14
|
-
}], propDecorators: { title: [{
|
|
15
|
-
type: Input
|
|
16
|
-
}], borderRadius: [{
|
|
17
|
-
type: Input
|
|
18
|
-
}], additionalStyle: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], variant: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtY2hpcC9hZi1jb25uZWN0LWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1jaGlwL2FmLWNvbm5lY3QtY2hpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3pELE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFTVyxZQUFPLEdBU0ksZUFBZSxDQUFDO0tBQ3JDOzttSEFkWSxzQkFBc0I7dUdBQXRCLHNCQUFzQiw2S0NQbkMsMlpBZUE7MkZEUmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHFCQUFxQjs4QkFLdEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtY2hpcCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtY2hpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1jaGlwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdENoaXBDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYm9yZGVyUmFkaXVzOiBudW1iZXI7XHJcbiAgQElucHV0KCkgYWRkaXRpb25hbFN0eWxlOiB7IGJhY2tncm91bmQ/OiBzdHJpbmc7IGNvbG9yPzogc3RyaW5nIH07XHJcbiAgQElucHV0KCkgdmFyaWFudDpcclxuICAgIHwgJ2dyZWVuaXNoLXRleHQnXHJcbiAgICB8ICdncmVlbmlzaC1jb3VudCdcclxuICAgIHwgJ3BlcmNlbnRhZ2UnXHJcbiAgICB8ICdzdGF0dXMnXHJcbiAgICB8ICdjbGFpbXMnXHJcbiAgICB8ICdkb3QnXHJcbiAgICB8ICdkb3Qtb3JhbmdlJ1xyXG4gICAgfCAnZG90LXRlYWwnXHJcbiAgICB8ICdjYXNlLW51bWJlcicgPSAnZ3JlZW5pc2gtdGV4dCc7XHJcbn1cclxuIiwiPGRpdlxyXG4gIFtuZ0NsYXNzXT1cIlsnY2hpcCcsIHZhcmlhbnRdXCJcclxuICBbbmdTdHlsZV09XCJ7XHJcbiAgICBib3JkZXJSYWRpdXM6IGJvcmRlclJhZGl1cyArICdweCcsXHJcbiAgICBiYWNrZ3JvdW5kOiBhZGRpdGlvbmFsU3R5bGUgJiYgYWRkaXRpb25hbFN0eWxlLmJhY2tncm91bmQgPyBhZGRpdGlvbmFsU3R5bGUuYmFja2dyb3VuZCA6ICcnXHJcbiAgfVwiXHJcbj5cclxuICA8ZGl2XHJcbiAgICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgIGNvbG9yOiBhZGRpdGlvbmFsU3R5bGUgJiYgYWRkaXRpb25hbFN0eWxlLmNvbG9yID8gYWRkaXRpb25hbFN0eWxlLmNvbG9yIDogJydcclxuICAgIH1cIlxyXG4gID5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|