@agorapulse/ui-components 2.5.1 → 13.0.2

package/esm2020/src/lib/tooltip-neo/tooltip-neo.directive.mjs

@@ -0,0 +1,114 @@
+import { Directive, HostListener, Input, } from '@angular/core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { fromEvent, merge, of, Subject } from 'rxjs';
+import { delay, switchMap, takeUntil } from 'rxjs/operators';
+import { tooltipNeoPositions } from './tooltip-neo.const';
+import { TooltipNeoComponent } from './tooltip-neo.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "./tooltip-neo.service";
+export class TooltipNeoDirective {
+    constructor(elementRef, overlay, overlayPositionBuilder, tooltipNeoService) {
+        this.elementRef = elementRef;
+        this.overlay = overlay;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.tooltipNeoService = tooltipNeoService;
+        this.destroy$ = new Subject();
+        this.hide$ = new Subject();
+        this.mouseEntered = false;
+        this.show$ = new Subject();
+    }
+    static enableTooltip(content, contentType, display) {
+        return !!content && !!contentType && !!display;
+    }
+    ngOnChanges(changes) {
+        if ((changes?.apTooltipNeo?.currentValue?.display || changes?.apTooltipNeo?.currentValue?.position) && this.mouseEntered) {
+            this.setSettings();
+            this.allowDisplay ? this.show$.next(true) : this.hide$.next(false);
+        }
+    }
+    ngOnInit() {
+        this.initiateTooltip();
+    }
+    ngOnDestroy() {
+        this.detach();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    setSettings() {
+        if (typeof this.apTooltipNeo === 'object') {
+            const { content, backgroundColor = '#ffffff', borderColor, contentType = 'text', display = true, displayArrow = true, maxWidth = 'full', position = 'top', title = '' } = this.apTooltipNeo;
+            this.params = { content, backgroundColor, borderColor, contentType, display, displayArrow, maxWidth, position, title };
+            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
+        }
+        if (typeof this.apTooltipNeo === 'string') {
+            const content = this.apTooltipNeo;
+            const backgroundColor = '#ffffff';
+            const borderColor = undefined;
+            const contentType = 'text';
+            const display = true;
+            const displayArrow = true;
+            const maxWidth = 'full';
+            const position = 'top';
+            const title = '';
+            this.params = { content, backgroundColor, borderColor, contentType, position, display, displayArrow, title, maxWidth };
+            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
+        }
+    }
+    initiateTooltip() {
+        merge(this.hide$, this.show$)
+            .pipe(switchMap(bool => {
+            if (!bool) {
+                return of(bool);
+            }
+            return of(bool).pipe(delay(200));
+        }), takeUntil(this.destroy$))
+            .subscribe(bool => {
+            if (bool) {
+                this.elementRefMouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave')
+                    .subscribe(() => this.detach());
+                const positionStrategy = this.overlayPositionBuilder
+                    .flexibleConnectedTo(this.elementRef)
+                    .withPositions([tooltipNeoPositions[this.params.position]]);
+                const scrollStrategy = this.overlay.scrollStrategies.close();
+                this.overlayRef = this.overlay.create({ positionStrategy, scrollStrategy });
+                const tooltipRef = this.overlayRef.attach(new ComponentPortal(TooltipNeoComponent));
+                tooltipRef.instance.params = this.params;
+            }
+            else {
+                this.detach();
+            }
+        });
+        this.tooltipNeoService.clickOutside$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.hide$.next(false));
+    }
+    detach() {
+        this.overlayRef && this.overlayRef.hasAttached() && this.overlayRef.detach();
+        this.elementRefMouseLeave$ && this.elementRefMouseLeave$.unsubscribe();
+    }
+    onMouseEnter() {
+        this.setSettings();
+        this.mouseEntered = true;
+        this.allowDisplay && this.params && this.show$.next(true);
+    }
+    onMouseLeave() {
+        this.mouseEntered = false;
+        this.hide$.next(false);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TooltipNeoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TooltipNeoDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i2.TooltipNeoService }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ TooltipNeoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: TooltipNeoDirective, selector: "[apTooltipNeo]", inputs: { apTooltipNeo: "apTooltipNeo" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TooltipNeoDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[apTooltipNeo]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: i2.TooltipNeoService }]; }, propDecorators: { apTooltipNeo: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1uZW8uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdG9vbHRpcC1uZW8vdG9vbHRpcC1uZW8uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssR0FJUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFcEQsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBZSxNQUFNLE1BQU0sQ0FBQztBQUNqRSxPQUFPLEVBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQUc1RCxNQUFNLE9BQU8sbUJBQW1CO0lBZ0I1QixZQUNZLFVBQXNCLEVBQ3RCLE9BQWdCLEVBQ2hCLHNCQUE4QyxFQUM5QyxpQkFBb0M7UUFIcEMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFDOUMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQWhCeEMsYUFBUSxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQzlDLFVBQUssR0FBcUIsSUFBSSxPQUFPLEVBQVcsQ0FBQztRQUNqRCxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixVQUFLLEdBQXFCLElBQUksT0FBTyxFQUFXLENBQUM7SUFhekQsQ0FBQztJQVZELE1BQU0sQ0FBQyxhQUFhLENBQUMsT0FBa0MsRUFBRSxXQUFtQixF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QWE7YUFDL0IsSUFBSSxDQUNELFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQzNCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVPLE1BQU07UUFDVixJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM3RSxJQUFJLENBQUMscUJBQXFCLElBQUksSUFBSSxDQUFDLHFCQUFxQixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzNFLENBQUM7SUFHRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBR0QsWUFBWTtRQUNSLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7O3NKQXpIUSxtQkFBbUI7MElBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUQvQixTQUFTO21CQUFDLEVBQUMsUUFBUSxFQUFFLGdCQUFnQixFQUFDOzRMQUUxQixZQUFZO3NCQUFwQixLQUFLO2dCQThHTixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFRMUIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudFJlZixcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsIE9uQ2hhbmdlcyxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LCBTaW1wbGVDaGFuZ2VzLFxuICAgIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tcG9uZW50UG9ydGFsfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7T3ZlcmxheSwgT3ZlcmxheVBvc2l0aW9uQnVpbGRlciwgT3ZlcmxheVJlZn0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHtmcm9tRXZlbnQsIG1lcmdlLCBvZiwgU3ViamVjdCwgU3Vic2NyaXB0aW9ufSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZGVsYXksIHN3aXRjaE1hcCwgdGFrZVVudGlsfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQge3Rvb2x0aXBOZW9Qb3NpdGlvbnN9IGZyb20gJy4vdG9vbHRpcC1uZW8uY29uc3QnO1xuaW1wb3J0IHtUb29sdGlwTmVvUGFyYW1zfSBmcm9tICcuL3Rvb2x0aXAtbmVvLm1vZGVsJztcbmltcG9ydCB7VG9vbHRpcE5lb1NlcnZpY2V9IGZyb20gJy4vdG9vbHRpcC1uZW8uc2VydmljZSc7XG5pbXBvcnQge1Rvb2x0aXBOZW9Db21wb25lbnR9IGZyb20gJy4vdG9vbHRpcC1uZW8uY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7c2VsZWN0b3I6ICdbYXBUb29sdGlwTmVvXSd9KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBOZW9EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBhcFRvb2x0aXBOZW86IHN0cmluZyB8IFRvb2x0aXBOZW9QYXJhbXM7XG5cbiAgICBwcml2YXRlIGFsbG93RGlzcGxheTogYm9vbGVhbjtcbiAgICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgICBwcml2YXRlIGhpZGUkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcbiAgICBwcml2YXRlIG1vdXNlRW50ZXJlZCA9IGZhbHNlO1xuICAgIHByaXZhdGUgb3ZlcmxheVJlZjogT3ZlcmxheVJlZjtcbiAgICBwcml2YXRlIHBhcmFtczogVG9vbHRpcE5lb1BhcmFtcztcbiAgICBwcml2YXRlIHNob3ckOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcbiAgICBwcml2YXRlIGVsZW1lbnRSZWZNb3VzZUxlYXZlJDogU3Vic2NyaXB0aW9uO1xuXG4gICAgc3RhdGljIGVuYWJsZVRvb2x0aXAoY29udGVudDogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55PiwgY29udGVudFR5cGU6IHN0cmluZywgZGlzcGxheTogYm9vbGVhbik6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gISFjb250ZW50ICYmICEhY29udGVudFR5cGUgJiYgISFkaXNwbGF5O1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICAgICAgcHJpdmF0ZSBvdmVybGF5UG9zaXRpb25CdWlsZGVyOiBPdmVybGF5UG9zaXRpb25CdWlsZGVyLFxuICAgICAgICBwcml2YXRlIHRvb2x0aXBOZW9TZXJ2aWNlOiBUb29sdGlwTmVvU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmICgoY2hhbmdlcz8uYXBUb29sdGlwTmVvPy5jdXJyZW50VmFsdWU/LmRpc3BsYXkgfHwgY2hhbmdlcz8uYXBUb29sdGlwTmVvPy5jdXJyZW50VmFsdWU/LnBvc2l0aW9uKSAmJiB0aGlzLm1vdXNlRW50ZXJlZCkge1xuICAgICAgICAgICAgdGhpcy5zZXRTZXR0aW5ncygpO1xuICAgICAgICAgICAgdGhpcy5hbGxvd0Rpc3BsYXkgPyB0aGlzLnNob3ckLm5leHQodHJ1ZSkgOiB0aGlzLmhpZGUkLm5leHQoZmFsc2UpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5pdGlhdGVUb29sdGlwKCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGV0YWNoKCk7XG4gICAgICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRTZXR0aW5ncygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHR5cGVvZiB0aGlzLmFwVG9vbHRpcE5lbyA9PT0gJ29iamVjdCcpIHtcbiAgICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgICAgICBjb250ZW50LFxuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvciA9ICcjZmZmZmZmJyxcbiAgICAgICAgICAgICAgICBib3JkZXJDb2xvcixcbiAgICAgICAgICAgICAgICBjb250ZW50VHlwZSA9ICd0ZXh0JyxcbiAgICAgICAgICAgICAgICBkaXNwbGF5ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBkaXNwbGF5QXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG1heFdpZHRoID0gJ2Z1bGwnLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uID0gJ3RvcCcsXG4gICAgICAgICAgICAgICAgdGl0bGUgPSAnJ1xuICAgICAgICAgICAgfSA9IHRoaXMuYXBUb29sdGlwTmVvIGFzIFRvb2x0aXBOZW9QYXJhbXM7XG4gICAgICAgICAgICB0aGlzLnBhcmFtcyA9IHtjb250ZW50LCBiYWNrZ3JvdW5kQ29sb3IsIGJvcmRlckNvbG9yLCBjb250ZW50VHlwZSwgZGlzcGxheSwgZGlzcGxheUFycm93LCBtYXhXaWR0aCwgcG9zaXRpb24sIHRpdGxlfTtcbiAgICAgICAgICAgIHRoaXMuYWxsb3dEaXNwbGF5ID0gVG9vbHRpcE5lb0RpcmVjdGl2ZS5lbmFibGVUb29sdGlwKGNvbnRlbnQsIGNvbnRlbnRUeXBlLCBkaXNwbGF5KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodHlwZW9mIHRoaXMuYXBUb29sdGlwTmVvID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgY29uc3QgY29udGVudCA9IHRoaXMuYXBUb29sdGlwTmVvIGFzIHN0cmluZztcbiAgICAgICAgICAgIGNvbnN0IGJhY2tncm91bmRDb2xvciA9ICcjZmZmZmZmJztcbiAgICAgICAgICAgIGNvbnN0IGJvcmRlckNvbG9yID0gdW5kZWZpbmVkO1xuICAgICAgICAgICAgY29uc3QgY29udGVudFR5cGUgPSAndGV4dCc7XG4gICAgICAgICAgICBjb25zdCBkaXNwbGF5ID0gdHJ1ZTtcbiAgICAgICAgICAgIGNvbnN0IGRpc3BsYXlBcnJvdyA9IHRydWU7XG4gICAgICAgICAgICBjb25zdCBtYXhXaWR0aCA9ICdmdWxsJztcbiAgICAgICAgICAgIGNvbnN0IHBvc2l0aW9uID0gJ3RvcCc7XG4gICAgICAgICAgICBjb25zdCB0aXRsZSA9ICcnO1xuICAgICAgICAgICAgdGhpcy5wYXJhbXMgPSB7Y29udGVudCwgYmFja2dyb3VuZENvbG9yLCBib3JkZXJDb2xvciwgY29udGVudFR5cGUsIHBvc2l0aW9uLCBkaXNwbGF5LCBkaXNwbGF5QXJyb3csIHRpdGxlLCBtYXhXaWR0aH07XG4gICAgICAgICAgICB0aGlzLmFsbG93RGlzcGxheSA9IFRvb2x0aXBOZW9EaXJlY3RpdmUuZW5hYmxlVG9vbHRpcChjb250ZW50LCBjb250ZW50VHlwZSwgZGlzcGxheSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGluaXRpYXRlVG9vbHRpcCgpOiB2b2lkIHtcbiAgICAgICAgbWVyZ2UodGhpcy5oaWRlJCwgdGhpcy5zaG93JClcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcChib29sID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFib29sKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gb2YoYm9vbCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG9mKGJvb2wpLnBpcGUoZGVsYXkoMjAwKSk7XG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKGJvb2wgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChib29sKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudFJlZk1vdXNlTGVhdmUkID0gZnJvbUV2ZW50KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnbW91c2VsZWF2ZScpXG4gICAgICAgICAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuZGV0YWNoKCkpO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5UG9zaXRpb25CdWlsZGVyXG4gICAgICAgICAgICAgICAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyh0aGlzLmVsZW1lbnRSZWYpXG4gICAgICAgICAgICAgICAgICAgICAgICAud2l0aFBvc2l0aW9ucyhbdG9vbHRpcE5lb1Bvc2l0aW9uc1t0aGlzLnBhcmFtcy5wb3NpdGlvbl1dKTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2Nyb2xsU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5jbG9zZSgpO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLm92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKHtwb3NpdGlvblN0cmF0ZWd5LCBzY3JvbGxTdHJhdGVneX0pO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b29sdGlwUmVmOiBDb21wb25lbnRSZWY8VG9vbHRpcE5lb0NvbXBvbmVudD4gPSB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKG5ldyBDb21wb25lbnRQb3J0YWwoVG9vbHRpcE5lb0NvbXBvbmVudCkpO1xuICAgICAgICAgICAgICAgICAgICB0b29sdGlwUmVmLmluc3RhbmNlLnBhcmFtcyA9IHRoaXMucGFyYW1zO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGV0YWNoKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIHRoaXMudG9vbHRpcE5lb1NlcnZpY2UuY2xpY2tPdXRzaWRlJFxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuaGlkZSQubmV4dChmYWxzZSkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZGV0YWNoKCk6IHZvaWQge1xuICAgICAgICB0aGlzLm92ZXJsYXlSZWYgJiYgdGhpcy5vdmVybGF5UmVmLmhhc0F0dGFjaGVkKCkgJiYgdGhpcy5vdmVybGF5UmVmLmRldGFjaCgpO1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWZNb3VzZUxlYXZlJCAmJiB0aGlzLmVsZW1lbnRSZWZNb3VzZUxlYXZlJC51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxuICAgIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZXRTZXR0aW5ncygpO1xuICAgICAgICB0aGlzLm1vdXNlRW50ZXJlZCA9IHRydWU7XG4gICAgICAgIHRoaXMuYWxsb3dEaXNwbGF5ICYmIHRoaXMucGFyYW1zICYmIHRoaXMuc2hvdyQubmV4dCh0cnVlKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcbiAgICBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMubW91c2VFbnRlcmVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuaGlkZSQubmV4dChmYWxzZSk7XG4gICAgfVxufVxuIl19

package/esm2020/src/lib/tooltip-neo/tooltip-neo.service.mjs

@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+import { Subject } from "rxjs";
+import * as i0 from "@angular/core";
+export class TooltipNeoService {
+    constructor() {
+        this.clickOutside$ = new Subject();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TooltipNeoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TooltipNeoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ TooltipNeoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TooltipNeoService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TooltipNeoService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1uZW8uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3Rvb2x0aXAtbmVvL3Rvb2x0aXAtbmVvLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDOztBQUs3QixNQUFNLE9BQU8saUJBQWlCO0lBSDlCO1FBSVcsa0JBQWEsR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztLQUM3RDs7b0pBRlksaUJBQWlCO3dKQUFqQixpQkFBaUIsY0FGZCxNQUFNOzJGQUVULGlCQUFpQjtrQkFIN0IsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTdWJqZWN0fSBmcm9tIFwicnhqc1wiO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBOZW9TZXJ2aWNlIHtcbiAgICBwdWJsaWMgY2xpY2tPdXRzaWRlJDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG59XG4iXX0=

package/esm2020/src/lib/try-popup/try-popup.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/common";
+export class TryPopupComponent {
+    constructor() {
+        this.trialClicked = new EventEmitter();
+        this.closeClicked = new EventEmitter();
+        this.tryAgorapulsePopupVisible = true;
+        this.logoUrl = 'assets/img/style/logos/logo-blue.svg';
+    }
+    onClose() {
+        this.tryAgorapulsePopupVisible = false;
+        this.closeClicked.emit();
+    }
+    onButtonClick() {
+        this.trialClicked.emit();
+        this.onClose();
+        window.open(this.trialUrl, '_blank');
+    }
+}
+/** @nocollapse */ /** @nocollapse */ TryPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TryPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ TryPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: TryPopupComponent, selector: "ap-try-popup", inputs: { texts: "texts", trialUrl: "trialUrl" }, outputs: { trialClicked: "trialClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<ng-template [ngIf]=\"tryAgorapulsePopupVisible\">\n    <div class=\"try-popup\">\n        <button (click)=\"onClose()\" class=\"close-button\" id=\"try-button\" mat-flat-button>\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <div class=\"row\">\n            <div class=\"col s6\">\n                <img class=\"agorapulse-logo\" [src]=\"logoUrl\" alt=\"Agorapulse\">\n                <p class=\"subtitle\">\n                    {{texts.description}}\n                </p>\n            </div>\n\n            <div class=\"col s6 button-container\">\n                <button (click)=\"onButtonClick()\"\n                        color=\"primary\"\n                        mat-flat-button>\n                    {{texts.tryButtonLabel}}\n                </button>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.try-popup{background-color:#fff;border-radius:8px;bottom:16px;box-shadow:0 8px 14px #e0e5ee80;height:92px;padding:24px 10px;position:fixed;right:16px;width:336px;z-index:10}.close-button{position:absolute;right:1px;top:0;background:transparent}.agorapulse-logo{height:28px}.button-container{text-align:end;margin-top:30px}\n"], components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TryPopupComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-try-popup', template: "<ng-template [ngIf]=\"tryAgorapulsePopupVisible\">\n    <div class=\"try-popup\">\n        <button (click)=\"onClose()\" class=\"close-button\" id=\"try-button\" mat-flat-button>\n            <mat-icon>close</mat-icon>\n        </button>\n\n        <div class=\"row\">\n            <div class=\"col s6\">\n                <img class=\"agorapulse-logo\" [src]=\"logoUrl\" alt=\"Agorapulse\">\n                <p class=\"subtitle\">\n                    {{texts.description}}\n                </p>\n            </div>\n\n            <div class=\"col s6 button-container\">\n                <button (click)=\"onButtonClick()\"\n                        color=\"primary\"\n                        mat-flat-button>\n                    {{texts.tryButtonLabel}}\n                </button>\n            </div>\n        </div>\n    </div>\n</ng-template>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.try-popup{background-color:#fff;border-radius:8px;bottom:16px;box-shadow:0 8px 14px #e0e5ee80;height:92px;padding:24px 10px;position:fixed;right:16px;width:336px;z-index:10}.close-button{position:absolute;right:1px;top:0;background:transparent}.agorapulse-logo{height:28px}.button-container{text-align:end;margin-top:30px}\n"] }]
+        }], propDecorators: { texts: [{
+                type: Input
+            }], trialUrl: [{
+                type: Input
+            }], trialClicked: [{
+                type: Output
+            }], closeClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ5LXBvcHVwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RyeS1wb3B1cC90cnktcG9wdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdHJ5LXBvcHVwL3RyeS1wb3B1cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVU5RixNQUFNLE9BQU8saUJBQWlCO0lBUDlCO1FBWWMsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUMxRCxpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBRXBFLDhCQUF5QixHQUFZLElBQUksQ0FBQztRQUMxQyxZQUFPLEdBQVcsc0NBQXNDLENBQUM7S0FZNUQ7SUFWRyxPQUFPO1FBQ0gsSUFBSSxDQUFDLHlCQUF5QixHQUFHLEtBQUssQ0FBQztRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRCxhQUFhO1FBQ1QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDekMsQ0FBQzs7b0pBcEJRLGlCQUFpQjt3SUFBakIsaUJBQWlCLCtLQ1Y5QixpMUJBd0JBOzJGRGRhLGlCQUFpQjtrQkFQN0IsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLGNBQWM7OEJBT2YsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUcnlQb3B1cFRleHRzfSBmcm9tICcuL3RyeS1wb3B1cC10ZXh0cy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtdHJ5LXBvcHVwJyxcbiAgICB0ZW1wbGF0ZVVybDogJ3RyeS1wb3B1cC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJ3RyeS1wb3B1cC5jb21wb25lbnQuc2NzcyddXG59KVxuXG5leHBvcnQgY2xhc3MgVHJ5UG9wdXBDb21wb25lbnQge1xuXG4gICAgQElucHV0KCkgdGV4dHM6IFRyeVBvcHVwVGV4dHM7XG4gICAgQElucHV0KCkgdHJpYWxVcmw6IHN0cmluZztcblxuICAgIEBPdXRwdXQoKSB0cmlhbENsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gICAgQE91dHB1dCgpIGNsb3NlQ2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICAgIHRyeUFnb3JhcHVsc2VQb3B1cFZpc2libGU6IGJvb2xlYW4gPSB0cnVlO1xuICAgIGxvZ29Vcmw6IHN0cmluZyA9ICdhc3NldHMvaW1nL3N0eWxlL2xvZ29zL2xvZ28tYmx1ZS5zdmcnO1xuXG4gICAgb25DbG9zZSgpIHtcbiAgICAgICAgdGhpcy50cnlBZ29yYXB1bHNlUG9wdXBWaXNpYmxlID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY2xvc2VDbGlja2VkLmVtaXQoKTtcbiAgICB9XG5cbiAgICBvbkJ1dHRvbkNsaWNrKCkge1xuICAgICAgICB0aGlzLnRyaWFsQ2xpY2tlZC5lbWl0KCk7XG4gICAgICAgIHRoaXMub25DbG9zZSgpO1xuICAgICAgICB3aW5kb3cub3Blbih0aGlzLnRyaWFsVXJsLCAnX2JsYW5rJyk7XG4gICAgfVxufVxuIiwiPG5nLXRlbXBsYXRlIFtuZ0lmXT1cInRyeUFnb3JhcHVsc2VQb3B1cFZpc2libGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwidHJ5LXBvcHVwXCI+XG4gICAgICAgIDxidXR0b24gKGNsaWNrKT1cIm9uQ2xvc2UoKVwiIGNsYXNzPVwiY2xvc2UtYnV0dG9uXCIgaWQ9XCJ0cnktYnV0dG9uXCIgbWF0LWZsYXQtYnV0dG9uPlxuICAgICAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbCBzNlwiPlxuICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJhZ29yYXB1bHNlLWxvZ29cIiBbc3JjXT1cImxvZ29VcmxcIiBhbHQ9XCJBZ29yYXB1bHNlXCI+XG4gICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJzdWJ0aXRsZVwiPlxuICAgICAgICAgICAgICAgICAgICB7e3RleHRzLmRlc2NyaXB0aW9ufX1cbiAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbCBzNiBidXR0b24tY29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25CdXR0b25DbGljaygpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXQtZmxhdC1idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIHt7dGV4dHMudHJ5QnV0dG9uTGFiZWx9fVxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==