@eric-emg/symphiq-components 1.2.70 → 1.2.72

package/fesm2022/symphiq-components.mjs

@@ -11046,16 +11046,17 @@ function TooltipContainerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditionalCreate(3, TooltipContainerComponent_Conditional_0_Case_3_Template, 1, 1)(4, TooltipContainerComponent_Conditional_0_Case_4_Template, 1, 1)(5, TooltipContainerComponent_Conditional_0_Case_5_Template, 1, 1)(6, TooltipContainerComponent_Conditional_0_Case_6_Template, 1, 1)(7, TooltipContainerComponent_Conditional_0_Case_7_Template, 1, 1)(8, TooltipContainerComponent_Conditional_0_Case_8_Template, 1, 1)(9, TooltipContainerComponent_Conditional_0_Case_9_Template, 1, 1)(10, TooltipContainerComponent_Conditional_0_Case_10_Template, 1, 1)(11, TooltipContainerComponent_Conditional_0_Case_11_Template, 1, 1)(12, TooltipContainerComponent_Conditional_0_Case_12_Template, 2, 2, "div", 3)(13, TooltipContainerComponent_Conditional_0_Case_13_Template, 3, 2, "div", 4)(14, TooltipContainerComponent_Conditional_0_Case_14_Template, 2, 2, "div", 5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_7_0;
+    let tmp_9_0;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("left", ctx_r1.tooltipLeft(), "px")("top", ctx_r1.tooltipTop(), "px");
     i0.ɵɵproperty("ngClass", ctx_r1.containerClass())("@fadeInScale", undefined);
+    i0.ɵɵattribute("data-debug-left", ctx_r1.tooltipLeft())("data-debug-center", ctx_r1.containerClass());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.contentClass());
     i0.ɵɵadvance();
     i0.ɵɵstoreLet(ctx_r1.tooltipContent());
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_7_0 = ctx_r1.tooltipType()) === "metric" ? 3 : tmp_7_0 === "status" ? 4 : tmp_7_0 === "trend" ? 5 : tmp_7_0 === "priority" ? 6 : tmp_7_0 === "badge" ? 7 : tmp_7_0 === "breakdown" ? 8 : tmp_7_0 === "competitive" ? 9 : tmp_7_0 === "insightsList" ? 10 : tmp_7_0 === "narrative" ? 11 : tmp_7_0 === "insight" ? 12 : tmp_7_0 === "text" ? 13 : 14);
+    i0.ɵɵconditional((tmp_9_0 = ctx_r1.tooltipType()) === "metric" ? 3 : tmp_9_0 === "status" ? 4 : tmp_9_0 === "trend" ? 5 : tmp_9_0 === "priority" ? 6 : tmp_9_0 === "badge" ? 7 : tmp_9_0 === "breakdown" ? 8 : tmp_9_0 === "competitive" ? 9 : tmp_9_0 === "insightsList" ? 10 : tmp_9_0 === "narrative" ? 11 : tmp_9_0 === "insight" ? 12 : tmp_9_0 === "text" ? 13 : 14);
 } }
 class TooltipContainerComponent {
     constructor() {
@@ -11401,7 +11402,7 @@ class TooltipContainerComponent {
     }
     static { this.ɵfac = function TooltipContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TooltipContainerComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TooltipContainerComponent, selectors: [["symphiq-tooltip-container"]], decls: 1, vars: 1, consts: [[1, "fixed", "z-[100]", "pointer-events-none", 3, "left", "top", "ngClass"], [1, "fixed", "z-[100]", "pointer-events-none", 3, "ngClass"], [1, "rounded-lg", "shadow-2xl", "border", "backdrop-blur-xl", "px-4", "py-3", "max-w-sm", "pointer-events-auto", 3, "mouseenter", "mouseleave", "ngClass"], [1, "text-sm", "space-y-3", 3, "ngClass"], [1, "text-sm", "whitespace-pre-line", "leading-relaxed", 3, "ngClass"], [1, "text-sm", "whitespace-pre-line", 3, "ngClass"], [3, "content", "isLightMode"], [1, "space-y-2"], [1, "font-semibold"], [1, "whitespace-pre-line", "leading-relaxed"]], template: function TooltipContainerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, TooltipContainerComponent_Conditional_0_Template, 15, 9, "div", 0);
+            i0.ɵɵconditionalCreate(0, TooltipContainerComponent_Conditional_0_Template, 15, 11, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isVisible() ? 0 : -1);
         } }, dependencies: [CommonModule, i1.NgClass, MetricValueTooltipComponent,
@@ -11415,11 +11416,11 @@ class TooltipContainerComponent {
             NarrativeTooltipComponent], encapsulation: 2, data: { animation: [
                 trigger('fadeInScale', [
                     transition(':enter', [
-                        style({ opacity: 0, transform: 'scale(0.95)' }),
-                        animate('150ms ease-out', style({ opacity: 1, transform: 'scale(1)' }))
+                        style({ opacity: 0 }),
+                        animate('150ms ease-out', style({ opacity: 1 }))
                     ]),
                     transition(':leave', [
-                        animate('100ms ease-in', style({ opacity: 0, transform: 'scale(0.95)' }))
+                        animate('100ms ease-in', style({ opacity: 0 }))
                     ])
                 ])
             ] }, changeDetection: 0 }); }
@@ -11445,11 +11446,11 @@ class TooltipContainerComponent {
                 animations: [
                     trigger('fadeInScale', [
                         transition(':enter', [
-                            style({ opacity: 0, transform: 'scale(0.95)' }),
-                            animate('150ms ease-out', style({ opacity: 1, transform: 'scale(1)' }))
+                            style({ opacity: 0 }),
+                            animate('150ms ease-out', style({ opacity: 1 }))
                         ]),
                         transition(':leave', [
-                            animate('100ms ease-in', style({ opacity: 0, transform: 'scale(0.95)' }))
+                            animate('100ms ease-in', style({ opacity: 0 }))
                         ])
                     ])
                 ],
@@ -11459,6 +11460,8 @@ class TooltipContainerComponent {
         [style.left.px]="tooltipLeft()"
         [style.top.px]="tooltipTop()"
         [ngClass]="containerClass()"
+        [attr.data-debug-left]="tooltipLeft()"
+        [attr.data-debug-center]="containerClass()"
         class="fixed z-[100] pointer-events-none"
         @fadeInScale>
         <div
@@ -11564,7 +11567,7 @@ class TooltipContainerComponent {
   `
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TooltipContainerComponent, { className: "TooltipContainerComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/tooltip-container.component.ts", lineNumber: 173 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TooltipContainerComponent, { className: "TooltipContainerComponent", filePath: "lib/components/funnel-analysis-dashboard/tooltip/tooltip-container.component.ts", lineNumber: 175 }); })();
 
 function MobileFABComponent_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();