@mhosaic/feedback 0.21.0 → 0.23.0

package/dist/error-tracking.d.ts

@@ -1,4 +1,4 @@
-import { F as FeedbackApi } from './types-CfSqqfkw.js';
+import { F as FeedbackApi } from './types-CKwnZDsE.js';
 import './types-CRbb2Pp0.js';
 
 /**

package/dist/{index-CmHNkJsj.d.ts → index-DHNIgEcR.d.ts}

@@ -1,4 +1,4 @@
-import { a as FeedbackConfig, F as FeedbackApi, R as ReportTransformer } from './types-CfSqqfkw.js';
+import { a as FeedbackConfig, F as FeedbackApi, R as ReportTransformer } from './types-CKwnZDsE.js';
 
 interface InternalConfig extends FeedbackConfig {
     fetchImpl?: typeof fetch;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { c as createFeedback } from './index-CmHNkJsj.js';
-export { C as CapturedContext, F as FeedbackApi, a as FeedbackConfig, b as FeedbackEnv, c as FeedbackSeverity, d as FeedbackType, e as ReportPayload, S as SubmittedReport, U as UserIdentity } from './types-CfSqqfkw.js';
+export { c as createFeedback } from './index-DHNIgEcR.js';
+export { C as CapturedContext, F as FeedbackApi, a as FeedbackConfig, b as FeedbackEnv, c as FeedbackSeverity, d as FeedbackType, e as ReportPayload, S as SubmittedReport, U as UserIdentity } from './types-CKwnZDsE.js';
 import './types-CRbb2Pp0.js';

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   createFeedback
-} from "./chunk-2I7RGRYD.mjs";
+} from "./chunk-NCNRU3SR.mjs";
 import "./chunk-4QOIFIT5.mjs";
 import "./chunk-FGA63IEZ.mjs";
 export {

package/dist/loader/react.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { ErrorTrackingOptions } from '../error-tracking.js';
-import { a as FeedbackConfig, F as FeedbackApi } from '../types-CfSqqfkw.js';
+import { a as FeedbackConfig, F as FeedbackApi } from '../types-CKwnZDsE.js';
 import '../types-CRbb2Pp0.js';
 
 interface FeedbackProviderProps extends FeedbackConfig {

package/dist/loader.d.ts

@@ -1,4 +1,4 @@
-import { a as FeedbackConfig, F as FeedbackApi } from './types-CfSqqfkw.js';
+import { a as FeedbackConfig, F as FeedbackApi } from './types-CKwnZDsE.js';
 import { ErrorTrackingOptions } from './error-tracking.js';
 import './types-CRbb2Pp0.js';
 

package/dist/qa-meter.mjs

@@ -223,13 +223,25 @@ var QA_METER_STYLES = `
 
 /* \u2500\u2500 Pastille (FAB circle) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 
-.qa-pastille {
+/* The wrap is the fixed, bottom-right anchor for the whole pastille cluster.
+   It MUST be a positioning context: the hover panel .qa-panel is
+   position:absolute and is a SIBLING of the pastille, so without a positioned
+   wrap it would anchor to :host (fixed, no offsets \u2014 i.e. the top-left of the
+   screen) instead of sitting above the FAB. The --mqa-right/--mqa-bottom knobs
+   (set on the host, inherited here) keep driving the on-screen position. The
+   fixed sitemap modal inside the wrap anchors to the viewport regardless, so
+   it's unaffected. */
+.qa-pastille-wrap {
   position: fixed;
   right: var(--mqa-right, 1.5rem);
   bottom: var(--mqa-bottom, 1.5rem);
   z-index: var(--mqa-z-index);
 }
 
+.qa-pastille {
+  position: relative;
+}
+
 .qa-pastille__dot {
   width: 48px;
   height: 48px;
@@ -240,7 +252,9 @@ var QA_METER_STYLES = `
   cursor: pointer;
   box-shadow: var(--mqa-shadow);
   color: rgba(0, 0, 0, 0.5);
-  animation: qa-heartbeat 2.4s ease-in-out infinite;
+  /* No idle animation \u2014 the pastille stays static until interacted with, like
+     the feedback FAB. (Previously pulsed on a perpetual keyframe loop.) Only
+     the hover transition below animates. */
   transition: transform 0.15s ease, box-shadow 0.15s ease;
   border: none;
 }
@@ -259,13 +273,6 @@ var QA_METER_STYLES = `
 :host([data-mqa-size="sm"]) .qa-pastille__dot { width: 24px; height: 24px; }
 :host([data-mqa-size="sm"]) .qa-pastille__ecg { width: 15px; height: 8px; }
 
-.qa-pastille__panel {
-  position: absolute;
-  bottom: calc(100% + 0.5rem);
-  right: 0;
-  z-index: var(--mqa-z-panel);
-}
-
 /* Color overrides: on colored backgrounds the ECG trace needs a dark stroke. */
 .qa-pastille__dot.qa--green,
 .qa-pastille__dot.qa--yellow,
@@ -278,13 +285,6 @@ var QA_METER_STYLES = `
   color: rgba(0, 0, 0, 0.45);
 }
 
-@keyframes qa-heartbeat {
-  0%, 100% { transform: scale(1); }
-  8%        { transform: scale(1.1); }
-  16%       { transform: scale(1); }
-  24%       { transform: scale(1.06); }
-}
-
 .qa-fade-enter-active,
 .qa-fade-leave-active {
   transition: opacity 0.15s ease, transform 0.15s ease;
@@ -296,11 +296,32 @@ var QA_METER_STYLES = `
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .qa-pastille__dot { animation: none; transition: none; }
+  .qa-pastille__dot { transition: none; }
 }
 
 /* \u2500\u2500 Test panel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 
+/* The hover panel anchors above the pastille inside the fixed
+   .qa-pastille-wrap. The ANCHOR (not the panel) is what's taken out of flow:
+   it MUST be absolute so the wrap shrink-wraps to the pastille dot \u2014 an in-flow
+   panel would stretch the wrap to 340px and either push the dot aside or (on a
+   tall, scrolled host page) drive a scrollbar-reflow feedback loop that makes
+   the FAB jump. (The donor's positioning lived on an orphaned
+   .qa-pastille__panel selector that matched nothing after the Vue\u2192Preact port
+   renamed the root to .qa-panel.)
+
+   The anchor's padding-bottom renders the 0.5rem visual gap between the dot
+   and the panel AS PART of the hover region, so sweeping the cursor from the
+   dot up onto the panel never crosses dead space \u2192 never fires the wrap's
+   mouseleave \u2192 no flicker. (Paired with a small close-delay in mount.tsx.) */
+.qa-panel-anchor {
+  position: absolute;
+  bottom: 100%;
+  right: 0;
+  padding-bottom: 0.5rem;
+  z-index: var(--mqa-z-panel);
+}
+
 .qa-panel {
   background: var(--mqa-bg);
   border-radius: var(--mqa-radius);
@@ -1428,9 +1449,7 @@ function warnBadFormatOnce() {
   if (warnedBadFormat) return;
   warnedBadFormat = true;
   if (typeof console !== "undefined") {
-    console.warn(
-      "[mqa] QA Meter artifact has an unsupported `format` \u2014 refusing to mount."
-    );
+    console.warn("[mqa] QA Meter artifact has an unsupported `format` \u2014 refusing to mount.");
   }
 }
 var NOOP_HANDLE = {
@@ -1548,17 +1567,22 @@ function createQaMeter(options) {
       "div",
       {
         class: "qa-pastille-wrap",
-        onMouseLeave: () => {
-          uiHover = false;
-          bump();
-        }
+        // Re-entering the wrap (the dot OR the panel above it — both live
+        // inside) cancels a pending close; leaving schedules a debounced close.
+        onMouseEnter: cancelHoverClose,
+        onMouseLeave: scheduleHoverClose
       },
-      uiHover ? h5(TestPanel, { page: resolved.page, state: resolved.state, meta, strings }) : null,
+      uiHover ? h5(
+        "div",
+        { class: "qa-panel-anchor" },
+        h5(TestPanel, { page: resolved.page, state: resolved.state, meta, strings })
+      ) : null,
       h5(Pastille, {
         color: resolved.color,
         state: resolved.state,
         strings,
         onHover: () => {
+          cancelHoverClose();
           uiHover = true;
           onHover();
           bump();
@@ -1575,6 +1599,23 @@ function createQaMeter(options) {
   }
   let uiOpen = false;
   let uiHover = false;
+  let hoverCloseTimer = null;
+  const HOVER_CLOSE_MS = 140;
+  function cancelHoverClose() {
+    if (hoverCloseTimer !== null) {
+      clearTimeout(hoverCloseTimer);
+      hoverCloseTimer = null;
+    }
+  }
+  function scheduleHoverClose() {
+    cancelHoverClose();
+    hoverCloseTimer = setTimeout(() => {
+      hoverCloseTimer = null;
+      if (disposed) return;
+      uiHover = false;
+      forceRender();
+    }, HOVER_CLOSE_MS);
+  }
   function mountTree() {
     render(h5(Container, {}), mountPoint);
   }
@@ -1596,6 +1637,7 @@ function createQaMeter(options) {
     dispose() {
       if (disposed) return;
       disposed = true;
+      cancelHoverClose();
       render(null, mountPoint);
       host.remove();
       unpatchHistory();