@agorapulse/ui-components 14.0.4 → 14.0.6

package/fesm2015/agorapulse-ui-components-stepper.mjs

@@ -0,0 +1,45 @@
+import * as i1 from '@agorapulse/ui-symbol';
+import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
+import { NgClass, NgForOf } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+
+class StepperComponent {
+    constructor() {
+        this.steps = []; // Immutable after init.
+        this.stepClicked = new EventEmitter();
+        this.stepTexts = {};
+        this.currentIndex = 0;
+    }
+    ngOnChanges(changes) {
+        var _a;
+        if (((_a = this.steps) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.currentStep) {
+            this.currentIndex = this.steps.findIndex(step => step.id === this.currentStep.id);
+        }
+        else {
+            this.currentIndex = 0;
+        }
+    }
+    clickCurrentStep(step) {
+        this.stepClicked.emit(step);
+    }
+}
+StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: StepperComponent, isStandalone: true, selector: "ap-stepper", inputs: { currentStep: "currentStep", steps: "steps" }, outputs: { stepClicked: "stepClicked" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"main\">\n    <span class=\"item\"\n          *ngFor=\"let step of steps; let index=index; let last=last\" >\n        <span [ngClass]=\" {\n                'number': true,\n                'active': index === currentIndex,\n                'no-more-active': currentIndex > index,\n                'not-yet-active': currentIndex < index}\">\n            {{index + 1}}\n        </span>\n        <span class=\"text\" [ngClass]=\"{'clickable': step.clickable}\" (click)=\"step.clickable ? clickCurrentStep(step) : false\">\n        {{step.name}}\n        </span>\n        <ap-symbol\n            *ngIf=\"!last\"\n            [id]=\"'arrow-right-1'\"\n            [size]=\"'12px'\">\n        </ap-symbol>\n    </span>\n</div>\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}.active{font-weight:700}.main{display:flex}.main .item{height:-moz-fit-content;height:fit-content}.main .item .number{border-radius:24px;width:24px;height:24px;display:inline-block;text-align:center;vertical-align:middle;line-height:24px;box-sizing:border-box}.main .item .number.active{box-shadow:0 0 0 1.5px #e8f4ff;border:1.5px solid #e8f4ff;line-height:21px;background-color:#178dfe;color:#fff}.main .item .number.no-more-active{background-color:#e8f4ff;color:#178dfe}.main .item .number.not-yet-active{border:1px solid #e8f4ff;line-height:22px;background-color:transparent;color:#178dfe}.main .item .text{padding-left:8px;height:-moz-fit-content;height:fit-content;margin:auto;line-height:24px;vertical-align:middle}.main .item .text.clickable:hover{color:#178dfe;cursor:pointer}.main .item ap-symbol{color:#858fa1;margin:auto 10px;vertical-align:middle;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: StepperComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-stepper', standalone: true, imports: [AgorapulseUiSymbolModule, NgClass, NgForOf], template: "<div class=\"main\">\n    <span class=\"item\"\n          *ngFor=\"let step of steps; let index=index; let last=last\" >\n        <span [ngClass]=\" {\n                'number': true,\n                'active': index === currentIndex,\n                'no-more-active': currentIndex > index,\n                'not-yet-active': currentIndex < index}\">\n            {{index + 1}}\n        </span>\n        <span class=\"text\" [ngClass]=\"{'clickable': step.clickable}\" (click)=\"step.clickable ? clickCurrentStep(step) : false\">\n        {{step.name}}\n        </span>\n        <ap-symbol\n            *ngIf=\"!last\"\n            [id]=\"'arrow-right-1'\"\n            [size]=\"'12px'\">\n        </ap-symbol>\n    </span>\n</div>\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}.active{font-weight:700}.main{display:flex}.main .item{height:-moz-fit-content;height:fit-content}.main .item .number{border-radius:24px;width:24px;height:24px;display:inline-block;text-align:center;vertical-align:middle;line-height:24px;box-sizing:border-box}.main .item .number.active{box-shadow:0 0 0 1.5px #e8f4ff;border:1.5px solid #e8f4ff;line-height:21px;background-color:#178dfe;color:#fff}.main .item .number.no-more-active{background-color:#e8f4ff;color:#178dfe}.main .item .number.not-yet-active{border:1px solid #e8f4ff;line-height:22px;background-color:transparent;color:#178dfe}.main .item .text{padding-left:8px;height:-moz-fit-content;height:fit-content;margin:auto;line-height:24px;vertical-align:middle}.main .item .text.clickable:hover{color:#178dfe;cursor:pointer}.main .item ap-symbol{color:#858fa1;margin:auto 10px;vertical-align:middle;display:inline-block}\n"] }]
+        }], propDecorators: { currentStep: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], stepClicked: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StepperComponent };
+//# sourceMappingURL=agorapulse-ui-components-stepper.mjs.map

package/fesm2015/agorapulse-ui-components-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-stepper.mjs","sources":["../../../libs/ui-components/stepper/src/stepper.component.ts","../../../libs/ui-components/stepper/src/stepper.component.html","../../../libs/ui-components/stepper/src/agorapulse-ui-components-stepper.ts"],"sourcesContent":["import {AgorapulseUiSymbolModule} from '@agorapulse/ui-symbol';\nimport {NgClass, NgForOf} from '@angular/common';\nimport {\n    Component,\n    Input,\n    Output,\n    OnChanges,\n    SimpleChanges,\n    EventEmitter,\n    ChangeDetectionStrategy\n} from '@angular/core';\nimport {Step} from './step.model';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-stepper',\n    templateUrl: './stepper.component.html',\n    styleUrls: ['./stepper.component.scss'],\n    standalone: true,\n    imports: [AgorapulseUiSymbolModule, NgClass, NgForOf],\n})\nexport class StepperComponent implements OnChanges {\n    @Input() currentStep: Step;\n    @Input() steps: Step[] = []; // Immutable after init.\n    @Output() stepClicked: EventEmitter<Step> = new EventEmitter<Step>();\n\n    stepTexts: {[index: number]: string} = {};\n    currentIndex = 0;\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (this.steps?.length > 0 && this.currentStep) {\n            this.currentIndex = this.steps.findIndex(step => step.id === this.currentStep.id);\n        } else {\n            this.currentIndex = 0;\n        }\n    }\n\n    clickCurrentStep(step: Step): void {\n        this.stepClicked.emit(step);\n    }\n}\n\n\n","<div class=\"main\">\n    <span class=\"item\"\n          *ngFor=\"let step of steps; let index=index; let last=last\" >\n        <span [ngClass]=\" {\n                'number': true,\n                'active': index === currentIndex,\n                'no-more-active': currentIndex > index,\n                'not-yet-active': currentIndex < index}\">\n            {{index + 1}}\n        </span>\n        <span class=\"text\" [ngClass]=\"{'clickable': step.clickable}\" (click)=\"step.clickable ? clickCurrentStep(step) : false\">\n        {{step.name}}\n        </span>\n        <ap-symbol\n            *ngIf=\"!last\"\n            [id]=\"'arrow-right-1'\"\n            [size]=\"'12px'\">\n        </ap-symbol>\n    </span>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;MAqBa,gBAAgB,CAAA;AAR7B,IAAA,WAAA,GAAA;AAUa,QAAA,IAAA,CAAA,KAAK,GAAW,EAAE,CAAC;AAClB,QAAA,IAAA,CAAA,WAAW,GAAuB,IAAI,YAAY,EAAQ,CAAC;AAErE,QAAA,IAAS,CAAA,SAAA,GAA8B,EAAE,CAAC;AAC1C,QAAA,IAAY,CAAA,YAAA,GAAG,CAAC,CAAC;KAapB;AAXG,IAAA,WAAW,CAAC,OAAsB,EAAA;;AAC9B,QAAA,IAAI,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,MAAM,IAAG,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE;YAC5C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AACrF,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;AACzB,SAAA;KACJ;AAED,IAAA,gBAAgB,CAAC,IAAU,EAAA;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC/B;;6GAlBQ,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,4LCrB7B,guBAoBA,EAAA,MAAA,EAAA,CAAA,4xMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDc,wBAAwB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,oFAAE,OAAO,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAE3C,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,YAAY,EAGV,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,wBAAwB,EAAE,OAAO,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,guBAAA,EAAA,MAAA,EAAA,CAAA,4xMAAA,CAAA,EAAA,CAAA;8BAG5C,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;AExBX;;AAEG;;;;"}

package/fesm2015/agorapulse-ui-components-text-measurement.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+
+class TextMeasurementService {
+    constructor() {
+        const lDiv = document.createElement('div');
+        document.body.appendChild(lDiv);
+        lDiv.style.color = "transparent";
+        lDiv.style.position = "absolute";
+        lDiv.style.left = '-1000';
+        lDiv.style.top = '-1000';
+        this.textDiv = lDiv;
+    }
+    calculateTextWidth(text, fontSize, fontFamily) {
+        this.textDiv.textContent = text;
+        this.textDiv.style.fontSize = fontSize + "px";
+        this.textDiv.style.fontFamily = fontFamily;
+        return this.textDiv.getBoundingClientRect().width;
+    }
+}
+TextMeasurementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TextMeasurementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TextMeasurementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TextMeasurementService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TextMeasurementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextMeasurementService };
+//# sourceMappingURL=agorapulse-ui-components-text-measurement.mjs.map

package/fesm2015/agorapulse-ui-components-text-measurement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-text-measurement.mjs","sources":["../../../libs/ui-components/text-measurement/src/text-measurement.service.ts","../../../libs/ui-components/text-measurement/src/agorapulse-ui-components-text-measurement.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\n\nexport class TextMeasurementService {\n    private textDiv: HTMLDivElement;\n\n    constructor() {\n        const lDiv = document.createElement('div');\n\n        document.body.appendChild(lDiv);\n        lDiv.style.color= \"transparent\";\n        lDiv.style.position = \"absolute\";\n        lDiv.style.left = '-1000';\n        lDiv.style.top = '-1000';\n\n        this.textDiv = lDiv;\n    }\n\n    public calculateTextWidth(text: string, fontSize: number, fontFamily: string) {\n        this.textDiv.textContent = text;\n        this.textDiv.style.fontSize = fontSize + \"px\";\n        this.textDiv.style.fontFamily = fontFamily;\n        return this.textDiv.getBoundingClientRect().width;\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAMa,sBAAsB,CAAA;AAG/B,IAAA,WAAA,GAAA;QACI,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAE3C,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,GAAE,aAAa,CAAC;AAChC,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;AACjC,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;AAC1B,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;AAEzB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACvB;AAEM,IAAA,kBAAkB,CAAC,IAAY,EAAE,QAAgB,EAAE,UAAkB,EAAA;AACxE,QAAA,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAC;QAC9C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;QAC3C,OAAO,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;KACrD;;mHApBQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,cAHrB,MAAM,EAAA,CAAA,CAAA;2FAGP,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;iBACnB,CAAA;;;ACJD;;AAEG;;;;"}

package/fesm2015/agorapulse-ui-components-tooltip-neo.mjs

@@ -0,0 +1,283 @@
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, Input, HostListener, Directive } from '@angular/core';
+import { Subject, of, fromEvent } from 'rxjs';
+import { switchMap, delay, takeUntil } from 'rxjs/operators';
+import { NgIf, NgSwitch, NgTemplateOutlet, NgSwitchCase } from '@angular/common';
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i1 from '@angular/cdk/overlay';
+
+class TooltipNeoService {
+    constructor() {
+        this.dispose$ = new Subject();
+    }
+}
+TooltipNeoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TooltipNeoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TooltipNeoComponent {
+    constructor(elementRef, tooltipNeoService) {
+        this.elementRef = elementRef;
+        this.tooltipNeoService = tooltipNeoService;
+    }
+    ngOnInit() {
+        this.params.borderColor ? (this.border = `solid 1px ${this.params.borderColor}`) : (this.border = undefined);
+        if (this.params.contentType === 'template') {
+            this.templateRefContent = this.params.content;
+        }
+    }
+    onClickOutside(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.tooltipNeoService.dispose$.next();
+        }
+    }
+}
+TooltipNeoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoComponent, deps: [{ token: i0.ElementRef }, { token: TooltipNeoService }], target: i0.ɵɵFactoryTarget.Component });
+TooltipNeoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: TooltipNeoComponent, isStandalone: true, selector: "ap-tooltip-neo", inputs: { params: "params" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, ngImport: i0, template: "<div @neoTooltip [ngSwitch]=\"params.contentType\"\n     class=\"tooltip {{params.maxWidth}}\"\n     [style.background]=\"params.backgroundColor\"\n     [style.border]=\"border\"\n    >\n    <div *ngIf=\"params.displayArrow\"\n         class=\"arrow-tooltip {{params.position}}\"\n         [class.border]=\"!!params.borderColor\"\n         [style.background]=\"params.backgroundColor\"\n         [style.borderTop]=\"border\"\n         [style.borderRight]=\"border\"\n    ></div>\n    <ng-container *ngIf=\"params.title\">\n        <div class=\"text title\">{{params.title}}</div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'text'\">\n        <ng-container *ngIf=\"params.content\">\n            <div class=\"text content\">{{params.content}}</div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container *ngTemplateOutlet=\"templateRefContent\">\n        </ng-container>\n    </ng-container>\n</div>\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}.tooltip{border-radius:8px;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.08));position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:18px}.tooltip .arrow-tooltip{position:absolute;height:12px;width:12px;border-top-right-radius:2px}.tooltip .arrow-tooltip.topLeft{left:12px;top:calc(100% - 6px);transform:rotate(135deg)}.tooltip .arrow-tooltip.top{left:calc(50% - 6px);top:calc(100% - 6px);transform:rotate(135deg)}.tooltip .arrow-tooltip.topRight{right:12px;top:calc(100% - 6px);transform:rotate(135deg)}.tooltip .arrow-tooltip.left{top:calc(50% - 6px);transform:rotate(45deg)}.tooltip .arrow-tooltip.left:not(.border){right:-6px}.tooltip .arrow-tooltip.left.border{right:-7px}.tooltip .arrow-tooltip.right{top:calc(50% - 6px);transform:rotate(-135deg)}.tooltip .arrow-tooltip.right:not(.border){left:-6px}.tooltip .arrow-tooltip.right.border{left:-7px}.tooltip .arrow-tooltip.bottomLeft{left:12px;transform:rotate(-45deg)}.tooltip .arrow-tooltip.bottomLeft:not(.border){top:-6px}.tooltip .arrow-tooltip.bottomLeft.border{top:-7px}.tooltip .arrow-tooltip.bottom{left:calc(50% - 6px);transform:rotate(-45deg)}.tooltip .arrow-tooltip.bottom:not(.border){top:-6px}.tooltip .arrow-tooltip.bottom.border{top:-7px}.tooltip .arrow-tooltip.bottomRight{right:12px;transform:rotate(-45deg)}.tooltip .arrow-tooltip.bottomRight:not(.border){top:-6px}.tooltip .arrow-tooltip.bottomRight.border{top:-7px}.tooltip.full{max-width:350px}.tooltip.medium{max-width:300px}.tooltip .text{font-size:14px;color:#212e44}.tooltip .title{align-items:flex-start;font-weight:700;margin:8px 16px 0}.tooltip .content{padding:8px 16px;overflow-wrap:anywhere}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [
+        trigger('neoTooltip', [
+            transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
+            transition(':leave', [animate(200, style({ opacity: 0 }))]),
+        ]),
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ap-tooltip-neo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, animations: [
+                        trigger('neoTooltip', [
+                            transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
+                            transition(':leave', [animate(200, style({ opacity: 0 }))]),
+                        ]),
+                    ], imports: [NgIf, NgSwitch, NgTemplateOutlet, NgSwitchCase], template: "<div @neoTooltip [ngSwitch]=\"params.contentType\"\n     class=\"tooltip {{params.maxWidth}}\"\n     [style.background]=\"params.backgroundColor\"\n     [style.border]=\"border\"\n    >\n    <div *ngIf=\"params.displayArrow\"\n         class=\"arrow-tooltip {{params.position}}\"\n         [class.border]=\"!!params.borderColor\"\n         [style.background]=\"params.backgroundColor\"\n         [style.borderTop]=\"border\"\n         [style.borderRight]=\"border\"\n    ></div>\n    <ng-container *ngIf=\"params.title\">\n        <div class=\"text title\">{{params.title}}</div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'text'\">\n        <ng-container *ngIf=\"params.content\">\n            <div class=\"text content\">{{params.content}}</div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container *ngTemplateOutlet=\"templateRefContent\">\n        </ng-container>\n    </ng-container>\n</div>\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}.tooltip{border-radius:8px;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.08));position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:18px}.tooltip .arrow-tooltip{position:absolute;height:12px;width:12px;border-top-right-radius:2px}.tooltip .arrow-tooltip.topLeft{left:12px;top:calc(100% - 6px);transform:rotate(135deg)}.tooltip .arrow-tooltip.top{left:calc(50% - 6px);top:calc(100% - 6px);transform:rotate(135deg)}.tooltip .arrow-tooltip.topRight{right:12px;top:calc(100% - 6px);transform:rotate(135deg)}.tooltip .arrow-tooltip.left{top:calc(50% - 6px);transform:rotate(45deg)}.tooltip .arrow-tooltip.left:not(.border){right:-6px}.tooltip .arrow-tooltip.left.border{right:-7px}.tooltip .arrow-tooltip.right{top:calc(50% - 6px);transform:rotate(-135deg)}.tooltip .arrow-tooltip.right:not(.border){left:-6px}.tooltip .arrow-tooltip.right.border{left:-7px}.tooltip .arrow-tooltip.bottomLeft{left:12px;transform:rotate(-45deg)}.tooltip .arrow-tooltip.bottomLeft:not(.border){top:-6px}.tooltip .arrow-tooltip.bottomLeft.border{top:-7px}.tooltip .arrow-tooltip.bottom{left:calc(50% - 6px);transform:rotate(-45deg)}.tooltip .arrow-tooltip.bottom:not(.border){top:-6px}.tooltip .arrow-tooltip.bottom.border{top:-7px}.tooltip .arrow-tooltip.bottomRight{right:12px;transform:rotate(-45deg)}.tooltip .arrow-tooltip.bottomRight:not(.border){top:-6px}.tooltip .arrow-tooltip.bottomRight.border{top:-7px}.tooltip.full{max-width:350px}.tooltip.medium{max-width:300px}.tooltip .text{font-size:14px;color:#212e44}.tooltip .title{align-items:flex-start;font-weight:700;margin:8px 16px 0}.tooltip .content{padding:8px 16px;overflow-wrap:anywhere}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TooltipNeoService }]; }, propDecorators: { params: [{
+                type: Input
+            }], onClickOutside: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+const topLeftPosition = {
+    originX: 'start',
+    originY: 'top',
+    overlayX: 'start',
+    overlayY: 'bottom',
+    offsetY: -12
+};
+const topPosition = {
+    originX: 'center',
+    originY: 'top',
+    overlayX: 'center',
+    overlayY: 'bottom',
+    offsetY: -12
+};
+const topRightPosition = {
+    originX: 'end',
+    originY: 'top',
+    overlayX: 'end',
+    overlayY: 'bottom',
+    offsetY: -12
+};
+const bottomLeftPosition = {
+    originX: 'start',
+    originY: 'bottom',
+    overlayX: 'start',
+    overlayY: 'top',
+    offsetY: 12
+};
+const bottomPosition = {
+    originX: 'center',
+    originY: 'bottom',
+    overlayX: 'center',
+    overlayY: 'top',
+    offsetY: 12
+};
+const bottomRightPosition = {
+    originX: 'end',
+    originY: 'bottom',
+    overlayX: 'end',
+    overlayY: 'top',
+    offsetY: 12
+};
+const leftPostion = {
+    originX: 'start',
+    originY: 'center',
+    overlayX: 'end',
+    overlayY: 'center',
+    offsetX: -12
+};
+const rightPosition = {
+    originX: 'end',
+    originY: 'center',
+    overlayX: 'start',
+    overlayY: 'center',
+    offsetX: 12
+};
+const tooltipNeoPositions = {
+    topLeft: topLeftPosition,
+    top: topPosition,
+    topRight: topRightPosition,
+    left: leftPostion,
+    right: rightPosition,
+    bottomLeft: bottomLeftPosition,
+    bottom: bottomPosition,
+    bottomRight: bottomRightPosition
+};
+
+class TooltipNeoDirective {
+    constructor(elementRef, overlay, overlayPositionBuilder, tooltipNeoService) {
+        this.elementRef = elementRef;
+        this.overlay = overlay;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.tooltipNeoService = tooltipNeoService;
+        this.destroy$ = new Subject();
+        this.display$ = new Subject();
+        this.mouseEntered = false;
+    }
+    static enableTooltip(content, contentType, display) {
+        return !!content && !!contentType && !!display;
+    }
+    ngOnChanges(changes) {
+        var _a, _b, _c, _d;
+        if ((((_b = (_a = changes === null || changes === void 0 ? void 0 : changes.apTooltipNeo) === null || _a === void 0 ? void 0 : _a.currentValue) === null || _b === void 0 ? void 0 : _b.display) || ((_d = (_c = changes === null || changes === void 0 ? void 0 : changes.apTooltipNeo) === null || _c === void 0 ? void 0 : _c.currentValue) === null || _d === void 0 ? void 0 : _d.position)) &&
+            this.mouseEntered) {
+            this.setSettings();
+            this.display$.next(this.allowDisplay);
+        }
+    }
+    ngOnInit() {
+        this.initiateTooltip();
+    }
+    ngOnDestroy() {
+        this.dispose();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * To fix issue on inbox virtual scroller, it's a manual cleaner at DOM level
+     * It checks the route and also the DOM element where it's called
+     * @private
+     */
+    cleanUpPersistentTooltip() {
+        if (window.location.href.includes('inbox') &&
+            this.elementRef.nativeElement.parentElement.className.includes('item-button-actions')) {
+            const tooltips = document.getElementsByTagName('ap-tooltip-neo');
+            if (tooltips) {
+                Array.from(tooltips).forEach(tooltip => {
+                    tooltip.parentElement.parentElement.remove();
+                });
+            }
+        }
+    }
+    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,
+                display,
+                displayArrow,
+                maxWidth,
+                position,
+                title,
+            };
+            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);
+        }
+    }
+    initiateTooltip() {
+        this.display$
+            .pipe(switchMap(bool => {
+            if (!bool) {
+                return of(bool);
+            }
+            return of(bool).pipe(delay(400));
+        }), takeUntil(this.destroy$))
+            .subscribe(bool => {
+            if (bool) {
+                this.elementRefMouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave').subscribe(() => this.dispose());
+                this.cleanUpPersistentTooltip();
+                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.dispose();
+            }
+        });
+        this.tooltipNeoService.dispose$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.display$.next(false);
+        });
+    }
+    dispose() {
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+        }
+        if (this.elementRefMouseLeave$) {
+            this.elementRefMouseLeave$.unsubscribe();
+        }
+    }
+    onMouseEnter() {
+        this.setSettings();
+        this.mouseEntered = true;
+        if (this.allowDisplay && this.params) {
+            this.display$.next(true);
+        }
+    }
+    onMouseLeave() {
+        this.mouseEntered = false;
+        this.display$.next(false);
+    }
+}
+TooltipNeoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: TooltipNeoService }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipNeoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: TooltipNeoDirective, isStandalone: true, selector: "[apTooltipNeo]", inputs: { apTooltipNeo: "apTooltipNeo" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TooltipNeoDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[apTooltipNeo]', standalone: true }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: TooltipNeoService }]; }, propDecorators: { apTooltipNeo: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TooltipNeoComponent, TooltipNeoDirective };
+//# sourceMappingURL=agorapulse-ui-components-tooltip-neo.mjs.map

package/fesm2015/agorapulse-ui-components-tooltip-neo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-tooltip-neo.mjs","sources":["../../../libs/ui-components/tooltip-neo/src/tooltip-neo.service.ts","../../../libs/ui-components/tooltip-neo/src/tooltip-neo.component.ts","../../../libs/ui-components/tooltip-neo/src/tooltip-neo.component.html","../../../libs/ui-components/tooltip-neo/src/tooltip-neo.const.ts","../../../libs/ui-components/tooltip-neo/src/tooltip-neo.directive.ts","../../../libs/ui-components/tooltip-neo/src/agorapulse-ui-components-tooltip-neo.ts"],"sourcesContent":["import {Injectable} from '@angular/core';\nimport {Subject} from 'rxjs';\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class TooltipNeoService {\n    public dispose$: Subject<void> = new Subject<void>();\n}\n","import {NgIf, NgSwitch, NgSwitchCase, NgTemplateOutlet} from '@angular/common';\nimport {Component, Input, ChangeDetectionStrategy, HostListener, ElementRef, OnInit, TemplateRef} from '@angular/core';\nimport {animate, style, transition, trigger} from '@angular/animations';\nimport {TooltipNeoParams} from './tooltip-neo.model';\nimport {TooltipNeoService} from './tooltip-neo.service';\n\n@Component({\n    selector: 'ap-tooltip-neo',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    styleUrls: ['./tooltip-neo.component.scss'],\n    templateUrl: './tooltip-neo.component.html',\n    standalone: true,\n    animations: [\n        trigger('neoTooltip', [\n            transition(':enter', [style({opacity: 0}), animate(200, style({opacity: 1}))]),\n            transition(':leave', [animate(200, style({opacity: 0}))]),\n        ]),\n    ],\n    imports: [NgIf, NgSwitch, NgTemplateOutlet, NgSwitchCase],\n})\nexport class TooltipNeoComponent implements OnInit {\n    @Input() params: TooltipNeoParams;\n\n    border: string;\n\n    templateRefContent: TemplateRef<any>;\n\n    constructor(private elementRef: ElementRef, private tooltipNeoService: TooltipNeoService) {}\n\n    ngOnInit(): void {\n        this.params.borderColor ? (this.border = `solid 1px ${this.params.borderColor}`) : (this.border = undefined);\n        if (this.params.contentType === 'template') {\n            this.templateRefContent = this.params.content as TemplateRef<any>;\n        }\n    }\n\n    @HostListener('document:click', ['$event'])\n    onClickOutside(event): void {\n        if (!this.elementRef.nativeElement.contains(event.target)) {\n            this.tooltipNeoService.dispose$.next();\n        }\n    }\n}\n","<div @neoTooltip [ngSwitch]=\"params.contentType\"\n     class=\"tooltip {{params.maxWidth}}\"\n     [style.background]=\"params.backgroundColor\"\n     [style.border]=\"border\"\n    >\n    <div *ngIf=\"params.displayArrow\"\n         class=\"arrow-tooltip {{params.position}}\"\n         [class.border]=\"!!params.borderColor\"\n         [style.background]=\"params.backgroundColor\"\n         [style.borderTop]=\"border\"\n         [style.borderRight]=\"border\"\n    ></div>\n    <ng-container *ngIf=\"params.title\">\n        <div class=\"text title\">{{params.title}}</div>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'text'\">\n        <ng-container *ngIf=\"params.content\">\n            <div class=\"text content\">{{params.content}}</div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'template'\">\n        <ng-container *ngTemplateOutlet=\"templateRefContent\">\n        </ng-container>\n    </ng-container>\n</div>\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\n\nconst topLeftPosition: ConnectionPositionPair = {\n    originX: 'start',\n    originY: 'top',\n    overlayX: 'start',\n    overlayY: 'bottom',\n    offsetY: -12\n};\n\nconst topPosition: ConnectionPositionPair = {\n    originX: 'center',\n    originY: 'top',\n    overlayX: 'center',\n    overlayY: 'bottom',\n    offsetY: -12\n};\n\nconst topRightPosition: ConnectionPositionPair = {\n    originX: 'end',\n    originY: 'top',\n    overlayX: 'end',\n    overlayY: 'bottom',\n    offsetY: -12\n};\n\nconst bottomLeftPosition: ConnectionPositionPair = {\n    originX: 'start',\n    originY: 'bottom',\n    overlayX: 'start',\n    overlayY: 'top',\n    offsetY: 12\n};\n\nconst bottomPosition: ConnectionPositionPair = {\n    originX: 'center',\n    originY: 'bottom',\n    overlayX: 'center',\n    overlayY: 'top',\n    offsetY: 12\n};\n\nconst bottomRightPosition: ConnectionPositionPair = {\n    originX: 'end',\n    originY: 'bottom',\n    overlayX: 'end',\n    overlayY: 'top',\n    offsetY: 12\n};\n\nconst leftPostion: ConnectionPositionPair = {\n    originX: 'start',\n    originY: 'center',\n    overlayX: 'end',\n    overlayY: 'center',\n    offsetX: -12\n};\n\nconst rightPosition: ConnectionPositionPair = {\n    originX: 'end',\n    originY: 'center',\n    overlayX: 'start',\n    overlayY: 'center',\n    offsetX: 12\n};\n\nexport const tooltipNeoPositions: { [key: string]: ConnectionPositionPair } = {\n    topLeft: topLeftPosition,\n    top: topPosition,\n    topRight: topRightPosition,\n    left: leftPostion,\n    right: rightPosition,\n    bottomLeft: bottomLeftPosition,\n    bottom: bottomPosition,\n    bottomRight: bottomRightPosition\n};\n","import {Overlay, OverlayPositionBuilder, OverlayRef} from '@angular/cdk/overlay';\nimport {ComponentPortal} from '@angular/cdk/portal';\nimport {\n    ComponentRef,\n    Directive,\n    ElementRef,\n    HostListener,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChanges,\n    TemplateRef,\n} from '@angular/core';\nimport {fromEvent, of, Subject, Subscription} from 'rxjs';\nimport {delay, switchMap, takeUntil} from 'rxjs/operators';\nimport {TooltipNeoComponent} from './tooltip-neo.component';\nimport {tooltipNeoPositions} from './tooltip-neo.const';\nimport {TooltipNeoParams} from './tooltip-neo.model';\nimport {TooltipNeoService} from './tooltip-neo.service';\n\n@Directive({selector: '[apTooltipNeo]', standalone: true})\nexport class TooltipNeoDirective implements OnInit, OnDestroy, OnChanges {\n    @Input() apTooltipNeo: string | TooltipNeoParams;\n\n    private allowDisplay: boolean;\n    private destroy$: Subject<void> = new Subject<void>();\n    private display$: Subject<boolean> = new Subject<boolean>();\n    private mouseEntered = false;\n    private overlayRef: OverlayRef;\n    private params: TooltipNeoParams;\n    private elementRefMouseLeave$: Subscription;\n\n    static enableTooltip(content: string | TemplateRef<any>, contentType: string, display: boolean): boolean {\n        return !!content && !!contentType && !!display;\n    }\n\n    constructor(\n        private elementRef: ElementRef,\n        private overlay: Overlay,\n        private overlayPositionBuilder: OverlayPositionBuilder,\n        private tooltipNeoService: TooltipNeoService\n    ) {}\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (\n            (changes?.apTooltipNeo?.currentValue?.display || changes?.apTooltipNeo?.currentValue?.position) &&\n            this.mouseEntered\n        ) {\n            this.setSettings();\n            this.display$.next(this.allowDisplay);\n        }\n    }\n\n    ngOnInit(): void {\n        this.initiateTooltip();\n    }\n\n    ngOnDestroy(): void {\n        this.dispose();\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    /**\n     * To fix issue on inbox virtual scroller, it's a manual cleaner at DOM level\n     * It checks the route and also the DOM element where it's called\n     * @private\n     */\n    private cleanUpPersistentTooltip(): void {\n        if (\n            window.location.href.includes('inbox') &&\n            this.elementRef.nativeElement.parentElement.className.includes('item-button-actions')\n        ) {\n            const tooltips = document.getElementsByTagName('ap-tooltip-neo');\n            if (tooltips) {\n                Array.from(tooltips).forEach(tooltip => {\n                    tooltip.parentElement.parentElement.remove();\n                });\n            }\n        }\n    }\n\n    private setSettings(): void {\n        if (typeof this.apTooltipNeo === 'object') {\n            const {\n                content,\n                backgroundColor = '#ffffff',\n                borderColor,\n                contentType = 'text',\n                display = true,\n                displayArrow = true,\n                maxWidth = 'full',\n                position = 'top',\n                title = '',\n            } = this.apTooltipNeo as TooltipNeoParams;\n            this.params = {\n                content,\n                backgroundColor,\n                borderColor,\n                contentType,\n                display,\n                displayArrow,\n                maxWidth,\n                position,\n                title,\n            };\n            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);\n        }\n        if (typeof this.apTooltipNeo === 'string') {\n            const content = this.apTooltipNeo as string;\n            const backgroundColor = '#ffffff';\n            const borderColor = undefined;\n            const contentType = 'text';\n            const display = true;\n            const displayArrow = true;\n            const maxWidth = 'full';\n            const position = 'top';\n            const title = '';\n            this.params = {\n                content,\n                backgroundColor,\n                borderColor,\n                contentType,\n                display,\n                displayArrow,\n                maxWidth,\n                position,\n                title,\n            };\n            this.allowDisplay = TooltipNeoDirective.enableTooltip(content, contentType, display);\n        }\n    }\n\n    private initiateTooltip(): void {\n        this.display$\n            .pipe(\n                switchMap(bool => {\n                    if (!bool) {\n                        return of(bool);\n                    }\n                    return of(bool).pipe(delay(400));\n                }),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(bool => {\n                if (bool) {\n                    this.elementRefMouseLeave$ = fromEvent(this.elementRef.nativeElement, 'mouseleave').subscribe(() =>\n                        this.dispose()\n                    );\n                    this.cleanUpPersistentTooltip();\n                    const positionStrategy = this.overlayPositionBuilder\n                        .flexibleConnectedTo(this.elementRef)\n                        .withPositions([tooltipNeoPositions[this.params.position]]);\n                    const scrollStrategy = this.overlay.scrollStrategies.close();\n                    this.overlayRef = this.overlay.create({positionStrategy, scrollStrategy});\n                    const tooltipRef: ComponentRef<TooltipNeoComponent> = this.overlayRef.attach(\n                        new ComponentPortal(TooltipNeoComponent)\n                    );\n                    tooltipRef.instance.params = this.params;\n                } else {\n                    this.dispose();\n                }\n            });\n        this.tooltipNeoService.dispose$.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.display$.next(false);\n        });\n    }\n\n    private dispose(): void {\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n        }\n        if (this.elementRefMouseLeave$) {\n            this.elementRefMouseLeave$.unsubscribe();\n        }\n    }\n\n    @HostListener('mouseenter')\n    onMouseEnter(): void {\n        this.setSettings();\n        this.mouseEntered = true;\n        if (this.allowDisplay && this.params) {\n            this.display$.next(true);\n        }\n    }\n\n    @HostListener('mouseleave')\n    onMouseLeave(): void {\n        this.mouseEntered = false;\n        this.display$.next(false);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.TooltipNeoService","i2.TooltipNeoService"],"mappings":"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"}