af-connect-components 18.0.1 → 18.0.3

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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdGFicy9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJzL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBRVYsU0FBUyxFQUNULFlBQVksRUFFWixNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFRbkYsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQyxZQUFtQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUZsQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU12QixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSmIsQ0FBQztJQU03QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUNYLFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO2FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDdEIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElB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TTtzRkFHUCxJQUFJO3NCQUEzQyxlQUFlO3VCQUFDLHFCQUFxQjtnQkFDSyxNQUFNO3NCQUFoRCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBbEQsWUFBWTt1QkFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQU1oQyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgUXVlcnlMaXN0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3Q2hpbGRyZW4sXHJcbiAgT25EZXN0cm95LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWZcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBBZkNvbm5lY3RUYWJDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXRhYi9hZi1jb25uZWN0LXRhYi5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihBZkNvbm5lY3RUYWJDb21wb25lbnQpIHRhYnM6IFF1ZXJ5TGlzdDxBZkNvbm5lY3RUYWJDb21wb25lbnQ+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=

package/esm2022/lib/af-connect-toggle-button/af-connect-toggle-button.component.mjs

@@ -0,0 +1,133 @@
+import { Component, Input, forwardRef, Output, EventEmitter } from '@angular/core';
+import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { toggleButtonAnimation, toggleBackgroundAnimation } from '../constants/animation.constants';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const NEUTRAL_BUTTON_COLOR = '#F3F3F3';
+export class AfConnectToggleButtonComponent {
+    constructor(injector, cdr) {
+        this.injector = injector;
+        this.cdr = cdr;
+        this.disabled = true;
+        this.withForm = false;
+        this.onStateBackground = 'var(--primary-connected-orange-color)';
+        this.position = 'off';
+        this.variant = 'ball';
+        this.clickBtn = new EventEmitter();
+        this.propagateChange = (_) => { };
+        this.propagateTouch = (_) => { };
+    }
+    togglePosition() {
+        if (this.position === 'on')
+            this.position = 'off';
+        else
+            this.position = 'on';
+        this.propagateChange(this.position === 'on');
+    }
+    ngAfterViewInit() {
+        if (this.withForm) {
+            const ngControl = this.injector.get(NgControl);
+            if (ngControl) {
+                this.control = ngControl.control;
+                this.cdr.detectChanges();
+            }
+        }
+    }
+    writeValue() { }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propagateTouch = fn;
+    }
+    onBlur() {
+        this.propagateTouch();
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    getButtonStyles() {
+        if (this.variant === 'full')
+            return {
+                background: this.background || NEUTRAL_BUTTON_COLOR,
+                width: '152px',
+                height: '32px',
+                borderRadius: '16px'
+            };
+        else
+            return {
+                background: this.position === 'on' ? this.onStateBackground : this.offStateBackground
+            };
+    }
+    getToggleBallStyles() {
+        if (this.variant === 'full')
+            return {
+                background: '#15808D',
+                width: '76px',
+                height: '32px',
+                borderRadius: '16px',
+                margin: 0
+            };
+    }
+    getOnStateTextStyles() {
+        if (this.variant === 'full')
+            return {
+                zIndex: '2',
+                fontSize: '14px',
+                marginLeft: '19px',
+                color: this.position === 'on' ? '#707070' : '#fff'
+            };
+    }
+    getOffStateTextStyles() {
+        if (this.variant === 'full')
+            return {
+                zIndex: '2',
+                fontSize: '14px',
+                marginLeft: '16px',
+                color: this.position === 'off' ? '#707070' : '#fff'
+            };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectToggleButtonComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectToggleButtonComponent, selector: "lib-af-connect-toggle-button", inputs: { emitValue: "emitValue", label: "label", disabled: "disabled", withForm: "withForm", onStateBackground: "onStateBackground", offStateBackground: "offStateBackground", onStateText: "onStateText", offStateText: "offStateText", background: "background", position: "position", variant: "variant" }, outputs: { clickBtn: "clickBtn" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AfConnectToggleButtonComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<label>{{ label }}</label>\r\n<button\r\n    type=\"button\"\r\n    class=\"toggle-button\"\r\n    (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\r\n    [disabled]=\"disabled\"\r\n    [ngStyle]=\"getButtonStyles()\">\r\n    <span\r\n        *ngIf=\"onStateText\"\r\n        [ngStyle]=\"getOnStateTextStyles() || null\"\r\n        class=\"onStateText\">\r\n        {{onStateText}}\r\n    </span>\r\n    <div\r\n      class=\"toggle-ball\"\r\n      [@toggleButton]=\"position\"\r\n      [ngStyle]=\"getToggleBallStyles() || null\">\r\n    </div>\r\n    <span\r\n        *ngIf=\"offStateText\"\r\n        [ngStyle]=\"getOffStateTextStyles() || null\"\r\n        class=\"offStateText\"> \r\n        {{offStateText}}\r\n    </span>\r\n</button>\r\n<span *ngIf=\"label\" class=\"state-info-text\">{{ position === 'on' ? 'Yes' : 'No' }}</span>", styles: [":host{display:flex;flex-wrap:wrap;width:100%}:host label{width:100%;height:fit-content;font-size:14px}:host(.tax-certificates-toggle){width:auto}.toggle-button{position:relative;width:49px;height:28px;border:none;border-radius:14px;background:var(--toggle-button-grey-color);display:flex;align-items:center;cursor:pointer;padding:0}.toggle-button:disabled{cursor:default}.toggle-button,.state-info-text{align-self:center}.toggle-ball{width:18.67px;height:18.67px;background:#fff;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [toggleButtonAnimation, toggleBackgroundAnimation] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-toggle-button', animations: [toggleButtonAnimation, toggleBackgroundAnimation], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AfConnectToggleButtonComponent),
+                            multi: true
+                        }
+                    ], template: "<label>{{ label }}</label>\r\n<button\r\n    type=\"button\"\r\n    class=\"toggle-button\"\r\n    (click)=\"this.clickBtn.emit(emitValue); togglePosition();\"\r\n    [disabled]=\"disabled\"\r\n    [ngStyle]=\"getButtonStyles()\">\r\n    <span\r\n        *ngIf=\"onStateText\"\r\n        [ngStyle]=\"getOnStateTextStyles() || null\"\r\n        class=\"onStateText\">\r\n        {{onStateText}}\r\n    </span>\r\n    <div\r\n      class=\"toggle-ball\"\r\n      [@toggleButton]=\"position\"\r\n      [ngStyle]=\"getToggleBallStyles() || null\">\r\n    </div>\r\n    <span\r\n        *ngIf=\"offStateText\"\r\n        [ngStyle]=\"getOffStateTextStyles() || null\"\r\n        class=\"offStateText\"> \r\n        {{offStateText}}\r\n    </span>\r\n</button>\r\n<span *ngIf=\"label\" class=\"state-info-text\">{{ position === 'on' ? 'Yes' : 'No' }}</span>", styles: [":host{display:flex;flex-wrap:wrap;width:100%}:host label{width:100%;height:fit-content;font-size:14px}:host(.tax-certificates-toggle){width:auto}.toggle-button{position:relative;width:49px;height:28px;border:none;border-radius:14px;background:var(--toggle-button-grey-color);display:flex;align-items:center;cursor:pointer;padding:0}.toggle-button:disabled{cursor:default}.toggle-button,.state-info-text{align-self:center}.toggle-ball{width:18.67px;height:18.67px;background:#fff;border-radius:50%;margin:0 5.83px}.onStateText{position:absolute;margin-left:.5rem}.onStateText,.offStateText{color:var(--neutral-button-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { emitValue: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], withForm: [{
+                type: Input
+            }], onStateBackground: [{
+                type: Input
+            }], offStateBackground: [{
+                type: Input
+            }], onStateText: [{
+                type: Input
+            }], offStateText: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], clickBtn: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b2dnbGUtYnV0dG9uL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFZLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEgsT0FBTyxFQUFlLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7QUFHcEcsTUFBTSxvQkFBb0IsR0FBRyxTQUFTLENBQUM7QUFldkMsTUFBTSxPQUFPLDhCQUE4QjtJQWV6QyxZQUFvQixRQUFrQixFQUFVLEdBQXNCO1FBQWxELGFBQVEsR0FBUixRQUFRLENBQVU7UUFBVSxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVo3RCxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsc0JBQWlCLEdBQVcsdUNBQXVDLENBQUM7UUFLcEUsYUFBUSxHQUFpQixLQUFLLENBQUM7UUFDL0IsWUFBTyxHQUFvQixNQUFNLENBQUM7UUFDakMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFpQixDQUFDO1FBc0IvQyxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxD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QU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsOEJBQThCLENBQUM7Z0JBQzdELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNsQkgsbzFCQXlCeUYsczFCRGQzRSxDQUFDLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDOzs0RkFTbkQsOEJBQThCO2tCQWIxQyxTQUFTOytCQUNFLDhCQUE4QixjQUc1QixDQUFDLHFCQUFxQixFQUFFLHlCQUF5QixDQUFDLGFBQ25EO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLCtCQUErQixDQUFDOzRCQUM3RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs2R0FHUSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQsIGZvcndhcmRSZWYsIEluamVjdG9yLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTmdDb250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgdG9nZ2xlQnV0dG9uQW5pbWF0aW9uLCB0b2dnbGVCYWNrZ3JvdW5kQW5pbWF0aW9uIH0gZnJvbSAnLi4vY29uc3RhbnRzL2FuaW1hdGlvbi5jb25zdGFudHMnO1xyXG5pbXBvcnQgeyBFbWl0VmFsdWUgfSBmcm9tICcuLi9jb25zdGFudHMvYmFzZS5jb25zdGFudHMnO1xyXG5cclxuY29uc3QgTkVVVFJBTF9CVVRUT05fQ09MT1IgPSAnI0YzRjNGMyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFt0b2dnbGVCdXR0b25BbmltYXRpb24sIHRvZ2dsZUJhY2tncm91bmRBbmltYXRpb25dLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0VG9nZ2xlQnV0dG9uQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RUb2dnbGVCdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGVtaXRWYWx1ZTogRW1pdFZhbHVlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHdpdGhGb3JtID0gZmFsc2U7XHJcbiAgQElucHV0KCkgb25TdGF0ZUJhY2tncm91bmQ6IHN0cmluZyA9ICd2YXIoLS1wcmltYXJ5LWNvbm5lY3RlZC1vcmFuZ2UtY29sb3IpJztcclxuICBASW5wdXQoKSBvZmZTdGF0ZUJhY2tncm91bmQ6IHN0cmluZztcclxuICBASW5wdXQoKSBvblN0YXRlVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG9mZlN0YXRlVGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJhY2tncm91bmQ6IHN0cmluZztcclxuICBASW5wdXQoKSBwb3NpdGlvbjogJ29uJyB8ICdvZmYnID0gJ29mZic7XHJcbiAgQElucHV0KCkgdmFyaWFudDogJ2JhbGwnIHwgJ2Z1bGwnID0gJ2JhbGwnO1xyXG4gIEBPdXRwdXQoKSBjbGlja0J0biA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcclxuICBwdWJsaWMgY29udHJvbDogRm9ybUNvbnRyb2w7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XHJcblxyXG4gIHB1YmxpYyB0b2dnbGVQb3NpdGlvbigpIHtcclxuICAgIGlmICh0aGlzLnBvc2l0aW9uID09PSAnb24nKSB0aGlzLnBvc2l0aW9uID0gJ29mZic7XHJcbiAgICBlbHNlIHRoaXMucG9zaXRpb24gPSAnb24nO1xyXG5cclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMucG9zaXRpb24gPT09ICdvbicpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLndpdGhGb3JtKSB7XHJcbiAgICAgIGNvbnN0IG5nQ29udHJvbDogTmdDb250cm9sID0gdGhpcy5pbmplY3Rvci5nZXQ8TmdDb250cm9sPihOZ0NvbnRyb2wpO1xyXG4gICAgICBpZiAobmdDb250cm9sKSB7XHJcbiAgICAgICAgdGhpcy5jb250cm9sID0gbmdDb250cm9sLmNvbnRyb2wgYXMgRm9ybUNvbnRyb2w7XHJcbiAgICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZTogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcclxuICBwcml2YXRlIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZSgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQmx1cigpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGU/KGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0QnV0dG9uU3R5bGVzKCk6IE9iamVjdCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogdGhpcy5iYWNrZ3JvdW5kIHx8IE5FVVRSQUxfQlVUVE9OX0NPTE9SLFxyXG4gICAgICAgIHdpZHRoOiAnMTUycHgnLFxyXG4gICAgICAgIGhlaWdodDogJzMycHgnLFxyXG4gICAgICAgIGJvcmRlclJhZGl1czogJzE2cHgnXHJcbiAgICAgIH07XHJcbiAgICBlbHNlXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogdGhpcy5wb3NpdGlvbiA9PT0gJ29uJyA/IHRoaXMub25TdGF0ZUJhY2tncm91bmQgOiB0aGlzLm9mZlN0YXRlQmFja2dyb3VuZFxyXG4gICAgICB9O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFRvZ2dsZUJhbGxTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgYmFja2dyb3VuZDogJyMxNTgwOEQnLFxyXG4gICAgICAgIHdpZHRoOiAnNzZweCcsXHJcbiAgICAgICAgaGVpZ2h0OiAnMzJweCcsXHJcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTZweCcsXHJcbiAgICAgICAgbWFyZ2luOiAwXHJcbiAgICAgIH07XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0T25TdGF0ZVRleHRTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgekluZGV4OiAnMicsXHJcbiAgICAgICAgZm9udFNpemU6ICcxNHB4JyxcclxuICAgICAgICBtYXJnaW5MZWZ0OiAnMTlweCcsXHJcbiAgICAgICAgY29sb3I6IHRoaXMucG9zaXRpb24gPT09ICdvbicgPyAnIzcwNzA3MCcgOiAnI2ZmZidcclxuICAgICAgfTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXRPZmZTdGF0ZVRleHRTdHlsZXMoKTogT2JqZWN0IHwgdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZnVsbCcpXHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgekluZGV4OiAnMicsXHJcbiAgICAgICAgZm9udFNpemU6ICcxNHB4JyxcclxuICAgICAgICBtYXJnaW5MZWZ0OiAnMTZweCcsXHJcbiAgICAgICAgY29sb3I6IHRoaXMucG9zaXRpb24gPT09ICdvZmYnID8gJyM3MDcwNzAnIDogJyNmZmYnXHJcbiAgICAgIH07XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbD57eyBsYWJlbCB9fTwvbGFiZWw+XHJcbjxidXR0b25cclxuICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgY2xhc3M9XCJ0b2dnbGUtYnV0dG9uXCJcclxuICAgIChjbGljayk9XCJ0aGlzLmNsaWNrQnRuLmVtaXQoZW1pdFZhbHVlKTsgdG9nZ2xlUG9zaXRpb24oKTtcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFtuZ1N0eWxlXT1cImdldEJ1dHRvblN0eWxlcygpXCI+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwib25TdGF0ZVRleHRcIlxyXG4gICAgICAgIFtuZ1N0eWxlXT1cImdldE9uU3RhdGVUZXh0U3R5bGVzKCkgfHwgbnVsbFwiXHJcbiAgICAgICAgY2xhc3M9XCJvblN0YXRlVGV4dFwiPlxyXG4gICAgICAgIHt7b25TdGF0ZVRleHR9fVxyXG4gICAgPC9zcGFuPlxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cInRvZ2dsZS1iYWxsXCJcclxuICAgICAgW0B0b2dnbGVCdXR0b25dPVwicG9zaXRpb25cIlxyXG4gICAgICBbbmdTdHlsZV09XCJnZXRUb2dnbGVCYWxsU3R5bGVzKCkgfHwgbnVsbFwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8c3BhblxyXG4gICAgICAgICpuZ0lmPVwib2ZmU3RhdGVUZXh0XCJcclxuICAgICAgICBbbmdTdHlsZV09XCJnZXRPZmZTdGF0ZVRleHRTdHlsZXMoKSB8fCBudWxsXCJcclxuICAgICAgICBjbGFzcz1cIm9mZlN0YXRlVGV4dFwiPiBcclxuICAgICAgICB7e29mZlN0YXRlVGV4dH19XHJcbiAgICA8L3NwYW4+XHJcbjwvYnV0dG9uPlxyXG48c3BhbiAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJzdGF0ZS1pbmZvLXRleHRcIj57eyBwb3NpdGlvbiA9PT0gJ29uJyA/ICdZZXMnIDogJ05vJyB9fTwvc3Bhbj4iXX0=

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

@@ -1,48 +1,48 @@
-import { Component, HostListener, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class AfConnectTooltipComponent {
-    constructor() {
-        this.position = 'bottomRight';
-        this.additionalShowCondition = true;
-        this.zIndex = 10;
-        this.showContent = false;
-    }
-    onMouseEnter() {
-        this.showContent = !this.showContent;
-    }
-    onMouseLeave() {
-        this.showContent = false;
-    }
-    click() {
-        this.showContent = !this.showContent;
-    }
-}
-AfConnectTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AfConnectTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTooltipComponent, selector: "lib-af-connect-tooltip", inputs: { text: "text", position: "position", additionalShowCondition: "additionalShowCondition", top: "top", autoSize: "autoSize", zIndex: "zIndex" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "click()" } }, ngImport: i0, template: "<div\r\n  *ngIf=\"showContent && additionalShowCondition\"\r\n  [ngStyle]=\"{\r\n    top: top,\r\n    zIndex: zIndex\r\n  }\"\r\n  [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\r\n>\r\n  <div class=\"tooltip__text\">{{ text }}</div>\r\n</div>\r\n<ng-content></ng-content>\r\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-tooltip', template: "<div\r\n  *ngIf=\"showContent && additionalShowCondition\"\r\n  [ngStyle]=\"{\r\n    top: top,\r\n    zIndex: zIndex\r\n  }\"\r\n  [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\r\n>\r\n  <div class=\"tooltip__text\">{{ text }}</div>\r\n</div>\r\n<ng-content></ng-content>\r\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\n"] }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], additionalShowCondition: [{
-                type: Input
-            }], top: [{
-                type: Input
-            }], autoSize: [{
-                type: Input
-            }], zIndex: [{
-                type: Input
-            }], onMouseEnter: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], onMouseLeave: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }], click: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9vbHRpcC9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b29sdGlwL2FmLWNvbm5lY3QtdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVE1RSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBT1csYUFBUSxHQUFhLGFBQWEsQ0FBQztRQUNuQyw0QkFBdUIsR0FBWSxJQUFJLENBQUM7UUFHeEMsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUV0QixnQkFBVyxHQUFHLEtBQUssQ0FBQztLQW1CNUI7SUFqQjZCLFlBQVk7UUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUUyQixZQUFZO1FBQ3RDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFc0IsS0FBSztRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QyxDQUFDOztzSEFwQlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsbVVDUnRDLGtUQVdBOzJGREhhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBS3pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSXNCLFlBQVk7c0JBQXZDLFlBQVk7dUJBQUMsWUFBWTtnQkFJRSxZQUFZO3NCQUF2QyxZQUFZO3VCQUFDLFlBQVk7Z0JBSUgsS0FBSztzQkFBM0IsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQb3NpdGlvbiB9IGZyb20gJy4vdHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10b29sdGlwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VG9vbHRpcENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBQb3NpdGlvbiA9ICdib3R0b21SaWdodCc7XHJcbiAgQElucHV0KCkgYWRkaXRpb25hbFNob3dDb25kaXRpb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHRvcDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGF1dG9TaXplOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHpJbmRleDogbnVtYmVyID0gMTA7XHJcblxyXG4gIHB1YmxpYyBzaG93Q29udGVudCA9IGZhbHNlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5zaG93Q29udGVudCA9ICF0aGlzLnNob3dDb250ZW50O1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuc2hvd0NvbnRlbnQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJykgY2xpY2soKSB7XHJcbiAgICB0aGlzLnNob3dDb250ZW50ID0gIXRoaXMuc2hvd0NvbnRlbnQ7XHJcbiAgfVxyXG5cclxuICAvLyBASG9zdEJpbmRpbmcoJ3N0eWxlLnotaW5kZXgnKVxyXG4gIC8vIGdldCB6SW5kZXhTdHlsZSgpOiBudW1iZXIge1xyXG4gIC8vICAgcmV0dXJuIHRoaXMuekluZGV4O1xyXG4gIC8vIH1cclxuXHJcbn1cclxuIiwiPGRpdlxyXG4gICpuZ0lmPVwic2hvd0NvbnRlbnQgJiYgYWRkaXRpb25hbFNob3dDb25kaXRpb25cIlxyXG4gIFtuZ1N0eWxlXT1cIntcclxuICAgIHRvcDogdG9wLFxyXG4gICAgekluZGV4OiB6SW5kZXhcclxuICB9XCJcclxuICBbbmdDbGFzc109XCJbJ3Rvb2x0aXBfX3RleHRfX2JveCcsIHBvc2l0aW9uLCBhdXRvU2l6ZSA/ICdhdXRvU2l6ZScgOiAnJ11cIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cInRvb2x0aXBfX3RleHRcIj57eyB0ZXh0IH19PC9kaXY+XHJcbjwvZGl2PlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==
+import { Component, HostListener, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectTooltipComponent {
+    constructor() {
+        this.position = 'bottomRight';
+        this.additionalShowCondition = true;
+        this.zIndex = 10;
+        this.showContent = false;
+    }
+    onMouseEnter() {
+        this.showContent = !this.showContent;
+    }
+    onMouseLeave() {
+        this.showContent = false;
+    }
+    click() {
+        this.showContent = !this.showContent;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectTooltipComponent, selector: "lib-af-connect-tooltip", inputs: { text: "text", position: "position", additionalShowCondition: "additionalShowCondition", top: "top", autoSize: "autoSize", zIndex: "zIndex" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "click()" } }, ngImport: i0, template: "<div\r\n  *ngIf=\"showContent && additionalShowCondition\"\r\n  [ngStyle]=\"{\r\n    top: top,\r\n    zIndex: zIndex\r\n  }\"\r\n  [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\r\n>\r\n  <div class=\"tooltip__text\">{{ text }}</div>\r\n</div>\r\n<ng-content></ng-content>\r\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-tooltip', template: "<div\r\n  *ngIf=\"showContent && additionalShowCondition\"\r\n  [ngStyle]=\"{\r\n    top: top,\r\n    zIndex: zIndex\r\n  }\"\r\n  [ngClass]=\"['tooltip__text__box', position, autoSize ? 'autoSize' : '']\"\r\n>\r\n  <div class=\"tooltip__text\">{{ text }}</div>\r\n</div>\r\n<ng-content></ng-content>\r\n", styles: [".tooltip-text,:host(.funeral-cover__info-btn-tooltip) .tooltip__text,:host(.empty_state__btn-tooltip) .tooltip__text{text-align:left;color:var(--primary-dark-teal-color);font-family:var(--standard-font-family-hero-new-bold)}:host{width:100%;position:relative}.display__after,.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after,.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{content:\"\";z-index:1;position:absolute;border-style:solid;border-width:.6rem}.position__top,.tooltip__text__box.topCenter:after,.tooltip__text__box.topLeft:after,.tooltip__text__box.topRight:after{top:100%;border-color:var(--secondary-egg-shell-color) transparent transparent transparent}.position__bottom,.tooltip__text__box.bottomRight:after,.tooltip__text__box.bottomCenter:after,.tooltip__text__box.bottomLeft:after{bottom:100%;border-color:transparent transparent var(--secondary-egg-shell-color) transparent}.tooltip__text__box{display:flex;align-items:center;width:19rem;font-size:12px;line-height:20px;position:absolute;text-align:center;background:var(--secondary-egg-shell-color);border-radius:1.2rem;box-shadow:0 10px 30px var(--box-shadow-black-color)}.tooltip__text__box.topRight{right:0;bottom:2.8rem}.tooltip__text__box.topRight:after{right:10%}.tooltip__text__box.topLeft{left:0;bottom:2.8rem}.tooltip__text__box.topLeft:after{left:10%}.tooltip__text__box.topCenter{right:-50%;bottom:2.8rem}.tooltip__text__box.topCenter:after{left:50%}.tooltip__text__box.bottomLeft{left:0;top:2.8rem}.tooltip__text__box.bottomLeft:after{left:10%}.tooltip__text__box.bottomCenter{right:-50%;top:2.8rem}.tooltip__text__box.bottomCenter:after{left:50%}.tooltip__text__box.bottomRight{right:0;top:2.8rem}.tooltip__text__box.bottomRight:after{right:10%}.tooltip__text__box.autoSize{width:auto;height:auto}.tooltip__text{padding:1rem;text-align:justify}@media (max-width: 768px){:host(.profile-loading__icon) .tooltip__text__box{left:-2rem}}@media (max-width: 768px){:host(.profile-details-loading__icon) .tooltip__text__box{left:-9.7rem}}:host(.empty_state__btn-tooltip) .tooltip__text__box{right:-1.85rem}:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.75rem}@media (max-width: 768px){:host(.funeral-cover__info-btn-tooltip) .tooltip__text__box{right:-1.2rem}}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], additionalShowCondition: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }], autoSize: [{
+                type: Input
+            }], zIndex: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], click: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdG9vbHRpcC9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10b29sdGlwL2FmLWNvbm5lY3QtdG9vbHRpcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFlLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVE1RSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBT1csYUFBUSxHQUFhLGFBQWEsQ0FBQztRQUNuQyw0QkFBdUIsR0FBWSxJQUFJLENBQUM7UUFHeEMsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUV0QixnQkFBVyxHQUFHLEtBQUssQ0FBQztLQW1CNUI7SUFqQjZCLFlBQVk7UUFDdEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUUyQixZQUFZO1FBQ3RDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFc0IsS0FBSztRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUN2QyxDQUFDOytHQXBCVSx5QkFBeUI7bUdBQXpCLHlCQUF5QixtVUNSdEMsa1RBV0E7OzRGREhhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBS3pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSXNCLFlBQVk7c0JBQXZDLFlBQVk7dUJBQUMsWUFBWTtnQkFJRSxZQUFZO3NCQUF2QyxZQUFZO3VCQUFDLFlBQVk7Z0JBSUgsS0FBSztzQkFBM0IsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQb3NpdGlvbiB9IGZyb20gJy4vdHlwZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10b29sdGlwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10b29sdGlwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VG9vbHRpcENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiBQb3NpdGlvbiA9ICdib3R0b21SaWdodCc7XHJcbiAgQElucHV0KCkgYWRkaXRpb25hbFNob3dDb25kaXRpb246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHRvcDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGF1dG9TaXplOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHpJbmRleDogbnVtYmVyID0gMTA7XHJcblxyXG4gIHB1YmxpYyBzaG93Q29udGVudCA9IGZhbHNlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5zaG93Q29udGVudCA9ICF0aGlzLnNob3dDb250ZW50O1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuc2hvd0NvbnRlbnQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJykgY2xpY2soKSB7XHJcbiAgICB0aGlzLnNob3dDb250ZW50ID0gIXRoaXMuc2hvd0NvbnRlbnQ7XHJcbiAgfVxyXG5cclxuICAvLyBASG9zdEJpbmRpbmcoJ3N0eWxlLnotaW5kZXgnKVxyXG4gIC8vIGdldCB6SW5kZXhTdHlsZSgpOiBudW1iZXIge1xyXG4gIC8vICAgcmV0dXJuIHRoaXMuekluZGV4O1xyXG4gIC8vIH1cclxuXHJcbn1cclxuIiwiPGRpdlxyXG4gICpuZ0lmPVwic2hvd0NvbnRlbnQgJiYgYWRkaXRpb25hbFNob3dDb25kaXRpb25cIlxyXG4gIFtuZ1N0eWxlXT1cIntcclxuICAgIHRvcDogdG9wLFxyXG4gICAgekluZGV4OiB6SW5kZXhcclxuICB9XCJcclxuICBbbmdDbGFzc109XCJbJ3Rvb2x0aXBfX3RleHRfX2JveCcsIHBvc2l0aW9uLCBhdXRvU2l6ZSA/ICdhdXRvU2l6ZScgOiAnJ11cIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cInRvb2x0aXBfX3RleHRcIj57eyB0ZXh0IH19PC9kaXY+XHJcbjwvZGl2PlxyXG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiJdfQ==

package/{esm2020 → esm2022}/lib/af-connect-tooltip/types.mjs

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRvb2x0aXAvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFBvc2l0aW9uID0gJ3RvcExlZnQnIHwgJ3RvcFJpZ2h0JyB8ICd0b3BDZW50ZXInIHwgJ2JvdHRvbUNlbnRlcicgfCAnYm90dG9tTGVmdCcgfCAnYm90dG9tUmlnaHQnO1xyXG4iXX0=