@agorapulse/ui-components 0.0.1 → 13.0.0

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

@@ -0,0 +1,106 @@
+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 = undefined, backgroundColor = '#ffffff', borderColor = undefined, 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, backgroundColor = '#ffffff', borderColor = undefined, contentType = 'text', display = true, displayArrow = true, maxWidth = 'full', position = 'top', 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(true));
+    }
+    _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.1.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.1.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.1.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1uZW8uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdG9vbHRpcC1uZW8vdG9vbHRpcC1uZW8uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssR0FJUixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFcEQsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBZSxNQUFNLE1BQU0sQ0FBQztBQUNqRSxPQUFPLEVBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQUc1RCxNQUFNLE9BQU8sbUJBQW1CO0lBZ0I1QixZQUNZLFdBQXVCLEVBQ3ZCLFFBQWlCLEVBQ2pCLHVCQUErQyxFQUMvQyxrQkFBcUM7UUFIckMsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFDdkIsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUNqQiw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQXdCO1FBQy9DLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFoQnpDLGNBQVMsR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUMvQyxXQUFNLEdBQXFCLElBQUksT0FBTyxFQUFXLENBQUM7UUFDbEQsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFHdEIsV0FBTSxHQUFxQixJQUFJLE9BQU8sRUFBVyxDQUFDO0lBYTFELENBQUM7SUFWRCxNQUFNLENBQUMsYUFBYSxDQUFDLE9BQWtDLEVBQUUsV0FBbUIs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O2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVPLE9BQU87UUFDWCxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNoRixJQUFJLENBQUMsc0JBQXNCLElBQUksSUFBSSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzdFLENBQUM7SUFHRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1FBQzFCLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBR0QsWUFBWTtRQUNSLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7O3NKQTFIUSxtQkFBbUI7MElBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUQvQixTQUFTO21CQUFDLEVBQUMsUUFBUSxFQUFFLGdCQUFnQixFQUFDOzRMQUUxQixZQUFZO3NCQUFwQixLQUFLO2dCQStHTixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkFRMUIsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudFJlZixcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsIE9uQ2hhbmdlcyxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LCBTaW1wbGVDaGFuZ2VzLFxuICAgIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tcG9uZW50UG9ydGFsfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3BvcnRhbFwiO1xuaW1wb3J0IHtPdmVybGF5LCBPdmVybGF5UG9zaXRpb25CdWlsZGVyLCBPdmVybGF5UmVmfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL292ZXJsYXlcIjtcbmltcG9ydCB7ZnJvbUV2ZW50LCBtZXJnZSwgb2YsIFN1YmplY3QsIFN1YnNjcmlwdGlvbn0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7ZGVsYXksIHN3aXRjaE1hcCwgdGFrZVVudGlsfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcbmltcG9ydCB7dG9vbHRpcE5lb1Bvc2l0aW9uc30gZnJvbSBcIi4vdG9vbHRpcC1uZW8uY29uc3RcIjtcbmltcG9ydCB7VG9vbHRpcE5lb1BhcmFtc30gZnJvbSAnLi90b29sdGlwLW5lby5tb2RlbCc7XG5pbXBvcnQge1Rvb2x0aXBOZW9TZXJ2aWNlfSBmcm9tICcuL3Rvb2x0aXAtbmVvLnNlcnZpY2UnO1xuaW1wb3J0IHtUb29sdGlwTmVvQ29tcG9uZW50fSBmcm9tIFwiLi90b29sdGlwLW5lby5jb21wb25lbnRcIjtcblxuQERpcmVjdGl2ZSh7c2VsZWN0b3I6ICdbYXBUb29sdGlwTmVvXSd9KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBOZW9EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBhcFRvb2x0aXBOZW86IHN0cmluZyB8IFRvb2x0aXBOZW9QYXJhbXM7XG5cbiAgICBwcml2YXRlIF9hbGxvd0Rpc3BsYXk6IGJvb2xlYW47XG4gICAgcHJpdmF0ZSBfZGVzdHJveSQ6IFN1YmplY3Q8dm9pZD4gPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICAgIHByaXZhdGUgX2hpZGUkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcbiAgICBwcml2YXRlIF9tb3VzZUVudGVyZWQgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9vdmVybGF5UmVmOiBPdmVybGF5UmVmO1xuICAgIHByaXZhdGUgX3BhcmFtczogVG9vbHRpcE5lb1BhcmFtcztcbiAgICBwcml2YXRlIF9zaG93JDogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XG4gICAgcHJpdmF0ZSBfZWxlbWVudFJlZk1vdXNlTGVhdmUkOiBTdWJzY3JpcHRpb247XG5cbiAgICBzdGF0aWMgZW5hYmxlVG9vbHRpcChjb250ZW50OiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+LCBjb250ZW50VHlwZTogc3RyaW5nLCBkaXNwbGF5OiBib29sZWFuKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAhIWNvbnRlbnQgJiYgISFjb250ZW50VHlwZSAmJiAhIWRpc3BsYXk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgIHByaXZhdGUgX292ZXJsYXk6IE92ZXJsYXksXG4gICAgICAgIHByaXZhdGUgX292ZXJsYXlQb3NpdGlvbkJ1aWxkZXI6IE92ZXJsYXlQb3NpdGlvbkJ1aWxkZXIsXG4gICAgICAgIHByaXZhdGUgX3Rvb2x0aXBOZW9TZXJ2aWNlOiBUb29sdGlwTmVvU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmICgoY2hhbmdlcz8uYXBUb29sdGlwTmVvPy5jdXJyZW50VmFsdWU/LmRpc3BsYXkgfHwgY2hhbmdlcz8uYXBUb29sdGlwTmVvPy5jdXJyZW50VmFsdWU/LnBvc2l0aW9uKSAmJiB0aGlzLl9tb3VzZUVudGVyZWQpIHtcbiAgICAgICAgICAgIHRoaXMuX3NldFNldHRpbmdzKCk7XG4gICAgICAgICAgICB0aGlzLl9hbGxvd0Rpc3BsYXkgPyB0aGlzLl9zaG93JC5uZXh0KHRydWUpIDogdGhpcy5faGlkZSQubmV4dChmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5faW5pdGlhdGVUb29sdGlwKCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2RldGFjaCgpO1xuICAgICAgICB0aGlzLl9kZXN0cm95JC5uZXh0KCk7XG4gICAgICAgIHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfc2V0U2V0dGluZ3MoKSB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5hcFRvb2x0aXBOZW8gPT09ICdvYmplY3QnKSB7XG4gICAgICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICAgICAgY29udGVudCA9IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IgPSAnI2ZmZmZmZicsXG4gICAgICAgICAgICAgICAgYm9yZGVyQ29sb3IgPSB1bmRlZmluZWQsXG4gICAgICAgICAgICAgICAgY29udGVudFR5cGUgPSAndGV4dCcsXG4gICAgICAgICAgICAgICAgZGlzcGxheSA9IHRydWUsXG4gICAgICAgICAgICAgICAgZGlzcGxheUFycm93ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBtYXhXaWR0aCA9ICdmdWxsJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbiA9ICd0b3AnLFxuICAgICAgICAgICAgICAgIHRpdGxlID0gJydcbiAgICAgICAgICAgIH0gPSB0aGlzLmFwVG9vbHRpcE5lbyBhcyBUb29sdGlwTmVvUGFyYW1zO1xuICAgICAgICAgICAgdGhpcy5fcGFyYW1zID0ge2NvbnRlbnQsIGJhY2tncm91bmRDb2xvciwgYm9yZGVyQ29sb3IsIGNvbnRlbnRUeXBlLCBkaXNwbGF5LCBkaXNwbGF5QXJyb3csIG1heFdpZHRoLCBwb3NpdGlvbiwgdGl0bGV9O1xuICAgICAgICAgICAgdGhpcy5fYWxsb3dEaXNwbGF5ID0gVG9vbHRpcE5lb0RpcmVjdGl2ZS5lbmFibGVUb29sdGlwKGNvbnRlbnQsIGNvbnRlbnRUeXBlLCBkaXNwbGF5KTtcbiAgICAgICAgfVxuICAgICAgICBpZiAodHlwZW9mIHRoaXMuYXBUb29sdGlwTmVvID09PSAnc3RyaW5nJykge1xuICAgICAgICAgICAgY29uc3RcbiAgICAgICAgICAgICAgICBjb250ZW50ID0gdGhpcy5hcFRvb2x0aXBOZW8gYXMgc3RyaW5nLFxuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvciA9ICcjZmZmZmZmJyxcbiAgICAgICAgICAgICAgICBib3JkZXJDb2xvciA9IHVuZGVmaW5lZCxcbiAgICAgICAgICAgICAgICBjb250ZW50VHlwZSA9ICd0ZXh0JyxcbiAgICAgICAgICAgICAgICBkaXNwbGF5ID0gdHJ1ZSxcbiAgICAgICAgICAgICAgICBkaXNwbGF5QXJyb3cgPSB0cnVlLFxuICAgICAgICAgICAgICAgIG1heFdpZHRoID0gJ2Z1bGwnLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uID0gJ3RvcCcsXG4gICAgICAgICAgICAgICAgdGl0bGUgPSAnJztcbiAgICAgICAgICAgIHRoaXMuX3BhcmFtcyA9IHtjb250ZW50LCBiYWNrZ3JvdW5kQ29sb3IsIGJvcmRlckNvbG9yLCBjb250ZW50VHlwZSwgcG9zaXRpb24sIGRpc3BsYXksIGRpc3BsYXlBcnJvdywgdGl0bGUsIG1heFdpZHRofTtcbiAgICAgICAgICAgIHRoaXMuX2FsbG93RGlzcGxheSA9IFRvb2x0aXBOZW9EaXJlY3RpdmUuZW5hYmxlVG9vbHRpcChjb250ZW50LCBjb250ZW50VHlwZSwgZGlzcGxheSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9pbml0aWF0ZVRvb2x0aXAoKSB7XG4gICAgICAgIG1lcmdlKHRoaXMuX2hpZGUkLCB0aGlzLl9zaG93JClcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHN3aXRjaE1hcChib29sID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFib29sKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gb2YoYm9vbCk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG9mKGJvb2wpLnBpcGUoZGVsYXkoMjAwKSk7XG4gICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKVxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShib29sID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoYm9vbCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLl9lbGVtZW50UmVmTW91c2VMZWF2ZSQgPSBmcm9tRXZlbnQodGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnbW91c2VsZWF2ZScpXG4gICAgICAgICAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuX2RldGFjaCgpKTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMuX292ZXJsYXlQb3NpdGlvbkJ1aWxkZXJcbiAgICAgICAgICAgICAgICAgICAgICAgIC5mbGV4aWJsZUNvbm5lY3RlZFRvKHRoaXMuX2VsZW1lbnRSZWYpXG4gICAgICAgICAgICAgICAgICAgICAgICAud2l0aFBvc2l0aW9ucyhbdG9vbHRpcE5lb1Bvc2l0aW9uc1t0aGlzLl9wYXJhbXMucG9zaXRpb25dXSk7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHNjcm9sbFN0cmF0ZWd5ID0gdGhpcy5fb3ZlcmxheS5zY3JvbGxTdHJhdGVnaWVzLmNsb3NlKCk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX292ZXJsYXlSZWYgPSB0aGlzLl9vdmVybGF5LmNyZWF0ZSh7cG9zaXRpb25TdHJhdGVneSwgc2Nyb2xsU3RyYXRlZ3l9KTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdG9vbHRpcFJlZjogQ29tcG9uZW50UmVmPFRvb2x0aXBOZW9Db21wb25lbnQ+ID0gdGhpcy5fb3ZlcmxheVJlZi5hdHRhY2gobmV3IENvbXBvbmVudFBvcnRhbChUb29sdGlwTmVvQ29tcG9uZW50KSk7XG4gICAgICAgICAgICAgICAgICAgIHRvb2x0aXBSZWYuaW5zdGFuY2UucGFyYW1zID0gdGhpcy5fcGFyYW1zO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX2RldGFjaCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB0aGlzLl90b29sdGlwTmVvU2VydmljZS5jbGlja091dHNpZGUkXG4gICAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHRoaXMuX2hpZGUkLm5leHQodHJ1ZSkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2RldGFjaCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fb3ZlcmxheVJlZiAmJiB0aGlzLl9vdmVybGF5UmVmLmhhc0F0dGFjaGVkKCkgJiYgdGhpcy5fb3ZlcmxheVJlZi5kZXRhY2goKTtcbiAgICAgICAgdGhpcy5fZWxlbWVudFJlZk1vdXNlTGVhdmUkICYmIHRoaXMuX2VsZW1lbnRSZWZNb3VzZUxlYXZlJC51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxuICAgIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc2V0U2V0dGluZ3MoKTtcbiAgICAgICAgdGhpcy5fbW91c2VFbnRlcmVkID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5fYWxsb3dEaXNwbGF5ICYmIHRoaXMuX3BhcmFtcyAmJiB0aGlzLl9zaG93JC5uZXh0KHRydWUpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxuICAgIG9uTW91c2VMZWF2ZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fbW91c2VFbnRlcmVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuX2hpZGUkLm5leHQoZmFsc2UpO1xuICAgIH1cbn1cbiJdfQ==

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.1.3", ngImport: i0, type: TooltipNeoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ TooltipNeoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: TooltipNeoService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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.1.3", ngImport: i0, type: TryPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ TryPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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.1.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==