af-connect-components 18.0.2 → 18.0.3

package/{esm2020 → esm2022}/lib/af-connect-select/af-connect-select.component.mjs

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-export class AfConnectSelectComponent {
-}
-AfConnectSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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)\">\r\n\r\n    <div class=\"field-container\">\r\n      <div class=\"label-container\">\r\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n        </label>\r\n        <afc-form-validation-errors\r\n          [control]=\"control\"\r\n          [fieldText]=\"errorReferenceText || label\"\r\n        ></afc-form-validation-errors>\r\n      </div>\r\n      <div class=\"input-container\">\r\n        <input\r\n          type=\"text\"\r\n          class=\"field-container-input\"\r\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n          [maxLength]=\"maxLength\"\r\n          [ngClass]=\"[\r\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n            size,\r\n            dropdownOpen ? 'dropdown-open' : '',\r\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n            filter ? 'filterable' : 'non-filterable'\r\n          ]\"\r\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n          [(ngModel)]=\"currentValue\"\r\n          (blur)=\"onBlur()\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n          <afc-expandable-arrow\r\n            endPosition=\"top\"\r\n            startPosition=\"bottom\"\r\n            animationSpeed=\"fast\"\r\n            ngClass=\"arrow\"\r\n            [isExpanded]=\"dropdownOpen\"\r\n          >\r\n          </afc-expandable-arrow>\r\n        </div>\r\n      </div>\r\n    </div>\r\n \r\n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n  </div>\r\n  \r\n  <ng-template #dropdownListItems let-type=\"type\">\r\n    <ul\r\n      class=\"dropdown-list\"\r\n      role=\"listbox\"\r\n      aria-expanded=\"false\"\r\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n    >\r\n      <ng-container\r\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n        [ngTemplateOutlet]=\"virtualScroll\"\r\n      ></ng-container>\r\n    </ul>\r\n  </ng-template>\r\n  \r\n  <ng-template #virtualScroll>\r\n    <cdk-virtual-scroll-viewport\r\n      class=\"select-menu-inner\"\r\n      [appendOnly]=\"true\"\r\n      [itemSize]=\"SizeEnum[size]\"\r\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n    >\r\n      <div\r\n        class=\"list-item-container\"\r\n        *cdkVirtualFor=\"let option of filteredOptions\"\r\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <img\r\n          height=\"14\"\r\n          width=\"26\"\r\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n        />\r\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </ng-template>\r\n  \r\n  <ng-template #noDropdownData>\r\n    <div class=\"dropdown-no-data\">No Data</div>\r\n  </ng-template>\r\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"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-select', template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\r\n\r\n    <div class=\"field-container\">\r\n      <div class=\"label-container\">\r\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n        </label>\r\n        <afc-form-validation-errors\r\n          [control]=\"control\"\r\n          [fieldText]=\"errorReferenceText || label\"\r\n        ></afc-form-validation-errors>\r\n      </div>\r\n      <div class=\"input-container\">\r\n        <input\r\n          type=\"text\"\r\n          class=\"field-container-input\"\r\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n          [maxLength]=\"maxLength\"\r\n          [ngClass]=\"[\r\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n            size,\r\n            dropdownOpen ? 'dropdown-open' : '',\r\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n            filter ? 'filterable' : 'non-filterable'\r\n          ]\"\r\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n          [(ngModel)]=\"currentValue\"\r\n          (blur)=\"onBlur()\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n          <afc-expandable-arrow\r\n            endPosition=\"top\"\r\n            startPosition=\"bottom\"\r\n            animationSpeed=\"fast\"\r\n            ngClass=\"arrow\"\r\n            [isExpanded]=\"dropdownOpen\"\r\n          >\r\n          </afc-expandable-arrow>\r\n        </div>\r\n      </div>\r\n    </div>\r\n \r\n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n  </div>\r\n  \r\n  <ng-template #dropdownListItems let-type=\"type\">\r\n    <ul\r\n      class=\"dropdown-list\"\r\n      role=\"listbox\"\r\n      aria-expanded=\"false\"\r\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n    >\r\n      <ng-container\r\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n        [ngTemplateOutlet]=\"virtualScroll\"\r\n      ></ng-container>\r\n    </ul>\r\n  </ng-template>\r\n  \r\n  <ng-template #virtualScroll>\r\n    <cdk-virtual-scroll-viewport\r\n      class=\"select-menu-inner\"\r\n      [appendOnly]=\"true\"\r\n      [itemSize]=\"SizeEnum[size]\"\r\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n    >\r\n      <div\r\n        class=\"list-item-container\"\r\n        *cdkVirtualFor=\"let option of filteredOptions\"\r\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <img\r\n          height=\"14\"\r\n          width=\"26\"\r\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n        />\r\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </ng-template>\r\n  \r\n  <ng-template #noDropdownData>\r\n    <div class=\"dropdown-no-data\">No Data</div>\r\n  </ng-template>\r\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"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDZEQ1ByQywrbkhBMEZNOzJGRG5GTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWxlY3RDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb2xsZWN0aW9uXCIgW25nQ2xhc3NdPVwiW3NpemUsIChjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vdC1kaXNhYmxlZCcsXVwiIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigkZXZlbnQpXCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWwtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbbmdDbGFzc109XCJbdmFyaWFudF1cIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAgICAgICAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgICAgICA8YWZjLWZvcm0tdmFsaWRhdGlvbi1lcnJvcnNcclxuICAgICAgICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgICAgICAgW2ZpZWxkVGV4dF09XCJlcnJvclJlZmVyZW5jZVRleHQgfHwgbGFiZWxcIlxyXG4gICAgICAgID48L2FmYy1mb3JtLXZhbGlkYXRpb24tZXJyb3JzPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgY2xhc3M9XCJmaWVsZC1jb250YWluZXItaW5wdXRcIlxyXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIihpc1JlYWRPbmx5ICYmIHJlYWRPbmx5UGxhY2Vob2xkZXIpIHx8IHBsYWNlaG9sZGVyXCJcclxuICAgICAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICAgICAgKGNvbnRyb2wgJiYgY29udHJvbC5kaXNhYmxlZCkgfHwgaXNEaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm90LWRpc2FibGVkJyxcclxuICAgICAgICAgICAgc2l6ZSxcclxuICAgICAgICAgICAgZHJvcGRvd25PcGVuID8gJ2Ryb3Bkb3duLW9wZW4nIDogJycsXHJcbiAgICAgICAgICAgIGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWQgPyAnaGFzRXJyb3InIDogJycsXHJcbiAgICAgICAgICAgIGZpbHRlciA/ICdmaWx0ZXJhYmxlJyA6ICdub24tZmlsdGVyYWJsZSdcclxuICAgICAgICAgIF1cIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIihjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgfHwgdmFyaWFudCA9PT0gJ3JlYWQtb25seScgfHwgaXNSZWFkT25seVwiXHJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVwiXHJcbiAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcnJvdy1jb250YWluZXJcIiAqbmdJZj1cInZhcmlhbnQgIT09ICdyZWFkLW9ubHknXCI+XHJcbiAgICAgICAgICA8YWZjLWV4cGFuZGFibGUtYXJyb3dcclxuICAgICAgICAgICAgZW5kUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgICAgICBzdGFydFBvc2l0aW9uPVwiYm90dG9tXCJcclxuICAgICAgICAgICAgYW5pbWF0aW9uU3BlZWQ9XCJmYXN0XCJcclxuICAgICAgICAgICAgbmdDbGFzcz1cImFycm93XCJcclxuICAgICAgICAgICAgW2lzRXhwYW5kZWRdPVwiZHJvcGRvd25PcGVuXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDwvYWZjLWV4cGFuZGFibGUtYXJyb3c+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiBcclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcm9wZG93bkxpc3RJdGVtczsgY29udGV4dDogeyB0eXBlIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI2Ryb3Bkb3duTGlzdEl0ZW1zIGxldC10eXBlPVwidHlwZVwiPlxyXG4gICAgPHVsXHJcbiAgICAgIGNsYXNzPVwiZHJvcGRvd24tbGlzdFwiXHJcbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcclxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcclxuICAgICAgW0BzZWxlY3RBbmltYXRpb25dPVwiZHJvcGRvd25PcGVuID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnZHJvcGRvd24tb3Blbic6IGRyb3Bkb3duT3BlbiB9XCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiZmlsdGVyZWRPcHRpb25zLmxlbmd0aCAhPT0gMDsgZWxzZSBub0Ryb3Bkb3duRGF0YVwiXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlydHVhbFNjcm9sbFwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvdWw+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI3ZpcnR1YWxTY3JvbGw+XHJcbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XHJcbiAgICAgIGNsYXNzPVwic2VsZWN0LW1lbnUtaW5uZXJcIlxyXG4gICAgICBbYXBwZW5kT25seV09XCJ0cnVlXCJcclxuICAgICAgW2l0ZW1TaXplXT1cIlNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpdGVtc1Nob3duICogU2l6ZUVudW1bc2l6ZV1cIlxyXG4gICAgICBbbWluQnVmZmVyUHhdPVwiaXRlbXNTaG93biAqIFNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW21heEJ1ZmZlclB4XT1cIml0ZW1zU2hvd24gKiBTaXplRW51bVtzaXplXVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImxpc3QtaXRlbS1jb250YWluZXJcIlxyXG4gICAgICAgICpjZGtWaXJ0dWFsRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIltjdXJyZW50VmFsdWUgPT09IG9wdGlvbiA/ICdzZWxlY3RlZCcgOiAnJywgc2l6ZV1cIlxyXG4gICAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nXHJcbiAgICAgICAgICBoZWlnaHQ9XCIxNFwiXHJcbiAgICAgICAgICB3aWR0aD1cIjI2XCJcclxuICAgICAgICAgICpuZ0lmPVwiKHR5cGUgPT09ICdjb3VudHJ5JyB8fCB0eXBlID09PSAnY291bnRyeS1jb2RlJykgJiYgb3B0aW9uWydjb3VudHJ5Q29kZSddXCJcclxuICAgICAgICAgIFtzcmNdPVwiJy4uLy4uLy4uLy4uL2Fzc2V0cy9jb3VudHJ5LWZsYWdzLycgKyBvcHRpb24/LlsnY291bnRyeUNvZGUnXSArICcuc3ZnJyB8IGxvd2VyY2FzZVwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8bGkgdGFiaW5kZXg9XCIwXCIgcm9sZT1cIm9wdGlvblwiIFtpbm5lckhUTUxdPVwidmFsdWVGaWVsZCAmJiB0ZXh0RmllbGQgPyBvcHRpb25bdGV4dEZpZWxkXSA6IG9wdGlvblwiPjwvbGk+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI25vRHJvcGRvd25EYXRhPlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW5vLWRhdGFcIj5ObyBEYXRhPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICAgLS0+Il19
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectSelectComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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)\">\r\n\r\n    <div class=\"field-container\">\r\n      <div class=\"label-container\">\r\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n        </label>\r\n        <afc-form-validation-errors\r\n          [control]=\"control\"\r\n          [fieldText]=\"errorReferenceText || label\"\r\n        ></afc-form-validation-errors>\r\n      </div>\r\n      <div class=\"input-container\">\r\n        <input\r\n          type=\"text\"\r\n          class=\"field-container-input\"\r\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n          [maxLength]=\"maxLength\"\r\n          [ngClass]=\"[\r\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n            size,\r\n            dropdownOpen ? 'dropdown-open' : '',\r\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n            filter ? 'filterable' : 'non-filterable'\r\n          ]\"\r\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n          [(ngModel)]=\"currentValue\"\r\n          (blur)=\"onBlur()\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n          <afc-expandable-arrow\r\n            endPosition=\"top\"\r\n            startPosition=\"bottom\"\r\n            animationSpeed=\"fast\"\r\n            ngClass=\"arrow\"\r\n            [isExpanded]=\"dropdownOpen\"\r\n          >\r\n          </afc-expandable-arrow>\r\n        </div>\r\n      </div>\r\n    </div>\r\n \r\n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n  </div>\r\n  \r\n  <ng-template #dropdownListItems let-type=\"type\">\r\n    <ul\r\n      class=\"dropdown-list\"\r\n      role=\"listbox\"\r\n      aria-expanded=\"false\"\r\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n    >\r\n      <ng-container\r\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n        [ngTemplateOutlet]=\"virtualScroll\"\r\n      ></ng-container>\r\n    </ul>\r\n  </ng-template>\r\n  \r\n  <ng-template #virtualScroll>\r\n    <cdk-virtual-scroll-viewport\r\n      class=\"select-menu-inner\"\r\n      [appendOnly]=\"true\"\r\n      [itemSize]=\"SizeEnum[size]\"\r\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n    >\r\n      <div\r\n        class=\"list-item-container\"\r\n        *cdkVirtualFor=\"let option of filteredOptions\"\r\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <img\r\n          height=\"14\"\r\n          width=\"26\"\r\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n        />\r\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </ng-template>\r\n  \r\n  <ng-template #noDropdownData>\r\n    <div class=\"dropdown-no-data\">No Data</div>\r\n  </ng-template>\r\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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-select', template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\r\n\r\n    <div class=\"field-container\">\r\n      <div class=\"label-container\">\r\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n        </label>\r\n        <afc-form-validation-errors\r\n          [control]=\"control\"\r\n          [fieldText]=\"errorReferenceText || label\"\r\n        ></afc-form-validation-errors>\r\n      </div>\r\n      <div class=\"input-container\">\r\n        <input\r\n          type=\"text\"\r\n          class=\"field-container-input\"\r\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n          [maxLength]=\"maxLength\"\r\n          [ngClass]=\"[\r\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n            size,\r\n            dropdownOpen ? 'dropdown-open' : '',\r\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n            filter ? 'filterable' : 'non-filterable'\r\n          ]\"\r\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n          [(ngModel)]=\"currentValue\"\r\n          (blur)=\"onBlur()\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n          <afc-expandable-arrow\r\n            endPosition=\"top\"\r\n            startPosition=\"bottom\"\r\n            animationSpeed=\"fast\"\r\n            ngClass=\"arrow\"\r\n            [isExpanded]=\"dropdownOpen\"\r\n          >\r\n          </afc-expandable-arrow>\r\n        </div>\r\n      </div>\r\n    </div>\r\n \r\n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n  </div>\r\n  \r\n  <ng-template #dropdownListItems let-type=\"type\">\r\n    <ul\r\n      class=\"dropdown-list\"\r\n      role=\"listbox\"\r\n      aria-expanded=\"false\"\r\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n    >\r\n      <ng-container\r\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n        [ngTemplateOutlet]=\"virtualScroll\"\r\n      ></ng-container>\r\n    </ul>\r\n  </ng-template>\r\n  \r\n  <ng-template #virtualScroll>\r\n    <cdk-virtual-scroll-viewport\r\n      class=\"select-menu-inner\"\r\n      [appendOnly]=\"true\"\r\n      [itemSize]=\"SizeEnum[size]\"\r\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n    >\r\n      <div\r\n        class=\"list-item-container\"\r\n        *cdkVirtualFor=\"let option of filteredOptions\"\r\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <img\r\n          height=\"14\"\r\n          width=\"26\"\r\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n        />\r\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </ng-template>\r\n  \r\n  <ng-template #noDropdownData>\r\n    <div class=\"dropdown-no-data\">No Data</div>\r\n  </ng-template>\r\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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsNkRDUHJDLCtuSEEwRk07OzRGRG5GTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWxlY3RDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb2xsZWN0aW9uXCIgW25nQ2xhc3NdPVwiW3NpemUsIChjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vdC1kaXNhYmxlZCcsXVwiIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigkZXZlbnQpXCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWwtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbbmdDbGFzc109XCJbdmFyaWFudF1cIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAgICAgICAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgICAgICA8YWZjLWZvcm0tdmFsaWRhdGlvbi1lcnJvcnNcclxuICAgICAgICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgICAgICAgW2ZpZWxkVGV4dF09XCJlcnJvclJlZmVyZW5jZVRleHQgfHwgbGFiZWxcIlxyXG4gICAgICAgID48L2FmYy1mb3JtLXZhbGlkYXRpb24tZXJyb3JzPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgY2xhc3M9XCJmaWVsZC1jb250YWluZXItaW5wdXRcIlxyXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIihpc1JlYWRPbmx5ICYmIHJlYWRPbmx5UGxhY2Vob2xkZXIpIHx8IHBsYWNlaG9sZGVyXCJcclxuICAgICAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICAgICAgKGNvbnRyb2wgJiYgY29udHJvbC5kaXNhYmxlZCkgfHwgaXNEaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm90LWRpc2FibGVkJyxcclxuICAgICAgICAgICAgc2l6ZSxcclxuICAgICAgICAgICAgZHJvcGRvd25PcGVuID8gJ2Ryb3Bkb3duLW9wZW4nIDogJycsXHJcbiAgICAgICAgICAgIGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWQgPyAnaGFzRXJyb3InIDogJycsXHJcbiAgICAgICAgICAgIGZpbHRlciA/ICdmaWx0ZXJhYmxlJyA6ICdub24tZmlsdGVyYWJsZSdcclxuICAgICAgICAgIF1cIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIihjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgfHwgdmFyaWFudCA9PT0gJ3JlYWQtb25seScgfHwgaXNSZWFkT25seVwiXHJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVwiXHJcbiAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcnJvdy1jb250YWluZXJcIiAqbmdJZj1cInZhcmlhbnQgIT09ICdyZWFkLW9ubHknXCI+XHJcbiAgICAgICAgICA8YWZjLWV4cGFuZGFibGUtYXJyb3dcclxuICAgICAgICAgICAgZW5kUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgICAgICBzdGFydFBvc2l0aW9uPVwiYm90dG9tXCJcclxuICAgICAgICAgICAgYW5pbWF0aW9uU3BlZWQ9XCJmYXN0XCJcclxuICAgICAgICAgICAgbmdDbGFzcz1cImFycm93XCJcclxuICAgICAgICAgICAgW2lzRXhwYW5kZWRdPVwiZHJvcGRvd25PcGVuXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDwvYWZjLWV4cGFuZGFibGUtYXJyb3c+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiBcclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcm9wZG93bkxpc3RJdGVtczsgY29udGV4dDogeyB0eXBlIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI2Ryb3Bkb3duTGlzdEl0ZW1zIGxldC10eXBlPVwidHlwZVwiPlxyXG4gICAgPHVsXHJcbiAgICAgIGNsYXNzPVwiZHJvcGRvd24tbGlzdFwiXHJcbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcclxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcclxuICAgICAgW0BzZWxlY3RBbmltYXRpb25dPVwiZHJvcGRvd25PcGVuID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnZHJvcGRvd24tb3Blbic6IGRyb3Bkb3duT3BlbiB9XCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiZmlsdGVyZWRPcHRpb25zLmxlbmd0aCAhPT0gMDsgZWxzZSBub0Ryb3Bkb3duRGF0YVwiXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlydHVhbFNjcm9sbFwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvdWw+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI3ZpcnR1YWxTY3JvbGw+XHJcbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XHJcbiAgICAgIGNsYXNzPVwic2VsZWN0LW1lbnUtaW5uZXJcIlxyXG4gICAgICBbYXBwZW5kT25seV09XCJ0cnVlXCJcclxuICAgICAgW2l0ZW1TaXplXT1cIlNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpdGVtc1Nob3duICogU2l6ZUVudW1bc2l6ZV1cIlxyXG4gICAgICBbbWluQnVmZmVyUHhdPVwiaXRlbXNTaG93biAqIFNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW21heEJ1ZmZlclB4XT1cIml0ZW1zU2hvd24gKiBTaXplRW51bVtzaXplXVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImxpc3QtaXRlbS1jb250YWluZXJcIlxyXG4gICAgICAgICpjZGtWaXJ0dWFsRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIltjdXJyZW50VmFsdWUgPT09IG9wdGlvbiA/ICdzZWxlY3RlZCcgOiAnJywgc2l6ZV1cIlxyXG4gICAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nXHJcbiAgICAgICAgICBoZWlnaHQ9XCIxNFwiXHJcbiAgICAgICAgICB3aWR0aD1cIjI2XCJcclxuICAgICAgICAgICpuZ0lmPVwiKHR5cGUgPT09ICdjb3VudHJ5JyB8fCB0eXBlID09PSAnY291bnRyeS1jb2RlJykgJiYgb3B0aW9uWydjb3VudHJ5Q29kZSddXCJcclxuICAgICAgICAgIFtzcmNdPVwiJy4uLy4uLy4uLy4uL2Fzc2V0cy9jb3VudHJ5LWZsYWdzLycgKyBvcHRpb24/LlsnY291bnRyeUNvZGUnXSArICcuc3ZnJyB8IGxvd2VyY2FzZVwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8bGkgdGFiaW5kZXg9XCIwXCIgcm9sZT1cIm9wdGlvblwiIFtpbm5lckhUTUxdPVwidmFsdWVGaWVsZCAmJiB0ZXh0RmllbGQgPyBvcHRpb25bdGV4dEZpZWxkXSA6IG9wdGlvblwiPjwvbGk+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI25vRHJvcGRvd25EYXRhPlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW5vLWRhdGFcIj5ObyBEYXRhPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICAgLS0+Il19

package/{esm2020 → esm2022}/lib/af-connect-svg-button/af-connect-svg-button.component.mjs

@@ -1,27 +1,27 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class AfConnectSvgButtonComponent {
-    constructor() {
-        this.size = 'none';
-        this.clickBtn = new EventEmitter();
-    }
-    ngOnInit() { }
-}
-AfConnectSvgButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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\r\n  [class]=\"['svg', size]\"\r\n  [ngStyle]=\"{ width: customSize, height: customSize }\"\r\n  (click)=\"this.clickBtn.emit(emitValue)\"\r\n  [src]=\"src\"\r\n/>\r\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-svg-button', template: "<img\r\n  [class]=\"['svg', size]\"\r\n  [ngStyle]=\"{ width: customSize, height: customSize }\"\r\n  (click)=\"this.clickBtn.emit(emitValue)\"\r\n  [src]=\"src\"\r\n/>\r\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"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { src: [{
-                type: Input
-            }], emitValue: [{
-                type: Input
-            }], customSize: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], clickBtn: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi9hZi1jb25uZWN0LXN2Zy1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLFNBQUksR0FBMEMsTUFBTSxDQUFDO1FBRXBELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztJQUN4QyxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOzt3SEFUUiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw0TENSeEMsOEtBTUE7MkZERWEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3Qtc3ZnLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFN2Z0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZW1pdFZhbHVlOiBFbWl0VmFsdWU7XHJcbiAgQElucHV0KCkgY3VzdG9tU2l6ZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnbm9uZScgPSAnbm9uZSc7XHJcblxyXG4gIEBPdXRwdXQoKSBjbGlja0J0biA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8aW1nXHJcbiAgW2NsYXNzXT1cIlsnc3ZnJywgc2l6ZV1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGN1c3RvbVNpemUsIGhlaWdodDogY3VzdG9tU2l6ZSB9XCJcclxuICAoY2xpY2spPVwidGhpcy5jbGlja0J0bi5lbWl0KGVtaXRWYWx1ZSlcIlxyXG4gIFtzcmNdPVwic3JjXCJcclxuLz5cclxuIl19
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectSvgButtonComponent {
+    constructor() {
+        this.size = 'none';
+        this.clickBtn = new EventEmitter();
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSvgButtonComponent, selector: "lib-af-connect-svg-button", inputs: { src: "src", emitValue: "emitValue", customSize: "customSize", size: "size" }, outputs: { clickBtn: "clickBtn" }, ngImport: i0, template: "<img\r\n  [class]=\"['svg', size]\"\r\n  [ngStyle]=\"{ width: customSize, height: customSize }\"\r\n  (click)=\"this.clickBtn.emit(emitValue)\"\r\n  [src]=\"src\"\r\n/>\r\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSvgButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-svg-button', template: "<img\r\n  [class]=\"['svg', size]\"\r\n  [ngStyle]=\"{ width: customSize, height: customSize }\"\r\n  (click)=\"this.clickBtn.emit(emitValue)\"\r\n  [src]=\"src\"\r\n/>\r\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"] }]
+        }], ctorParameters: () => [], propDecorators: { src: [{
+                type: Input
+            }], emitValue: [{
+                type: Input
+            }], customSize: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], clickBtn: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi9hZi1jb25uZWN0LXN2Zy1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLFNBQUksR0FBMEMsTUFBTSxDQUFDO1FBRXBELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztJQUN4QyxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOytHQVRSLDJCQUEyQjttR0FBM0IsMkJBQTJCLDRMQ1J4Qyw4S0FNQTs7NEZERWEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjt3REFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRW1pdFZhbHVlIH0gZnJvbSAnLi4vY29uc3RhbnRzL2Jhc2UuY29uc3RhbnRzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3Qtc3ZnLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFN2Z0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZW1pdFZhbHVlOiBFbWl0VmFsdWU7XHJcbiAgQElucHV0KCkgY3VzdG9tU2l6ZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnbm9uZScgPSAnbm9uZSc7XHJcblxyXG4gIEBPdXRwdXQoKSBjbGlja0J0biA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxufVxyXG4iLCI8aW1nXHJcbiAgW2NsYXNzXT1cIlsnc3ZnJywgc2l6ZV1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGN1c3RvbVNpemUsIGhlaWdodDogY3VzdG9tU2l6ZSB9XCJcclxuICAoY2xpY2spPVwidGhpcy5jbGlja0J0bi5lbWl0KGVtaXRWYWx1ZSlcIlxyXG4gIFtzcmNdPVwic3JjXCJcclxuLz5cclxuIl19

package/{esm2020 → esm2022}/lib/af-connect-tab/af-connect-tab.component.mjs

@@ -1,20 +1,20 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class AfConnectTabComponent {
-    constructor() {
-        this.isActive = false;
-    }
-}
-AfConnectTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  ", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-tab', template: "<div [hidden]=\"!isActive\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  " }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], isActive: [{
-                type: Input
-            }], tabButtons: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPVyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBRXBDOztrSEFKWSxxQkFBcUI7c0dBQXJCLHFCQUFxQixzSUNObEMsaUZBR0U7MkZER1cscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFiJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdGFiLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRhYkJ1dHRvbnM6IFRlbXBsYXRlUmVmPGFueT47XHJcbn1cclxuIiwiPGRpdiBbaGlkZGVuXT1cIiFpc0FjdGl2ZVwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gICJdfQ==
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectTabComponent {
+    constructor() {
+        this.isActive = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectTabComponent, selector: "lib-af-connect-tab", inputs: { label: "label", isActive: "isActive", tabButtons: "tabButtons" }, ngImport: i0, template: "<div [hidden]=\"!isActive\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  ", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-tab', template: "<div [hidden]=\"!isActive\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  " }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], tabButtons: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPVyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBRXBDOytHQUpZLHFCQUFxQjttR0FBckIscUJBQXFCLHNJQ05sQyxpRkFHRTs7NEZER1cscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFiJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdGFiLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0FjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRhYkJ1dHRvbnM6IFRlbXBsYXRlUmVmPGFueT47XHJcbn1cclxuIiwiPGRpdiBbaGlkZGVuXT1cIiFpc0FjdGl2ZVwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gICJdfQ==

package/{esm2020 → esm2022}/lib/af-connect-table/af-connect-table.component.mjs

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-export class AfConnectTableComponent {
-}
-AfConnectTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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>\r\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-table', template: "<p>af-connect-table works!</p>\r\n" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRhYmxlL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJsZS9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7d0dBQXZCLHVCQUF1Qiw0RENQcEMsb0NBQ0E7MkZETWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFibGVDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8cD5hZi1jb25uZWN0LXRhYmxlIHdvcmtzITwvcD5cclxuIl19
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectTableComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectTableComponent, selector: "lib-af-connect-table", ngImport: i0, template: "<p>af-connect-table works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-table', template: "<p>af-connect-table works!</p>\r\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRhYmxlL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJsZS9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyx1QkFBdUI7K0dBQXZCLHVCQUF1QjttR0FBdkIsdUJBQXVCLDREQ1BwQyxvQ0FDQTs7NEZETWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFibGVDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8cD5hZi1jb25uZWN0LXRhYmxlIHdvcmtzITwvcD5cclxuIl19

package/esm2022/lib/af-connect-tabs/af-connect-tabs.component.mjs

@@ -0,0 +1,87 @@
+import { Component, ContentChildren, ElementRef, ViewChild, ViewChildren, Output, EventEmitter, Input, ChangeDetectionStrategy } from '@angular/core';
+import { debounceTime, fromEvent, Subscription } from 'rxjs';
+import { AfConnectTabComponent } from '../af-connect-tab/af-connect-tab.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectTabsComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.subs = new Subscription();
+        this.activeTabSelected = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    ngOnInit() {
+        this.subs.add(fromEvent(window, 'resize')
+            .pipe(debounceTime(50))
+            .subscribe(() => {
+            this.triggerSlider(this.activeTabIndex);
+        }));
+    }
+    ngAfterContentChecked() {
+        if (!this.selectedTabIndex) {
+            const activeTab = this.tabs.find((tab) => tab.isActive);
+            if (!activeTab) {
+                const firstTab = this.tabs.first;
+                firstTab.isActive = true;
+                this.activeTabIndex = 0;
+                this.activeTabSelected.emit(0);
+            }
+        }
+        else {
+            this.setActiveLabel();
+        }
+    }
+    ngAfterViewChecked() {
+        if (!this.activeTabIndex) {
+            this.triggerSlider(0);
+        }
+    }
+    get activeTab() {
+        return this.tabs.find((tab) => tab.isActive) || this.tabs.first;
+    }
+    activateTab(selectedTab, index) {
+        this.tabs.forEach((tab) => {
+            tab.isActive = tab === selectedTab;
+        });
+        this.activeTabIndex = index;
+        this.triggerSlider(index);
+        this.activeTabSelected.emit(index);
+    }
+    triggerSlider(i) {
+        const activeTabRef = this.tabsRefs.get(i);
+        this.slider.nativeElement.style.left = `${activeTabRef?.nativeElement.offsetLeft}px`;
+        this.slider.nativeElement.style.width = `${activeTabRef?.nativeElement.offsetWidth}px`;
+    }
+    setActiveLabel() {
+        this.tabs.find((tab, i) => {
+            const foundTab = i === this.selectedTabIndex;
+            if (foundTab) {
+                this.activeTabIndex = i;
+                tab.isActive = true;
+            }
+            return foundTab;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectTabsComponent, selector: "lib-af-connect-tabs", inputs: { selectedTabIndex: "selectedTabIndex" }, outputs: { activeTabSelected: "activeTabSelected" }, queries: [{ propertyName: "tabs", predicate: AfConnectTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, read: ElementRef }, { propertyName: "tabsRefs", predicate: ["tab"], descendants: true, read: ElementRef }], ngImport: i0, template: "<nav class=\"tabs-nav\">\r\n    <ul class=\"nav-list\">\r\n      <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\r\n        <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\r\n          {{ tab.label }}\r\n        </button>\r\n      </li>\r\n      <span #slider class=\"slider\"></span>\r\n    </ul>\r\n    <div class=\"nav-action-buttons\">\r\n      <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\r\n    </div>\r\n  </nav>\r\n  <ng-content></ng-content>\r\n  ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"tabs-nav\">\r\n    <ul class=\"nav-list\">\r\n      <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\r\n        <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\r\n          {{ tab.label }}\r\n        </button>\r\n      </li>\r\n      <span #slider class=\"slider\"></span>\r\n    </ul>\r\n    <div class=\"nav-action-buttons\">\r\n      <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\r\n    </div>\r\n  </nav>\r\n  <ng-content></ng-content>\r\n  ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { tabs: [{
+                type: ContentChildren,
+                args: [AfConnectTabComponent]
+            }], slider: [{
+                type: ViewChild,
+                args: ['slider', { read: ElementRef }]
+            }], tabsRefs: [{
+                type: ViewChildren,
+                args: ['tab', { read: ElementRef }]
+            }], selectedTabIndex: [{
+                type: Input
+            }], activeTabSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdGFicy9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJzL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBRVYsU0FBUyxFQUNULFlBQVksRUFFWixNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFRbkYsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQyxZQUFtQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUZsQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU12QixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSmIsQ0FBQztJQU03QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUNYLFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO2FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDdEIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUNMLENBQUM7SUFDSixDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztZQUMzQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3hELElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDZixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztnQkFDakMsUUFBUSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO2dCQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2pDLENBQUM7UUFDSCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixDQUFDO0lBQ0gsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDbEUsQ0FBQztJQUVELFdBQVcsQ0FBQyxXQUFrQyxFQUFFLEtBQWE7UUFDM0QsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUN4QixHQUFHLENBQUMsUUFBUSxHQUFHLEdBQUcsS0FBSyxXQUFXLENBQUM7UUFDckMsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVPLGFBQWEsQ0FBQyxDQUFTO1FBQzdCLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsR0FBRyxZQUFZLEVBQUUsYUFBYSxDQUFDLFVBQVUsSUFBSSxDQUFDO1FBQ3JGLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsR0FBRyxZQUFZLEVBQUUsYUFBYSxDQUFDLFdBQVcsSUFBSSxDQUFDO0lBQ3pGLENBQUM7SUFFTyxjQUFjO1FBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3hCLE1BQU0sUUFBUSxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7WUFDN0MsSUFBSSxRQUFRLEVBQUUsQ0FBQztnQkFDYixJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQztnQkFDeEIsR0FBRyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDdEIsQ0FBQztZQUNELE9BQU8sUUFBUSxDQUFDO1FBQ2xCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0EzRVUsc0JBQXNCO21HQUF0QixzQkFBc0IsdUxBQ2hCLHFCQUFxQiwwR0FDVCxVQUFVLDZFQUNWLFVBQVUsNkJDMUJ6Qyw0aUJBY0U7OzRGRFNXLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTtzRkFHUCxJQUFJO3NCQUEzQyxlQUFlO3VCQUFDLHFCQUFxQjtnQkFDSyxNQUFNO3NCQUFoRCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBbEQsWUFBWTt1QkFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQU1oQyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3Q2hpbGRyZW4sXHJcbiAgT25EZXN0cm95LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBZkNvbm5lY3RUYWJDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXRhYi9hZi1jb25uZWN0LXRhYi5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihBZkNvbm5lY3RUYWJDb21wb25lbnQpIHRhYnM6IFF1ZXJ5TGlzdDxBZkNvbm5lY3RUYWJDb21wb25lbnQ+O1xyXG4gIEBWaWV3Q2hpbGQoJ3NsaWRlcicsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBzbGlkZXI6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcclxuICBAVmlld0NoaWxkcmVuKCd0YWInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgdGFic1JlZnM6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxMSUVsZW1lbnQ+PjtcclxuICBwdWJsaWMgYWN0aXZlVGFiSW5kZXg6IG51bWJlcjtcclxuICBwdWJsaWMgc3VicyA9IG5ldyBTdWJzY3JpcHRpb24oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIEBJbnB1dCgpIHNlbGVjdGVkVGFiSW5kZXg6IG51bWJlcjtcclxuXHJcbiAgQE91dHB1dCgpIGFjdGl2ZVRhYlNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWJzLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuc3Vicy5hZGQoXHJcbiAgICAgIGZyb21FdmVudCh3aW5kb3csICdyZXNpemUnKVxyXG4gICAgICAgIC5waXBlKGRlYm91bmNlVGltZSg1MCkpXHJcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgICB0aGlzLnRyaWdnZXJTbGlkZXIodGhpcy5hY3RpdmVUYWJJbmRleCk7XHJcbiAgICAgICAgfSlcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKSB7XHJcbiAgICBpZiAoIXRoaXMuc2VsZWN0ZWRUYWJJbmRleCkge1xyXG4gICAgICBjb25zdCBhY3RpdmVUYWIgPSB0aGlzLnRhYnMuZmluZCgodGFiKSA9PiB0YWIuaXNBY3RpdmUpO1xyXG4gICAgICBpZiAoIWFjdGl2ZVRhYikge1xyXG4gICAgICAgIGNvbnN0IGZpcnN0VGFiID0gdGhpcy50YWJzLmZpcnN0O1xyXG4gICAgICAgIGZpcnN0VGFiLmlzQWN0aXZlID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gMDtcclxuICAgICAgICB0aGlzLmFjdGl2ZVRhYlNlbGVjdGVkLmVtaXQoMCk7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2V0QWN0aXZlTGFiZWwoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcclxuICAgIGlmICghdGhpcy5hY3RpdmVUYWJJbmRleCkge1xyXG4gICAgICB0aGlzLnRyaWdnZXJTbGlkZXIoMCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBnZXQgYWN0aXZlVGFiKCkge1xyXG4gICAgcmV0dXJuIHRoaXMudGFicy5maW5kKCh0YWIpID0+IHRhYi5pc0FjdGl2ZSkgfHwgdGhpcy50YWJzLmZpcnN0O1xyXG4gIH1cclxuXHJcbiAgYWN0aXZhdGVUYWIoc2VsZWN0ZWRUYWI6IEFmQ29ubmVjdFRhYkNvbXBvbmVudCwgaW5kZXg6IG51bWJlcikge1xyXG4gICAgdGhpcy50YWJzLmZvckVhY2goKHRhYikgPT4ge1xyXG4gICAgICB0YWIuaXNBY3RpdmUgPSB0YWIgPT09IHNlbGVjdGVkVGFiO1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gaW5kZXg7XHJcbiAgICB0aGlzLnRyaWdnZXJTbGlkZXIoaW5kZXgpO1xyXG4gICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KGluZGV4KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgdHJpZ2dlclNsaWRlcihpOiBudW1iZXIpIHtcclxuICAgIGNvbnN0IGFjdGl2ZVRhYlJlZiA9IHRoaXMudGFic1JlZnMuZ2V0KGkpO1xyXG4gICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS5sZWZ0ID0gYCR7YWN0aXZlVGFiUmVmPy5uYXRpdmVFbGVtZW50Lm9mZnNldExlZnR9cHhgO1xyXG4gICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS53aWR0aCA9IGAke2FjdGl2ZVRhYlJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aH1weGA7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHNldEFjdGl2ZUxhYmVsKCkge1xyXG4gICAgdGhpcy50YWJzLmZpbmQoKHRhYiwgaSkgPT4ge1xyXG4gICAgICBjb25zdCBmb3VuZFRhYiA9IGkgPT09IHRoaXMuc2VsZWN0ZWRUYWJJbmRleDtcclxuICAgICAgaWYgKGZvdW5kVGFiKSB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGk7XHJcbiAgICAgICAgdGFiLmlzQWN0aXZlID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gZm91bmRUYWI7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPG5hdiBjbGFzcz1cInRhYnMtbmF2XCI+XHJcbiAgICA8dWwgY2xhc3M9XCJuYXYtbGlzdFwiPlxyXG4gICAgICA8bGkgI3RhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnM7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cIm5hdi1pdGVtXCIgW2NsYXNzLmFjdGl2ZV09XCJ0YWIuaXNBY3RpdmVcIj5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwibmF2LWJ1dHRvblwiIChjbGljayk9XCJhY3RpdmF0ZVRhYih0YWIsIGkpXCI+XHJcbiAgICAgICAgICB7eyB0YWIubGFiZWwgfX1cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9saT5cclxuICAgICAgPHNwYW4gI3NsaWRlciBjbGFzcz1cInNsaWRlclwiPjwvc3Bhbj5cclxuICAgIDwvdWw+XHJcbiAgICA8ZGl2IGNsYXNzPVwibmF2LWFjdGlvbi1idXR0b25zXCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aXZlVGFiLnRhYkJ1dHRvbnNcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZGl2PlxyXG4gIDwvbmF2PlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAiXX0=

package/{esm2020 → esm2022}/lib/af-connect-toaster-message/af-connect-toaster-message.component.mjs

@@ -1,33 +1,33 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class AfConnectToasterMessageComponent {
-    constructor() {
-        this.size = 'small';
-        this.timer = 5000;
-        this.onClose = new EventEmitter();
-    }
-    ngOnInit() {
-        setTimeout(() => this.onClose.emit(), this.timer);
-    }
-    closeToast() {
-        this.onClose.emit();
-    }
-}
-AfConnectToasterMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToasterMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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\">\r\n    <img [class]=\"['svg', size]\" [src]=\"src\" />\r\n    <span class=\"toaster-message\">{{ message }}</span>\r\n    <afc-svg-button\r\n      ngClass=\"close-btn\"\r\n      size=\"medium\"\r\n      src=\"/assets/icons/delete.svg\"\r\n      emitValue=\"isCloseModal\"\r\n      (clickBtn)=\"closeToast()\"\r\n    >\r\n    </afc-svg-button>\r\n  </div>\r\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectToasterMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-toaster-message', template: "<div class=\"toaster-container\">\r\n    <img [class]=\"['svg', size]\" [src]=\"src\" />\r\n    <span class=\"toaster-message\">{{ message }}</span>\r\n    <afc-svg-button\r\n      ngClass=\"close-btn\"\r\n      size=\"medium\"\r\n      src=\"/assets/icons/delete.svg\"\r\n      emitValue=\"isCloseModal\"\r\n      (clickBtn)=\"closeToast()\"\r\n    >\r\n    </afc-svg-button>\r\n  </div>\r\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"] }]
-        }], propDecorators: { message: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], timer: [{
-                type: Input
-            }], onClose: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFMN0M7UUFRVyxTQUFJLEdBQWlDLE9BQU8sQ0FBQztRQUM3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ1osWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FTakQ7SUFQQyxRQUFRO1FBQ04sVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs2SEFiVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxpTENQN0MsNFlBWUU7MkZETFcsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzs4QkFLMUIsT0FBTztzQkFBdEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRvYXN0ZXJNZXNzYWdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnc21hbGwnO1xyXG4gIEBJbnB1dCgpIHRpbWVyID0gNTAwMDtcclxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZS5lbWl0KCksIHRoaXMudGltZXIpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2xvc2VUb2FzdCgpIHtcclxuICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0b2FzdGVyLWNvbnRhaW5lclwiPlxyXG4gICAgPGltZyBbY2xhc3NdPVwiWydzdmcnLCBzaXplXVwiIFtzcmNdPVwic3JjXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwidG9hc3Rlci1tZXNzYWdlXCI+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cclxuICAgIDxhZmMtc3ZnLWJ1dHRvblxyXG4gICAgICBuZ0NsYXNzPVwiY2xvc2UtYnRuXCJcclxuICAgICAgc2l6ZT1cIm1lZGl1bVwiXHJcbiAgICAgIHNyYz1cIi9hc3NldHMvaWNvbnMvZGVsZXRlLnN2Z1wiXHJcbiAgICAgIGVtaXRWYWx1ZT1cImlzQ2xvc2VNb2RhbFwiXHJcbiAgICAgIChjbGlja0J0bik9XCJjbG9zZVRvYXN0KClcIlxyXG4gICAgPlxyXG4gICAgPC9hZmMtc3ZnLWJ1dHRvbj5cclxuICA8L2Rpdj5cclxuICAiXX0=
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectToasterMessageComponent {
+    constructor() {
+        this.size = 'small';
+        this.timer = 5000;
+        this.onClose = new EventEmitter();
+    }
+    ngOnInit() {
+        setTimeout(() => this.onClose.emit(), this.timer);
+    }
+    closeToast() {
+        this.onClose.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectToasterMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n    <img [class]=\"['svg', size]\" [src]=\"src\" />\r\n    <span class=\"toaster-message\">{{ message }}</span>\r\n    <afc-svg-button\r\n      ngClass=\"close-btn\"\r\n      size=\"medium\"\r\n      src=\"/assets/icons/delete.svg\"\r\n      emitValue=\"isCloseModal\"\r\n      (clickBtn)=\"closeToast()\"\r\n    >\r\n    </afc-svg-button>\r\n  </div>\r\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectToasterMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-toaster-message', template: "<div class=\"toaster-container\">\r\n    <img [class]=\"['svg', size]\" [src]=\"src\" />\r\n    <span class=\"toaster-message\">{{ message }}</span>\r\n    <afc-svg-button\r\n      ngClass=\"close-btn\"\r\n      size=\"medium\"\r\n      src=\"/assets/icons/delete.svg\"\r\n      emitValue=\"isCloseModal\"\r\n      (clickBtn)=\"closeToast()\"\r\n    >\r\n    </afc-svg-button>\r\n  </div>\r\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"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], timer: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UvYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFMN0M7UUFRVyxTQUFJLEdBQWlDLE9BQU8sQ0FBQztRQUM3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ1osWUFBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FTakQ7SUFQQyxRQUFRO1FBQ04sVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQWJVLGdDQUFnQzttR0FBaEMsZ0NBQWdDLGlMQ1A3Qyw0WUFZRTs7NEZETFcsZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzs4QkFLMUIsT0FBTztzQkFBdEIsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b2FzdGVyLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdG9hc3Rlci1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRvYXN0ZXJNZXNzYWdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnc21hbGwnO1xyXG4gIEBJbnB1dCgpIHRpbWVyID0gNTAwMDtcclxuICBAT3V0cHV0KCkgb25DbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZS5lbWl0KCksIHRoaXMudGltZXIpXHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2xvc2VUb2FzdCgpIHtcclxuICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0b2FzdGVyLWNvbnRhaW5lclwiPlxyXG4gICAgPGltZyBbY2xhc3NdPVwiWydzdmcnLCBzaXplXVwiIFtzcmNdPVwic3JjXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwidG9hc3Rlci1tZXNzYWdlXCI+e3sgbWVzc2FnZSB9fTwvc3Bhbj5cclxuICAgIDxhZmMtc3ZnLWJ1dHRvblxyXG4gICAgICBuZ0NsYXNzPVwiY2xvc2UtYnRuXCJcclxuICAgICAgc2l6ZT1cIm1lZGl1bVwiXHJcbiAgICAgIHNyYz1cIi9hc3NldHMvaWNvbnMvZGVsZXRlLnN2Z1wiXHJcbiAgICAgIGVtaXRWYWx1ZT1cImlzQ2xvc2VNb2RhbFwiXHJcbiAgICAgIChjbGlja0J0bik9XCJjbG9zZVRvYXN0KClcIlxyXG4gICAgPlxyXG4gICAgPC9hZmMtc3ZnLWJ1dHRvbj5cclxuICA8L2Rpdj5cclxuICAiXX0=