af-connect-components 0.0.17 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/README.md +24 -24
  2. package/esm2020/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.mjs +22 -0
  3. package/esm2020/lib/af-connect-button/af-connect-button.component.mjs +47 -0
  4. package/esm2020/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.mjs +33 -0
  5. package/esm2020/lib/af-connect-card/af-connect-card.component.mjs +17 -0
  6. package/esm2020/lib/af-connect-chart/af-connect-chart.component.mjs +11 -0
  7. package/esm2020/lib/af-connect-chip/af-connect-chip.component.mjs +23 -0
  8. package/esm2020/lib/af-connect-components.component.mjs +9 -9
  9. package/esm2020/lib/af-connect-components.module.mjs +165 -8
  10. package/esm2020/lib/af-connect-components.service.mjs +1 -1
  11. package/esm2020/lib/af-connect-content/af-connect-content.component.mjs +14 -0
  12. package/esm2020/lib/af-connect-datepicker/af-connect-datepicker.component.mjs +11 -0
  13. package/esm2020/lib/af-connect-error/af-connect-error.component.mjs +26 -0
  14. package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +7 -3
  15. package/esm2020/lib/af-connect-form-group/af-connect-form-group.component.mjs +11 -0
  16. package/esm2020/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs +21 -0
  17. package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +3 -3
  18. package/esm2020/lib/af-connect-inline-error/af-connect-inline-error.component.mjs +29 -0
  19. package/esm2020/lib/af-connect-input/af-connect-input.component.mjs +92 -0
  20. package/esm2020/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs +18 -0
  21. package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs +101 -0
  22. package/esm2020/lib/af-connect-no-content/af-connect-no-content.component.mjs +26 -0
  23. package/esm2020/lib/af-connect-notification/af-connect-notification.component.mjs +15 -0
  24. package/esm2020/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs +3 -3
  25. package/esm2020/lib/af-connect-products-carousel/defaultConfig.mjs +1 -1
  26. package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +3 -3
  27. package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +3 -3
  28. package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs +45 -0
  29. package/esm2020/lib/af-connect-radio-button/af-connect-radio-button.component.mjs +91 -0
  30. package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs +113 -0
  31. package/esm2020/lib/af-connect-section/af-connect-section.component.mjs +14 -0
  32. package/esm2020/lib/af-connect-section-header/af-connect-section-header.component.mjs +35 -0
  33. package/esm2020/lib/af-connect-select/af-connect-select.component.mjs +11 -0
  34. package/esm2020/lib/af-connect-svg-button/af-connect-svg-button.component.mjs +27 -0
  35. package/esm2020/lib/af-connect-tab/af-connect-tab.component.mjs +20 -0
  36. package/esm2020/lib/af-connect-table/af-connect-table.component.mjs +11 -0
  37. package/esm2020/lib/af-connect-tabs/af-connect-tabs.component.mjs +87 -0
  38. package/esm2020/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs +33 -0
  39. package/esm2020/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs +133 -0
  40. package/esm2020/lib/af-connect-tooltip/af-connect-tooltip.component.mjs +48 -0
  41. package/esm2020/lib/af-connect-tooltip/types.mjs +2 -0
  42. package/esm2020/lib/constants/animation.constants.mjs +121 -0
  43. package/esm2020/lib/constants/base.constants.mjs +10 -0
  44. package/esm2020/lib/expandable/afc-expandable-wrapper/afc-expandable-wrapper.component.mjs +3 -3
  45. package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +3 -3
  46. package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +3 -3
  47. package/esm2020/lib/faq/faq/faq.component.mjs +3 -3
  48. package/esm2020/lib/faq/faq-item/faq-item.component.mjs +3 -3
  49. package/esm2020/lib/faq/faqItem.mjs +1 -1
  50. package/esm2020/lib/faq/image-fallback/image-fallback.component.mjs +21 -21
  51. package/esm2020/lib/models/notification-response.model.mjs +2 -0
  52. package/esm2020/lib/models/radio.model.mjs +2 -0
  53. package/esm2020/lib/services/breakpoint.service.mjs +1 -1
  54. package/esm2020/lib/utilities/number.util.mjs +4 -0
  55. package/esm2020/public-api.mjs +31 -1
  56. package/esm2020/shared/pipes/get-initials.mjs +1 -1
  57. package/fesm2015/af-connect-components.mjs +1412 -61
  58. package/fesm2015/af-connect-components.mjs.map +1 -1
  59. package/fesm2020/af-connect-components.mjs +1409 -61
  60. package/fesm2020/af-connect-components.mjs.map +1 -1
  61. package/lib/af-connect-breadcrumb/af-connect-breadcrumb.component.d.ts +10 -0
  62. package/lib/af-connect-button/af-connect-button.component.d.ts +21 -0
  63. package/lib/af-connect-card/af-connect-card-header/af-connect-card-header.component.d.ts +14 -0
  64. package/lib/af-connect-card/af-connect-card.component.d.ts +8 -0
  65. package/lib/af-connect-chart/af-connect-chart.component.d.ts +5 -0
  66. package/lib/af-connect-chip/af-connect-chip.component.d.ts +12 -0
  67. package/lib/af-connect-components.module.d.ts +34 -3
  68. package/lib/af-connect-content/af-connect-content.component.d.ts +8 -0
  69. package/lib/af-connect-datepicker/af-connect-datepicker.component.d.ts +5 -0
  70. package/lib/af-connect-error/af-connect-error.component.d.ts +12 -0
  71. package/lib/af-connect-footer/af-connect-footer.component.d.ts +1 -0
  72. package/lib/af-connect-form-group/af-connect-form-group.component.d.ts +5 -0
  73. package/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.d.ts +10 -0
  74. package/lib/af-connect-inline-error/af-connect-inline-error.component.d.ts +13 -0
  75. package/lib/af-connect-input/af-connect-input.component.d.ts +36 -0
  76. package/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.d.ts +8 -0
  77. package/lib/af-connect-modal/af-connect-modal.component.d.ts +46 -0
  78. package/lib/af-connect-no-content/af-connect-no-content.component.d.ts +12 -0
  79. package/lib/af-connect-notification/af-connect-notification.component.d.ts +8 -0
  80. package/lib/af-connect-progress-bar/af-connect-progress-bar.component.d.ts +18 -0
  81. package/lib/af-connect-radio-button/af-connect-radio-button.component.d.ts +33 -0
  82. package/lib/af-connect-radio-group/af-connect-radio-group.component.d.ts +35 -0
  83. package/lib/af-connect-section/af-connect-section.component.d.ts +8 -0
  84. package/lib/af-connect-section-header/af-connect-section-header.component.d.ts +15 -0
  85. package/lib/af-connect-select/af-connect-select.component.d.ts +5 -0
  86. package/lib/af-connect-svg-button/af-connect-svg-button.component.d.ts +14 -0
  87. package/lib/af-connect-tab/af-connect-tab.component.d.ts +9 -0
  88. package/lib/af-connect-table/af-connect-table.component.d.ts +5 -0
  89. package/lib/af-connect-tabs/af-connect-tabs.component.d.ts +25 -0
  90. package/lib/af-connect-toaster-message/af-connect-toaster-message.component.d.ts +13 -0
  91. package/lib/af-connect-toggle-button/af-connect-toggle-button.component.d.ts +37 -0
  92. package/lib/af-connect-tooltip/af-connect-tooltip.component.d.ts +16 -0
  93. package/lib/af-connect-tooltip/types.d.ts +1 -0
  94. package/lib/constants/animation.constants.d.ts +13 -0
  95. package/lib/constants/base.constants.d.ts +10 -0
  96. package/lib/models/notification-response.model.d.ts +17 -0
  97. package/lib/models/radio.model.d.ts +3 -0
  98. package/lib/utilities/number.util.d.ts +1 -0
  99. package/package.json +1 -1
  100. package/public-api.d.ts +30 -0
@@ -0,0 +1,35 @@
1
+ import { Component, Host, Input, Optional, Output, EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
4
+ import * as i2 from "@angular/common";
5
+ export class AfConnectSectionHeaderComponent {
6
+ constructor(wrapper) {
7
+ this.wrapper = wrapper;
8
+ this.isStatic = true;
9
+ this.variant = 'default';
10
+ this.onClick = new EventEmitter();
11
+ }
12
+ ngOnInit() { }
13
+ toggleMobileContent() {
14
+ this.onClick.emit();
15
+ }
16
+ }
17
+ AfConnectSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
18
+ AfConnectSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionHeaderComponent, selector: "lib-af-connect-section-header", inputs: { title: "title", isStatic: "isStatic", variant: "variant" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"header-container\" [ngClass]=\"[\n variant,\n isStatic ? 'isStatic' : 'isExpandable',\n (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\n (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\n ]\" (click)=\"toggleMobileContent()\">\n <div class=\"section-wrapper\">\n <div class=\"{{variant}}\">\n {{ title }}\n </div>\n <ng-content select=\"[icon]\"></ng-content>\n <div class=\"buttons-container\">\n <ng-content></ng-content>\n </div>\n </div>\n <div *ngIf=\"isStatic\" class=\"border-line\"></div>\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, decorators: [{
20
+ type: Component,
21
+ args: [{ selector: 'lib-af-connect-section-header', template: "<div class=\"header-container\" [ngClass]=\"[\n variant,\n isStatic ? 'isStatic' : 'isExpandable',\n (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\n (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\n ]\" (click)=\"toggleMobileContent()\">\n <div class=\"section-wrapper\">\n <div class=\"{{variant}}\">\n {{ title }}\n </div>\n <ng-content select=\"[icon]\"></ng-content>\n <div class=\"buttons-container\">\n <ng-content></ng-content>\n </div>\n </div>\n <div *ngIf=\"isStatic\" class=\"border-line\"></div>\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"] }]
22
+ }], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
23
+ type: Host
24
+ }, {
25
+ type: Optional
26
+ }] }]; }, propDecorators: { title: [{
27
+ type: Input
28
+ }], isStatic: [{
29
+ type: Input
30
+ }], variant: [{
31
+ type: Input
32
+ }], onClick: [{
33
+ type: Output
34
+ }] } });
35
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyL2FmLWNvbm5lY3Qtc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBVSxRQUFRLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEvRixNQUFNLE9BQU8sK0JBQStCO0lBTTFDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO1FBSmpFLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsWUFBTyxHQUE0QixTQUFTLENBQUE7UUFDM0MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdUMsQ0FBQztJQUUvRSxRQUFRLEtBQVcsQ0FBQztJQUVwQixtQkFBbUI7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs0SEFaVSwrQkFBK0I7Z0hBQS9CLCtCQUErQiw0S0NSNUMsd2xCQWdCTTsyRkRSTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCOzswQkFVNUIsSUFBSTs7MEJBQUksUUFBUTs0Q0FMcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXhwYW5kYWJsZVdyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi9leHBhbmRhYmxlL2FmYy1leHBhbmRhYmxlLXdyYXBwZXIvYWZjLWV4cGFuZGFibGUtd3JhcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFNlY3Rpb25IZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBpc1N0YXRpYzogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdkZWZhdWx0JyB8ICdwb3J0Zm9saW8nID0gJ2RlZmF1bHQnXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgcHVibGljIHdyYXBwZXI6IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50KSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIHRvZ2dsZU1vYmlsZUNvbnRlbnQoKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImhlYWRlci1jb250YWluZXJcIiBbbmdDbGFzc109XCJbXG4gdmFyaWFudCxcbiAgICBpc1N0YXRpYyA/ICdpc1N0YXRpYycgOiAnaXNFeHBhbmRhYmxlJyxcbiAgICAod3JhcHBlciAmJiB3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID09PSB0cnVlID8gJ2V4cGFuZGVkJyA6ICcnLFxuICAgICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPT09IGZhbHNlID8gJ2NvbGxhcHNlZCcgOiAnJ1xuICBdXCIgKGNsaWNrKT1cInRvZ2dsZU1vYmlsZUNvbnRlbnQoKVwiPlxuICA8ZGl2IGNsYXNzPVwic2VjdGlvbi13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInt7dmFyaWFudH19XCI+XG4gICAgICB7eyB0aXRsZSB9fVxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJpc1N0YXRpY1wiIGNsYXNzPVwiYm9yZGVyLWxpbmVcIj48L2Rpdj5cbjwvZGl2PiJdfQ==
@@ -0,0 +1,11 @@
1
+ import { Component } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class AfConnectSelectComponent {
4
+ }
5
+ AfConnectSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
+ AfConnectSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSelectComponent, selector: "lib-af-connect-select", ngImport: i0, template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\n\n <div class=\"field-container\">\n <div class=\"label-container\">\n <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n </label>\n <afc-form-validation-errors\n [control]=\"control\"\n [fieldText]=\"errorReferenceText || label\"\n ></afc-form-validation-errors>\n </div>\n <div class=\"input-container\">\n <input\n type=\"text\"\n class=\"field-container-input\"\n [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\n [maxLength]=\"maxLength\"\n [ngClass]=\"[\n (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\n size,\n dropdownOpen ? 'dropdown-open' : '',\n control && control.errors && control.dirty && control.touched ? 'hasError' : '',\n filter ? 'filterable' : 'non-filterable'\n ]\"\n [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\n [(ngModel)]=\"currentValue\"\n (blur)=\"onBlur()\"\n (ngModelChange)=\"onChange($event)\"\n />\n <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\n <afc-expandable-arrow\n endPosition=\"top\"\n startPosition=\"bottom\"\n animationSpeed=\"fast\"\n ngClass=\"arrow\"\n [isExpanded]=\"dropdownOpen\"\n >\n </afc-expandable-arrow>\n </div>\n </div>\n </div>\n \n <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\n </div>\n \n <ng-template #dropdownListItems let-type=\"type\">\n <ul\n class=\"dropdown-list\"\n role=\"listbox\"\n aria-expanded=\"false\"\n [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\n [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\n >\n <ng-container\n *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\n [ngTemplateOutlet]=\"virtualScroll\"\n ></ng-container>\n </ul>\n </ng-template>\n \n <ng-template #virtualScroll>\n <cdk-virtual-scroll-viewport\n class=\"select-menu-inner\"\n [appendOnly]=\"true\"\n [itemSize]=\"SizeEnum[size]\"\n [style.height.px]=\"itemsShown * SizeEnum[size]\"\n [minBufferPx]=\"itemsShown * SizeEnum[size]\"\n [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\n >\n <div\n class=\"list-item-container\"\n *cdkVirtualFor=\"let option of filteredOptions\"\n [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\n (click)=\"select(option)\"\n >\n <img\n height=\"14\"\n width=\"26\"\n *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\n [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\n />\n <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\n </div>\n </cdk-virtual-scroll-viewport>\n </ng-template>\n \n <ng-template #noDropdownData>\n <div class=\"dropdown-no-data\">No Data</div>\n </ng-template>\n -->", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color);min-width:5.2rem}:host[size=large]{width:100%}ul{overflow:hidden}.dropdown-collection{max-width:26rem;position:relative;cursor:pointer}.dropdown-collection.small .arrow{right:10px}.dropdown-collection.large{width:100%;max-width:100%}.dropdown-collection.large.disabled{pointer-events:none}.label{cursor:pointer}.label .asterisk{color:var(--primary-orange-mobile-color)}.label.large{margin-bottom:3px}.dropdown-list{display:block;background:var(--main-white-color);list-style:none;box-shadow:0 5px 8px #00000029;position:absolute;bottom:0;left:0;padding:0;z-index:10;right:0;margin:0;transform:translateY(100%);z-index:1001}.dropdown-list .list-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 18px;cursor:pointer;color:var(--select-grey-color);border:2px solid transparent;box-sizing:border-box}.dropdown-list .list-item-container:hover,.dropdown-list .list-item-container:focus{transition-property:color,background-color;transition-duration:1.1s;border:2px solid #ceecef;border-radius:2px;background:#ceecef;outline:none;color:var(--footer-dark-black-color)}.dropdown-list .list-item-container.empty-option{min-height:20px}.dropdown-list .list-item-container.small{gap:.2rem;padding:.5rem 0 .5rem 2px}.dropdown-list .list-item-container.large{padding:11px 11px 11px 20px}.dropdown-list .dropdown-no-data{height:3rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--neutral-anchor-color)}input{transition-property:outline-color,background-color;transition-duration:.2s}input:focus{outline:transparent}input::placeholder{color:var(--main-grey-color);opacity:.7}input.field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 2rem 11px 1.25rem;width:100%;background-color:var(--main-white-color);color:var(--main-black-color);border:1px solid transparent;transition-property:border-color,background-color;transition-duration:.2s}input.field-container-input.hasError{border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}input.field-container-input.filterable{pointer-events:all}input.field-container-input.non-filterable{pointer-events:none}input.field-container-input.read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}@media (max-width: 768px){input.field-container-input{font-size:13px;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}input.not-disabled{color:var(--warm-grey-color);border-color:var(--primary-dark-teal-color)}input.not-disabled:disabled{border:none;color:var(--warm-grey-color);background-color:var(--neutral-button-color)}input.small{padding-left:.5rem}input.large{color:var(--main-black-color);padding:15px;border:none}input.large:disabled{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}input.dropdown-open{border-color:transparent;box-shadow:0 5px 8px #00000029}input.read-only{background-color:var(--neutral-button-color)}.field-container{display:flex;flex-direction:column;gap:.5rem}.field-container .label-container{display:flex;justify-content:space-between}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:.4rem}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary-balanced-teal-color);outline:none}.input-container{display:flex}.arrow-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}.arrow-container .arrow{position:absolute;cursor:pointer;right:10px}:host(.countryCode) .label-container{flex-direction:column}\n"] });
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, decorators: [{
8
+ type: Component,
9
+ args: [{ selector: 'lib-af-connect-select', template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\n\n <div class=\"field-container\">\n <div class=\"label-container\">\n <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\n {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n </label>\n <afc-form-validation-errors\n [control]=\"control\"\n [fieldText]=\"errorReferenceText || label\"\n ></afc-form-validation-errors>\n </div>\n <div class=\"input-container\">\n <input\n type=\"text\"\n class=\"field-container-input\"\n [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\n [maxLength]=\"maxLength\"\n [ngClass]=\"[\n (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\n size,\n dropdownOpen ? 'dropdown-open' : '',\n control && control.errors && control.dirty && control.touched ? 'hasError' : '',\n filter ? 'filterable' : 'non-filterable'\n ]\"\n [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\n [(ngModel)]=\"currentValue\"\n (blur)=\"onBlur()\"\n (ngModelChange)=\"onChange($event)\"\n />\n <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\n <afc-expandable-arrow\n endPosition=\"top\"\n startPosition=\"bottom\"\n animationSpeed=\"fast\"\n ngClass=\"arrow\"\n [isExpanded]=\"dropdownOpen\"\n >\n </afc-expandable-arrow>\n </div>\n </div>\n </div>\n \n <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\n </div>\n \n <ng-template #dropdownListItems let-type=\"type\">\n <ul\n class=\"dropdown-list\"\n role=\"listbox\"\n aria-expanded=\"false\"\n [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\n [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\n >\n <ng-container\n *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\n [ngTemplateOutlet]=\"virtualScroll\"\n ></ng-container>\n </ul>\n </ng-template>\n \n <ng-template #virtualScroll>\n <cdk-virtual-scroll-viewport\n class=\"select-menu-inner\"\n [appendOnly]=\"true\"\n [itemSize]=\"SizeEnum[size]\"\n [style.height.px]=\"itemsShown * SizeEnum[size]\"\n [minBufferPx]=\"itemsShown * SizeEnum[size]\"\n [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\n >\n <div\n class=\"list-item-container\"\n *cdkVirtualFor=\"let option of filteredOptions\"\n [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\n (click)=\"select(option)\"\n >\n <img\n height=\"14\"\n width=\"26\"\n *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\n [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\n />\n <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\n </div>\n </cdk-virtual-scroll-viewport>\n </ng-template>\n \n <ng-template #noDropdownData>\n <div class=\"dropdown-no-data\">No Data</div>\n </ng-template>\n -->", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color);min-width:5.2rem}:host[size=large]{width:100%}ul{overflow:hidden}.dropdown-collection{max-width:26rem;position:relative;cursor:pointer}.dropdown-collection.small .arrow{right:10px}.dropdown-collection.large{width:100%;max-width:100%}.dropdown-collection.large.disabled{pointer-events:none}.label{cursor:pointer}.label .asterisk{color:var(--primary-orange-mobile-color)}.label.large{margin-bottom:3px}.dropdown-list{display:block;background:var(--main-white-color);list-style:none;box-shadow:0 5px 8px #00000029;position:absolute;bottom:0;left:0;padding:0;z-index:10;right:0;margin:0;transform:translateY(100%);z-index:1001}.dropdown-list .list-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 18px;cursor:pointer;color:var(--select-grey-color);border:2px solid transparent;box-sizing:border-box}.dropdown-list .list-item-container:hover,.dropdown-list .list-item-container:focus{transition-property:color,background-color;transition-duration:1.1s;border:2px solid #ceecef;border-radius:2px;background:#ceecef;outline:none;color:var(--footer-dark-black-color)}.dropdown-list .list-item-container.empty-option{min-height:20px}.dropdown-list .list-item-container.small{gap:.2rem;padding:.5rem 0 .5rem 2px}.dropdown-list .list-item-container.large{padding:11px 11px 11px 20px}.dropdown-list .dropdown-no-data{height:3rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--neutral-anchor-color)}input{transition-property:outline-color,background-color;transition-duration:.2s}input:focus{outline:transparent}input::placeholder{color:var(--main-grey-color);opacity:.7}input.field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 2rem 11px 1.25rem;width:100%;background-color:var(--main-white-color);color:var(--main-black-color);border:1px solid transparent;transition-property:border-color,background-color;transition-duration:.2s}input.field-container-input.hasError{border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}input.field-container-input.filterable{pointer-events:all}input.field-container-input.non-filterable{pointer-events:none}input.field-container-input.read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}@media (max-width: 768px){input.field-container-input{font-size:13px;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}input.not-disabled{color:var(--warm-grey-color);border-color:var(--primary-dark-teal-color)}input.not-disabled:disabled{border:none;color:var(--warm-grey-color);background-color:var(--neutral-button-color)}input.small{padding-left:.5rem}input.large{color:var(--main-black-color);padding:15px;border:none}input.large:disabled{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}input.dropdown-open{border-color:transparent;box-shadow:0 5px 8px #00000029}input.read-only{background-color:var(--neutral-button-color)}.field-container{display:flex;flex-direction:column;gap:.5rem}.field-container .label-container{display:flex;justify-content:space-between}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:.4rem}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary-balanced-teal-color);outline:none}.input-container{display:flex}.arrow-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}.arrow-container .arrow{position:absolute;cursor:pointer;right:10px}:host(.countryCode) .label-container{flex-direction:column}\n"] }]
10
+ }] });
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDZEQ1ByQywyOEdBMEZNOzJGRG5GTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2VsZWN0Q29tcG9uZW50IHtcblxufVxuIiwiPCEtLSA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29sbGVjdGlvblwiIFtuZ0NsYXNzXT1cIltzaXplLCAoY29udHJvbCAmJiBjb250cm9sLmRpc2FibGVkKSB8fCBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub3QtZGlzYWJsZWQnLF1cIiAoY2xpY2spPVwidG9nZ2xlRHJvcGRvd24oJGV2ZW50KVwiPlxuXG4gICAgPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRhaW5lclwiPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtuZ0NsYXNzXT1cIlt2YXJpYW50XVwiIGNsYXNzPVwibGFiZWxcIj5cbiAgICAgICAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDxhZmMtZm9ybS12YWxpZGF0aW9uLWVycm9yc1xuICAgICAgICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxuICAgICAgICAgIFtmaWVsZFRleHRdPVwiZXJyb3JSZWZlcmVuY2VUZXh0IHx8IGxhYmVsXCJcbiAgICAgICAgPjwvYWZjLWZvcm0tdmFsaWRhdGlvbi1lcnJvcnM+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIGNsYXNzPVwiZmllbGQtY29udGFpbmVyLWlucHV0XCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiKGlzUmVhZE9ubHkgJiYgcmVhZE9ubHlQbGFjZWhvbGRlcikgfHwgcGxhY2Vob2xkZXJcIlxuICAgICAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJbXG4gICAgICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmRpc2FibGVkKSB8fCBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub3QtZGlzYWJsZWQnLFxuICAgICAgICAgICAgc2l6ZSxcbiAgICAgICAgICAgIGRyb3Bkb3duT3BlbiA/ICdkcm9wZG93bi1vcGVuJyA6ICcnLFxuICAgICAgICAgICAgY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLmRpcnR5ICYmIGNvbnRyb2wudG91Y2hlZCA/ICdoYXNFcnJvcicgOiAnJyxcbiAgICAgICAgICAgIGZpbHRlciA/ICdmaWx0ZXJhYmxlJyA6ICdub24tZmlsdGVyYWJsZSdcbiAgICAgICAgICBdXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiKGNvbnRyb2wgJiYgY29udHJvbC5kaXNhYmxlZCkgfHwgaXNEaXNhYmxlZCB8fCB2YXJpYW50ID09PSAncmVhZC1vbmx5JyB8fCBpc1JlYWRPbmx5XCJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVwiXG4gICAgICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJyb3ctY29udGFpbmVyXCIgKm5nSWY9XCJ2YXJpYW50ICE9PSAncmVhZC1vbmx5J1wiPlxuICAgICAgICAgIDxhZmMtZXhwYW5kYWJsZS1hcnJvd1xuICAgICAgICAgICAgZW5kUG9zaXRpb249XCJ0b3BcIlxuICAgICAgICAgICAgc3RhcnRQb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgICAgICBhbmltYXRpb25TcGVlZD1cImZhc3RcIlxuICAgICAgICAgICAgbmdDbGFzcz1cImFycm93XCJcbiAgICAgICAgICAgIFtpc0V4cGFuZGVkXT1cImRyb3Bkb3duT3BlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDwvYWZjLWV4cGFuZGFibGUtYXJyb3c+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRyb3Bkb3duTGlzdEl0ZW1zOyBjb250ZXh0OiB7IHR5cGUgfVwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgXG4gIDxuZy10ZW1wbGF0ZSAjZHJvcGRvd25MaXN0SXRlbXMgbGV0LXR5cGU9XCJ0eXBlXCI+XG4gICAgPHVsXG4gICAgICBjbGFzcz1cImRyb3Bkb3duLWxpc3RcIlxuICAgICAgcm9sZT1cImxpc3Rib3hcIlxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcbiAgICAgIFtAc2VsZWN0QW5pbWF0aW9uXT1cImRyb3Bkb3duT3BlbiA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1wiXG4gICAgICBbbmdDbGFzc109XCJ7ICdkcm9wZG93bi1vcGVuJzogZHJvcGRvd25PcGVuIH1cIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nSWY9XCJmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoICE9PSAwOyBlbHNlIG5vRHJvcGRvd25EYXRhXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlydHVhbFNjcm9sbFwiXG4gICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgPC91bD5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgXG4gIDxuZy10ZW1wbGF0ZSAjdmlydHVhbFNjcm9sbD5cbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XG4gICAgICBjbGFzcz1cInNlbGVjdC1tZW51LWlubmVyXCJcbiAgICAgIFthcHBlbmRPbmx5XT1cInRydWVcIlxuICAgICAgW2l0ZW1TaXplXT1cIlNpemVFbnVtW3NpemVdXCJcbiAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaXRlbXNTaG93biAqIFNpemVFbnVtW3NpemVdXCJcbiAgICAgIFttaW5CdWZmZXJQeF09XCJpdGVtc1Nob3duICogU2l6ZUVudW1bc2l6ZV1cIlxuICAgICAgW21heEJ1ZmZlclB4XT1cIml0ZW1zU2hvd24gKiBTaXplRW51bVtzaXplXVwiXG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImxpc3QtaXRlbS1jb250YWluZXJcIlxuICAgICAgICAqY2RrVmlydHVhbEZvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2N1cnJlbnRWYWx1ZSA9PT0gb3B0aW9uID8gJ3NlbGVjdGVkJyA6ICcnLCBzaXplXVwiXG4gICAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXG4gICAgICA+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBoZWlnaHQ9XCIxNFwiXG4gICAgICAgICAgd2lkdGg9XCIyNlwiXG4gICAgICAgICAgKm5nSWY9XCIodHlwZSA9PT0gJ2NvdW50cnknIHx8IHR5cGUgPT09ICdjb3VudHJ5LWNvZGUnKSAmJiBvcHRpb25bJ2NvdW50cnlDb2RlJ11cIlxuICAgICAgICAgIFtzcmNdPVwiJy4uLy4uLy4uLy4uL2Fzc2V0cy9jb3VudHJ5LWZsYWdzLycgKyBvcHRpb24/LlsnY291bnRyeUNvZGUnXSArICcuc3ZnJyB8IGxvd2VyY2FzZVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxsaSB0YWJpbmRleD1cIjBcIiByb2xlPVwib3B0aW9uXCIgW2lubmVySFRNTF09XCJ2YWx1ZUZpZWxkICYmIHRleHRGaWVsZCA/IG9wdGlvblt0ZXh0RmllbGRdIDogb3B0aW9uXCI+PC9saT5cbiAgICAgIDwvZGl2PlxuICAgIDwvY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxuICA8L25nLXRlbXBsYXRlPlxuICBcbiAgPG5nLXRlbXBsYXRlICNub0Ryb3Bkb3duRGF0YT5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tbm8tZGF0YVwiPk5vIERhdGE8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgIC0tPiJdfQ==
@@ -0,0 +1,27 @@
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ export class AfConnectSvgButtonComponent {
5
+ constructor() {
6
+ this.size = 'none';
7
+ this.clickBtn = new EventEmitter();
8
+ }
9
+ ngOnInit() { }
10
+ }
11
+ AfConnectSvgButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
+ AfConnectSvgButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSvgButtonComponent, selector: "lib-af-connect-svg-button", inputs: { src: "src", emitValue: "emitValue", customSize: "customSize", size: "size" }, outputs: { clickBtn: "clickBtn" }, ngImport: i0, template: "<img\n [class]=\"['svg', size]\"\n [ngStyle]=\"{ width: customSize, height: customSize }\"\n (click)=\"this.clickBtn.emit(emitValue)\"\n [src]=\"src\"\n/>\n", styles: [":host{display:flex;justify-content:center;align-items:center}img{background:none;border:none;padding:0;cursor:pointer}.svg.small{width:14px;height:14px}.svg.medium{width:30px;height:30px}@media (max-width: 768px){.svg.medium{width:20px;height:20px}}.svg.large{width:42px;height:42px}@media (max-width: 1024px){.svg.large.large{width:32px;height:32px}}@media (max-width: 1024px){:host(.external-info) img{width:14px;height:14px}}@media (max-width: 1024px){:host(.external-investments) img{width:16px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, decorators: [{
14
+ type: Component,
15
+ args: [{ selector: 'lib-af-connect-svg-button', template: "<img\n [class]=\"['svg', size]\"\n [ngStyle]=\"{ width: customSize, height: customSize }\"\n (click)=\"this.clickBtn.emit(emitValue)\"\n [src]=\"src\"\n/>\n", styles: [":host{display:flex;justify-content:center;align-items:center}img{background:none;border:none;padding:0;cursor:pointer}.svg.small{width:14px;height:14px}.svg.medium{width:30px;height:30px}@media (max-width: 768px){.svg.medium{width:20px;height:20px}}.svg.large{width:42px;height:42px}@media (max-width: 1024px){.svg.large.large{width:32px;height:32px}}@media (max-width: 1024px){:host(.external-info) img{width:14px;height:14px}}@media (max-width: 1024px){:host(.external-investments) img{width:16px;height:16px}}\n"] }]
16
+ }], ctorParameters: function () { return []; }, propDecorators: { src: [{
17
+ type: Input
18
+ }], emitValue: [{
19
+ type: Input
20
+ }], customSize: [{
21
+ type: Input
22
+ }], size: [{
23
+ type: Input
24
+ }], clickBtn: [{
25
+ type: Output
26
+ }] } });
27
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi9hZi1jb25uZWN0LXN2Zy1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLFNBQUksR0FBMEMsTUFBTSxDQUFDO1FBRXBELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztJQUN4QyxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOzt3SEFUUiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw0TENSeEMsa0tBTUE7MkZERWEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVtaXRWYWx1ZSB9IGZyb20gJy4uL2NvbnN0YW50cy9iYXNlLmNvbnN0YW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXN2Zy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVtaXRWYWx1ZTogRW1pdFZhbHVlO1xuICBASW5wdXQoKSBjdXN0b21TaXplOiBudW1iZXI7XG4gIEBJbnB1dCgpIHNpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnbm9uZScgPSAnbm9uZSc7XG5cbiAgQE91dHB1dCgpIGNsaWNrQnRuID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBudWxsPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxufVxuIiwiPGltZ1xuICBbY2xhc3NdPVwiWydzdmcnLCBzaXplXVwiXG4gIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGN1c3RvbVNpemUsIGhlaWdodDogY3VzdG9tU2l6ZSB9XCJcbiAgKGNsaWNrKT1cInRoaXMuY2xpY2tCdG4uZW1pdChlbWl0VmFsdWUpXCJcbiAgW3NyY109XCJzcmNcIlxuLz5cbiJdfQ==
@@ -0,0 +1,20 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class AfConnectTabComponent {
4
+ constructor() {
5
+ this.isActive = false;
6
+ }
7
+ }
8
+ AfConnectTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
+ AfConnectTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTabComponent, selector: "lib-af-connect-tab", inputs: { label: "label", isActive: "isActive", tabButtons: "tabButtons" }, ngImport: i0, template: "<div [hidden]=\"!isActive\">\n <ng-content></ng-content>\n </div>\n ", styles: [""] });
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, decorators: [{
11
+ type: Component,
12
+ args: [{ selector: 'lib-af-connect-tab', template: "<div [hidden]=\"!isActive\">\n <ng-content></ng-content>\n </div>\n " }]
13
+ }], propDecorators: { label: [{
14
+ type: Input
15
+ }], isActive: [{
16
+ type: Input
17
+ }], tabButtons: [{
18
+ type: Input
19
+ }] } });
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPVyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBRXBDOztrSEFKWSxxQkFBcUI7c0dBQXJCLHFCQUFxQixzSUNObEMsMkVBR0U7MkZER1cscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRhYkJ1dHRvbnM6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iLCI8ZGl2IFtoaWRkZW5dPVwiIWlzQWN0aXZlXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgIl19
@@ -0,0 +1,11 @@
1
+ import { Component } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class AfConnectTableComponent {
4
+ }
5
+ AfConnectTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
+ AfConnectTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTableComponent, selector: "lib-af-connect-table", ngImport: i0, template: "<p>af-connect-table works!</p>\n", styles: [""] });
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, decorators: [{
8
+ type: Component,
9
+ args: [{ selector: 'lib-af-connect-table', template: "<p>af-connect-table works!</p>\n" }]
10
+ }] });
11
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRhYmxlL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJsZS9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7d0dBQXZCLHVCQUF1Qiw0RENQcEMsa0NBQ0E7MkZETWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYmxlQ29tcG9uZW50IHtcblxufVxuIiwiPHA+YWYtY29ubmVjdC10YWJsZSB3b3JrcyE8L3A+XG4iXX0=
@@ -0,0 +1,87 @@
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\">\n <ul class=\"nav-list\">\n <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\n <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\n {{ tab.label }}\n </button>\n </li>\n <span #slider class=\"slider\"></span>\n </ul>\n <div class=\"nav-action-buttons\">\n <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\n </div>\n </nav>\n <ng-content></ng-content>\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\">\n <ul class=\"nav-list\">\n <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\n <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\n {{ tab.label }}\n </button>\n </li>\n <span #slider class=\"slider\"></span>\n </ul>\n <div class=\"nav-action-buttons\">\n <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\n </div>\n </nav>\n <ng-content></ng-content>\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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QkFBaEQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNFLFFBQVE7c0JBQWxELFlBQVk7dUJBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFNaEMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NoaWxkcmVuLFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQWZDb25uZWN0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBDb250ZW50Q2hpbGRyZW4oQWZDb25uZWN0VGFiQ29tcG9uZW50KSB0YWJzOiBRdWVyeUxpc3Q8QWZDb25uZWN0VGFiQ29tcG9uZW50PjtcbiAgQFZpZXdDaGlsZCgnc2xpZGVyJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHNsaWRlcjogRWxlbWVudFJlZjxIVE1MU3BhbkVsZW1lbnQ+O1xuICBAVmlld0NoaWxkcmVuKCd0YWInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgdGFic1JlZnM6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxMSUVsZW1lbnQ+PjtcbiAgcHVibGljIGFjdGl2ZVRhYkluZGV4OiBudW1iZXI7XG4gIHB1YmxpYyBzdWJzID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIEBJbnB1dCgpIHNlbGVjdGVkVGFiSW5kZXg6IG51bWJlcjtcblxuICBAT3V0cHV0KCkgYWN0aXZlVGFiU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnMudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3Vicy5hZGQoXG4gICAgICBmcm9tRXZlbnQod2luZG93LCAncmVzaXplJylcbiAgICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDUwKSlcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKHRoaXMuYWN0aXZlVGFiSW5kZXgpO1xuICAgICAgICB9KVxuICAgICk7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKSB7XG4gICAgaWYgKCF0aGlzLnNlbGVjdGVkVGFiSW5kZXgpIHtcbiAgICAgIGNvbnN0IGFjdGl2ZVRhYiA9IHRoaXMudGFicy5maW5kKCh0YWIpID0+IHRhYi5pc0FjdGl2ZSk7XG4gICAgICBpZiAoIWFjdGl2ZVRhYikge1xuICAgICAgICBjb25zdCBmaXJzdFRhYiA9IHRoaXMudGFicy5maXJzdDtcbiAgICAgICAgZmlyc3RUYWIuaXNBY3RpdmUgPSB0cnVlO1xuICAgICAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gMDtcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KDApO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNldEFjdGl2ZUxhYmVsKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdDaGVja2VkKCkge1xuICAgIGlmICghdGhpcy5hY3RpdmVUYWJJbmRleCkge1xuICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKDApO1xuICAgIH1cbiAgfVxuXG4gIGdldCBhY3RpdmVUYWIoKSB7XG4gICAgcmV0dXJuIHRoaXMudGFicy5maW5kKCh0YWIpID0+IHRhYi5pc0FjdGl2ZSkgfHwgdGhpcy50YWJzLmZpcnN0O1xuICB9XG5cbiAgYWN0aXZhdGVUYWIoc2VsZWN0ZWRUYWI6IEFmQ29ubmVjdFRhYkNvbXBvbmVudCwgaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMudGFicy5mb3JFYWNoKCh0YWIpID0+IHtcbiAgICAgIHRhYi5pc0FjdGl2ZSA9IHRhYiA9PT0gc2VsZWN0ZWRUYWI7XG4gICAgfSk7XG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGluZGV4O1xuICAgIHRoaXMudHJpZ2dlclNsaWRlcihpbmRleCk7XG4gICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KGluZGV4KTtcbiAgfVxuXG4gIHByaXZhdGUgdHJpZ2dlclNsaWRlcihpOiBudW1iZXIpIHtcbiAgICBjb25zdCBhY3RpdmVUYWJSZWYgPSB0aGlzLnRhYnNSZWZzLmdldChpKTtcbiAgICB0aGlzLnNsaWRlci5uYXRpdmVFbGVtZW50LnN0eWxlLmxlZnQgPSBgJHthY3RpdmVUYWJSZWY/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0TGVmdH1weGA7XG4gICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS53aWR0aCA9IGAke2FjdGl2ZVRhYlJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aH1weGA7XG4gIH1cblxuICBwcml2YXRlIHNldEFjdGl2ZUxhYmVsKCkge1xuICAgIHRoaXMudGFicy5maW5kKCh0YWIsIGkpID0+IHtcbiAgICAgIGNvbnN0IGZvdW5kVGFiID0gaSA9PT0gdGhpcy5zZWxlY3RlZFRhYkluZGV4O1xuICAgICAgaWYgKGZvdW5kVGFiKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlVGFiSW5kZXggPSBpO1xuICAgICAgICB0YWIuaXNBY3RpdmUgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGZvdW5kVGFiO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmF2IGNsYXNzPVwidGFicy1uYXZcIj5cbiAgICA8dWwgY2xhc3M9XCJuYXYtbGlzdFwiPlxuICAgICAgPGxpICN0YWIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJuYXYtaXRlbVwiIFtjbGFzcy5hY3RpdmVdPVwidGFiLmlzQWN0aXZlXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJuYXYtYnV0dG9uXCIgKGNsaWNrKT1cImFjdGl2YXRlVGFiKHRhYiwgaSlcIj5cbiAgICAgICAgICB7eyB0YWIubGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgICAgPHNwYW4gI3NsaWRlciBjbGFzcz1cInNsaWRlclwiPjwvc3Bhbj5cbiAgICA8L3VsPlxuICAgIDxkaXYgY2xhc3M9XCJuYXYtYWN0aW9uLWJ1dHRvbnNcIj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aXZlVGFiLnRhYkJ1dHRvbnNcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9uYXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgIl19
@@ -0,0 +1,33 @@
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 AfConnectToasterMessageComponent {
5
+ constructor() {
6
+ this.size = 'small';
7
+ this.timer = 5000;
8
+ this.onClose = new EventEmitter();
9
+ }
10
+ ngOnInit() {
11
+ setTimeout(() => this.onClose.emit(), this.timer);
12
+ }
13
+ closeToast() {
14
+ this.onClose.emit();
15
+ }
16
+ }
17
+ AfConnectToasterMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToasterMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
18
+ AfConnectToasterMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectToasterMessageComponent, selector: "lib-af-connect-toaster-message", inputs: { message: "message", src: "src", size: "size", timer: "timer" }, outputs: { onClose: "onClose" }, ngImport: i0, template: "<div class=\"toaster-container\">\n <img [class]=\"['svg', size]\" [src]=\"src\" />\n <span class=\"toaster-message\">{{ message }}</span>\n <afc-svg-button\n ngClass=\"close-btn\"\n size=\"medium\"\n src=\"/assets/icons/delete.svg\"\n emitValue=\"isCloseModal\"\n (clickBtn)=\"closeToast()\"\n >\n </afc-svg-button>\n </div>\n ", styles: [":host{display:flex;min-height:2rem;padding-top:.5em;flex-direction:column}img{background:none;border:none;cursor:pointer;justify-content:center}.svg.small{width:14px;height:14px}.svg.medium{width:16px;height:16px}@media (max-width: 768px){.svg.medium{width:14px;height:14px}}@media (max-width: 1024px){.svg.large{width:23px;height:23px}}.toaster-container{border-radius:5px;padding:.5rem 1rem;opacity:1;display:flex;align-items:center;gap:1rem;box-shadow:0 3px 6px #00000029;border-left:8px solid var(--primary-orange-mobile-color);justify-content:space-between}.toaster-message{font-size:12px;color:var(--main-black-color);display:flex;justify-content:center;line-height:2;margin:0 auto 0 0}.close-btn{line-height:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToasterMessageComponent, decorators: [{
20
+ type: Component,
21
+ args: [{ selector: 'lib-af-connect-toaster-message', template: "<div class=\"toaster-container\">\n <img [class]=\"['svg', size]\" [src]=\"src\" />\n <span class=\"toaster-message\">{{ message }}</span>\n <afc-svg-button\n ngClass=\"close-btn\"\n size=\"medium\"\n src=\"/assets/icons/delete.svg\"\n emitValue=\"isCloseModal\"\n (clickBtn)=\"closeToast()\"\n >\n </afc-svg-button>\n </div>\n ", styles: [":host{display:flex;min-height:2rem;padding-top:.5em;flex-direction:column}img{background:none;border:none;cursor:pointer;justify-content:center}.svg.small{width:14px;height:14px}.svg.medium{width:16px;height:16px}@media (max-width: 768px){.svg.medium{width:14px;height:14px}}@media (max-width: 1024px){.svg.large{width:23px;height:23px}}.toaster-container{border-radius:5px;padding:.5rem 1rem;opacity:1;display:flex;align-items:center;gap:1rem;box-shadow:0 3px 6px #00000029;border-left:8px solid var(--primary-orange-mobile-color);justify-content:space-between}.toaster-message{font-size:12px;color:var(--main-black-color);display:flex;justify-content:center;line-height:2;margin:0 auto 0 0}.close-btn{line-height:0}\n"] }]
22
+ }], propDecorators: { message: [{
23
+ type: Input
24
+ }], src: [{
25
+ type: Input
26
+ }], size: [{
27
+ type: Input
28
+ }], timer: [{
29
+ type: Input
30
+ }], onClose: [{
31
+ type: Output
32
+ }] } });
33
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFMN0M7UUFRVyxTQUFJLEdBQWlDLE9BQU8sQ0FBQztRQUM3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ1osWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FTakQ7SUFQQyxRQUFRO1FBQ04sVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs2SEFiVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxpTENQN0Msb1hBWUU7MkZETFcsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzs4QkFLMUIsT0FBTztzQkFBdEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RUb2FzdGVyTWVzc2FnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBtZXNzYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ3NtYWxsJztcbiAgQElucHV0KCkgdGltZXIgPSA1MDAwO1xuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZS5lbWl0KCksIHRoaXMudGltZXIpXG4gIH1cblxuICBwdWJsaWMgY2xvc2VUb2FzdCgpIHtcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidG9hc3Rlci1jb250YWluZXJcIj5cbiAgICA8aW1nIFtjbGFzc109XCJbJ3N2ZycsIHNpemVdXCIgW3NyY109XCJzcmNcIiAvPlxuICAgIDxzcGFuIGNsYXNzPVwidG9hc3Rlci1tZXNzYWdlXCI+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cbiAgICA8YWZjLXN2Zy1idXR0b25cbiAgICAgIG5nQ2xhc3M9XCJjbG9zZS1idG5cIlxuICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICBzcmM9XCIvYXNzZXRzL2ljb25zL2RlbGV0ZS5zdmdcIlxuICAgICAgZW1pdFZhbHVlPVwiaXNDbG9zZU1vZGFsXCJcbiAgICAgIChjbGlja0J0bik9XCJjbG9zZVRvYXN0KClcIlxuICAgID5cbiAgICA8L2FmYy1zdmctYnV0dG9uPlxuICA8L2Rpdj5cbiAgIl19
@@ -0,0 +1,133 @@
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>\n<button\n type=\"button\"\n class=\"toggle-button\"\n (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\n [disabled]=\"disabled\"\n [ngStyle]=\"getButtonStyles()\">\n <span\n *ngIf=\"onStateText\"\n [ngStyle]=\"getOnStateTextStyles() || null\"\n class=\"onStateText\">\n {{onStateText}}\n </span>\n <div\n class=\"toggle-ball\"\n [@toggleButton]=\"position\"\n [ngStyle]=\"getToggleBallStyles() || null\">\n </div>\n <span\n *ngIf=\"offStateText\"\n [ngStyle]=\"getOffStateTextStyles() || null\"\n class=\"offStateText\"> \n {{offStateText}}\n </span>\n</button>\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>\n<button\n type=\"button\"\n class=\"toggle-button\"\n (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\n [disabled]=\"disabled\"\n [ngStyle]=\"getButtonStyles()\">\n <span\n *ngIf=\"onStateText\"\n [ngStyle]=\"getOnStateTextStyles() || null\"\n class=\"onStateText\">\n {{onStateText}}\n </span>\n <div\n class=\"toggle-ball\"\n [@toggleButton]=\"position\"\n [ngStyle]=\"getToggleBallStyles() || null\">\n </div>\n <span\n *ngIf=\"offStateText\"\n [ngStyle]=\"getOffStateTextStyles() || null\"\n class=\"offStateText\"> \n {{offStateText}}\n </span>\n</button>\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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LFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsOEJBQThCLENBQUM7WUFDN0QsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ2xCSCxreUJBeUJ5RiwrMkJEZDNFLENBQUMscUJBQXFCLEVBQUUseUJBQXlCLENBQUM7MkZBU25ELDhCQUE4QjtrQkFiMUMsU0FBUzsrQkFDRSw4QkFBOEIsY0FHNUIsQ0FBQyxxQkFBcUIsRUFBRSx5QkFBeUIsQ0FBQyxhQUNuRDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwrQkFBK0IsQ0FBQzs0QkFDN0QsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7K0hBR1EsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmLCBJbmplY3RvciwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOZ0NvbnRyb2wsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgdG9nZ2xlQnV0dG9uQW5pbWF0aW9uLCB0b2dnbGVCYWNrZ3JvdW5kQW5pbWF0aW9uIH0gZnJvbSAnLi4vY29uc3RhbnRzL2FuaW1hdGlvbi5jb25zdGFudHMnO1xuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcblxuY29uc3QgTkVVVFJBTF9CVVRUT05fQ09MT1IgPSAnI0YzRjNGMyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGFuaW1hdGlvbnM6IFt0b2dnbGVCdXR0b25BbmltYXRpb24sIHRvZ2dsZUJhY2tncm91bmRBbmltYXRpb25dLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RUb2dnbGVCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBlbWl0VmFsdWU6IEVtaXRWYWx1ZTtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSB0cnVlO1xuICBASW5wdXQoKSB3aXRoRm9ybSA9IGZhbHNlO1xuICBASW5wdXQoKSBvblN0YXRlQmFja2dyb3VuZDogc3RyaW5nID0gJ3ZhcigtLXByaW1hcnktY29ubmVjdGVkLW9yYW5nZS1jb2xvciknO1xuICBASW5wdXQoKSBvZmZTdGF0ZUJhY2tncm91bmQ6IHN0cmluZztcbiAgQElucHV0KCkgb25TdGF0ZVRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgb2ZmU3RhdGVUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGJhY2tncm91bmQ6IHN0cmluZztcbiAgQElucHV0KCkgcG9zaXRpb246ICdvbicgfCAnb2ZmJyA9ICdvZmYnO1xuICBASW5wdXQoKSB2YXJpYW50OiAnYmFsbCcgfCAnZnVsbCcgPSAnYmFsbCc7XG4gIEBPdXRwdXQoKSBjbGlja0J0biA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcbiAgcHVibGljIGNvbnRyb2w6IEZvcm1Db250cm9sO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgcHVibGljIHRvZ2dsZVBvc2l0aW9uKCkge1xuICAgIGlmICh0aGlzLnBvc2l0aW9uID09PSAnb24nKSB0aGlzLnBvc2l0aW9uID0gJ29mZic7XG4gICAgZWxzZSB0aGlzLnBvc2l0aW9uID0gJ29uJztcblxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMucG9zaXRpb24gPT09ICdvbicpO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy53aXRoRm9ybSkge1xuICAgICAgY29uc3QgbmdDb250cm9sOiBOZ0NvbnRyb2wgPSB0aGlzLmluamVjdG9yLmdldDxOZ0NvbnRyb2w+KE5nQ29udHJvbCk7XG4gICAgICBpZiAobmdDb250cm9sKSB7XG4gICAgICAgIHRoaXMuY29udHJvbCA9IG5nQ29udHJvbC5jb250cm9sIGFzIEZvcm1Db250cm9sO1xuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2U6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XG4gIHByaXZhdGUgcHJvcGFnYXRlVG91Y2g6IEZ1bmN0aW9uID0gKF86IHN0cmluZykgPT4ge307XG5cbiAgcHVibGljIHdyaXRlVmFsdWUoKTogdm9pZCB7fVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoID0gZm47XG4gIH1cblxuICBwdWJsaWMgb25CbHVyKCk6IHZvaWQge1xuICAgIHRoaXMucHJvcGFnYXRlVG91Y2goKTtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGU/KGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgcHVibGljIGdldEJ1dHRvblN0eWxlcygpOiBPYmplY3Qge1xuICAgIGlmICh0aGlzLnZhcmlhbnQgPT09ICdmdWxsJylcbiAgICAgIHJldHVybiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoaXMuYmFja2dyb3VuZCB8fCBORVVUUkFMX0JVVFRPTl9DT0xPUixcbiAgICAgICAgd2lkdGg6ICcxNTJweCcsXG4gICAgICAgIGhlaWdodDogJzMycHgnLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICcxNnB4J1xuICAgICAgfTtcbiAgICBlbHNlXG4gICAgICByZXR1cm4ge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGlzLnBvc2l0aW9uID09PSAnb24nID8gdGhpcy5vblN0YXRlQmFja2dyb3VuZCA6IHRoaXMub2ZmU3RhdGVCYWNrZ3JvdW5kXG4gICAgICB9O1xuICB9XG5cbiAgcHVibGljIGdldFRvZ2dsZUJhbGxTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZDogJyMxNTgwOEQnLFxuICAgICAgICB3aWR0aDogJzc2cHgnLFxuICAgICAgICBoZWlnaHQ6ICczMnB4JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTZweCcsXG4gICAgICAgIG1hcmdpbjogMFxuICAgICAgfTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRPblN0YXRlVGV4dFN0eWxlcygpOiBPYmplY3QgfCB2b2lkIHtcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXG4gICAgICByZXR1cm4ge1xuICAgICAgICB6SW5kZXg6ICcyJyxcbiAgICAgICAgZm9udFNpemU6ICcxNHB4JyxcbiAgICAgICAgbWFyZ2luTGVmdDogJzE5cHgnLFxuICAgICAgICBjb2xvcjogdGhpcy5wb3NpdGlvbiA9PT0gJ29uJyA/ICcjNzA3MDcwJyA6ICcjZmZmJ1xuICAgICAgfTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRPZmZTdGF0ZVRleHRTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2Z1bGwnKVxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgekluZGV4OiAnMicsXG4gICAgICAgIGZvbnRTaXplOiAnMTRweCcsXG4gICAgICAgIG1hcmdpbkxlZnQ6ICcxNnB4JyxcbiAgICAgICAgY29sb3I6IHRoaXMucG9zaXRpb24gPT09ICdvZmYnID8gJyM3MDcwNzAnIDogJyNmZmYnXG4gICAgICB9O1xuICB9XG59XG4iLCI8bGFiZWw+e3sgbGFiZWwgfX08L2xhYmVsPlxuPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwidG9nZ2xlLWJ1dHRvblwiXG4gICAgKGNsaWNrKT1cInRoaXMuY2xpY2tCdG4uZW1pdChlbWl0VmFsdWUpOyB0b2dnbGVQb3NpdGlvbigpO1wiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbbmdTdHlsZV09XCJnZXRCdXR0b25TdHlsZXMoKVwiPlxuICAgIDxzcGFuXG4gICAgICAgICpuZ0lmPVwib25TdGF0ZVRleHRcIlxuICAgICAgICBbbmdTdHlsZV09XCJnZXRPblN0YXRlVGV4dFN0eWxlcygpIHx8IG51bGxcIlxuICAgICAgICBjbGFzcz1cIm9uU3RhdGVUZXh0XCI+XG4gICAgICAgIHt7b25TdGF0ZVRleHR9fVxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInRvZ2dsZS1iYWxsXCJcbiAgICAgIFtAdG9nZ2xlQnV0dG9uXT1cInBvc2l0aW9uXCJcbiAgICAgIFtuZ1N0eWxlXT1cImdldFRvZ2dsZUJhbGxTdHlsZXMoKSB8fCBudWxsXCI+XG4gICAgPC9kaXY+XG4gICAgPHNwYW5cbiAgICAgICAgKm5nSWY9XCJvZmZTdGF0ZVRleHRcIlxuICAgICAgICBbbmdTdHlsZV09XCJnZXRPZmZTdGF0ZVRleHRTdHlsZXMoKSB8fCBudWxsXCJcbiAgICAgICAgY2xhc3M9XCJvZmZTdGF0ZVRleHRcIj4gXG4gICAgICAgIHt7b2ZmU3RhdGVUZXh0fX1cbiAgICA8L3NwYW4+XG48L2J1dHRvbj5cbjxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cInN0YXRlLWluZm8tdGV4dFwiPnt7IHBvc2l0aW9uID09PSAnb24nID8gJ1llcycgOiAnTm8nIH19PC9zcGFuPiJdfQ==
@@ -0,0 +1,48 @@
1
+ import { Component, HostListener, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ export class AfConnectTooltipComponent {
5
+ constructor() {
6
+ this.position = 'bottomRight';
7
+ this.additionalShowCondition = true;
8
+ this.zIndex = 10;
9
+ this.showContent = false;
10
+ }
11
+ onMouseEnter() {
12
+ this.showContent = !this.showContent;
13
+ }
14
+ onMouseLeave() {
15
+ this.showContent = false;
16
+ }
17
+ click() {
18
+ this.showContent = !this.showContent;
19
+ }
20
+ }
21
+ AfConnectTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
22
+ AfConnectTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTooltipComponent, selector: "lib-af-connect-tooltip", inputs: { text: "text", position: "position", additionalShowCondition: "additionalShowCondition", top: "top", autoSize: "autoSize", zIndex: "zIndex" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "click()" } }, ngImport: i0, template: "<div\n *ngIf=\"showContent && additionalShowCondition\"\n [ngStyle]=\"{\n top: top,\n zIndex: zIndex\n }\"\n [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\n>\n <div class=\"tooltip__text\">{{ text }}</div>\n</div>\n<ng-content></ng-content>\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\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"] }] });
23
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTooltipComponent, decorators: [{
24
+ type: Component,
25
+ args: [{ selector: 'lib-af-connect-tooltip', template: "<div\n *ngIf=\"showContent && additionalShowCondition\"\n [ngStyle]=\"{\n top: top,\n zIndex: zIndex\n }\"\n [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\n>\n <div class=\"tooltip__text\">{{ text }}</div>\n</div>\n<ng-content></ng-content>\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\n"] }]
26
+ }], propDecorators: { text: [{
27
+ type: Input
28
+ }], position: [{
29
+ type: Input
30
+ }], additionalShowCondition: [{
31
+ type: Input
32
+ }], top: [{
33
+ type: Input
34
+ }], autoSize: [{
35
+ type: Input
36
+ }], zIndex: [{
37
+ type: Input
38
+ }], onMouseEnter: [{
39
+ type: HostListener,
40
+ args: ['mouseenter']
41
+ }], onMouseLeave: [{
42
+ type: HostListener,
43
+ args: ['mouseleave']
44
+ }], click: [{
45
+ type: HostListener,
46
+ args: ['click']
47
+ }] } });
48
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9vbHRpcC9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b29sdGlwL2FmLWNvbm5lY3QtdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVE1RSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBT1csYUFBUSxHQUFhLGFBQWEsQ0FBQztRQUNuQyw0QkFBdUIsR0FBWSxJQUFJLENBQUM7UUFHeEMsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUV0QixnQkFBVyxHQUFHLEtBQUssQ0FBQztLQW1CNUI7SUFqQjZCLFlBQVk7UUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUUyQixZQUFZO1FBQ3RDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFc0IsS0FBSztRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QyxDQUFDOztzSEFwQlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsbVVDUnRDLDRSQVdBOzJGREhhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBS3pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSXNCLFlBQVk7c0JBQXZDLFlBQVk7dUJBQUMsWUFBWTtnQkFJRSxZQUFZO3NCQUF2QyxZQUFZO3VCQUFDLFlBQVk7Z0JBSUgsS0FBSztzQkFBM0IsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9zaXRpb24gfSBmcm9tICcuL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdG9vbHRpcCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RUb29sdGlwQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwb3NpdGlvbjogUG9zaXRpb24gPSAnYm90dG9tUmlnaHQnO1xuICBASW5wdXQoKSBhZGRpdGlvbmFsU2hvd0NvbmRpdGlvbjogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHRvcDogc3RyaW5nO1xuICBASW5wdXQoKSBhdXRvU2l6ZTogYm9vbGVhbjtcbiAgQElucHV0KCkgekluZGV4OiBudW1iZXIgPSAxMDtcblxuICBwdWJsaWMgc2hvd0NvbnRlbnQgPSBmYWxzZTtcblxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgb25Nb3VzZUVudGVyKCkge1xuICAgIHRoaXMuc2hvd0NvbnRlbnQgPSAhdGhpcy5zaG93Q29udGVudDtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKSBvbk1vdXNlTGVhdmUoKSB7XG4gICAgdGhpcy5zaG93Q29udGVudCA9IGZhbHNlO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKSBjbGljaygpIHtcbiAgICB0aGlzLnNob3dDb250ZW50ID0gIXRoaXMuc2hvd0NvbnRlbnQ7XG4gIH1cblxuICAvLyBASG9zdEJpbmRpbmcoJ3N0eWxlLnotaW5kZXgnKVxuICAvLyBnZXQgekluZGV4U3R5bGUoKTogbnVtYmVyIHtcbiAgLy8gICByZXR1cm4gdGhpcy56SW5kZXg7XG4gIC8vIH1cblxufVxuIiwiPGRpdlxuICAqbmdJZj1cInNob3dDb250ZW50ICYmIGFkZGl0aW9uYWxTaG93Q29uZGl0aW9uXCJcbiAgW25nU3R5bGVdPVwie1xuICAgIHRvcDogdG9wLFxuICAgIHpJbmRleDogekluZGV4XG4gIH1cIlxuICBbbmdDbGFzc109XCJbJ3Rvb2x0aXBfX3RleHRfX2JveCcsIHBvc2l0aW9uLCBhdXRvU2l6ZSA/ICdhdXRvU2l6ZScgOiAnJ11cIlxuPlxuICA8ZGl2IGNsYXNzPVwidG9vbHRpcF9fdGV4dFwiPnt7IHRleHQgfX08L2Rpdj5cbjwvZGl2PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRvb2x0aXAvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFBvc2l0aW9uID0gJ3RvcExlZnQnIHwgJ3RvcFJpZ2h0JyB8ICd0b3BDZW50ZXInIHwgJ2JvdHRvbUNlbnRlcicgfCAnYm90dG9tTGVmdCcgfCAnYm90dG9tUmlnaHQnO1xuIl19