@k2b/ui 0.21.0 → 0.22.0

package/dist/browser/content/range-picker-messages.js

@@ -0,0 +1,20 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const rangePickerMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      window: "Window"
+    },
+    de: {
+      window: "Fenster"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useRangePickerMessages = () => {
+  const locale = useLocale();
+  return () => rangePickerMessages.resolve([locale()]).t;
+};
+export const checkRangePickerMessages = () => rangePickerMessages.check();
+//# sourceMappingURL=range-picker-messages.js.map

package/dist/browser/content/range-picker-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/range-picker-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst rangePickerMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      window: \"Window\",\n    },\n    de: {\n      window: \"Fenster\",\n    },\n  },\n});\n\nexport type RangePickerMessages = ReturnType<(typeof rangePickerMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useRangePickerMessages = (): (() => RangePickerMessages) => {\n  const locale = useLocale();\n  return () => rangePickerMessages.resolve([locale()]).t;\n};\n\nexport const checkRangePickerMessages = () => rangePickerMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC;EACtC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,MAAM,EAAE;IACV,CAAC;IACD,EAAE,EAAE;MACF,MAAM,EAAE;IACV;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,sBAAsB,GAAG,MAAmC;EACvE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,mBAAmB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,CAAC;AAED,OAAO,MAAM,wBAAwB,GAAG,MAAM,mBAAmB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/content/structured-data-messages.js

@@ -0,0 +1,22 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const structuredDataMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      viewRaw: "View raw",
+      viewFormatted: "View formatted"
+    },
+    de: {
+      viewRaw: "Rohdaten anzeigen",
+      viewFormatted: "Formatiert anzeigen"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useStructuredDataMessages = () => {
+  const locale = useLocale();
+  return () => structuredDataMessages.resolve([locale()]).t;
+};
+export const checkStructuredDataMessages = () => structuredDataMessages.check();
+//# sourceMappingURL=structured-data-messages.js.map

package/dist/browser/content/structured-data-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/structured-data-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst structuredDataMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      viewRaw: \"View raw\",\n      viewFormatted: \"View formatted\",\n    },\n    de: {\n      viewRaw: \"Rohdaten anzeigen\",\n      viewFormatted: \"Formatiert anzeigen\",\n    },\n  },\n});\n\nexport type StructuredDataMessages = ReturnType<(typeof structuredDataMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useStructuredDataMessages = (): (() => StructuredDataMessages) => {\n  const locale = useLocale();\n  return () => structuredDataMessages.resolve([locale()]).t;\n};\n\nexport const checkStructuredDataMessages = () => structuredDataMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,sBAAsB,GAAG,IAAI,CAAC,MAAM,CAAC;EACzC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,OAAO,EAAE,UAAU;MACnB,aAAa,EAAE;IACjB,CAAC;IACD,EAAE,EAAE;MACF,OAAO,EAAE,mBAAmB;MAC5B,aAAa,EAAE;IACjB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,yBAAyB,GAAG,MAAsC;EAC7E,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,sBAAsB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3D,CAAC;AAED,OAAO,MAAM,2BAA2B,GAAG,MAAM,sBAAsB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/content/timeline-messages.js

@@ -0,0 +1,62 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const timelineMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      timeline: "Timeline",
+      timelineHint: "Arrow keys move between items, Page Up and Page Down between days, Home and End to the first and last item of a day, T to now.",
+      timelineTimeRange: ({
+        start,
+        end
+      }) => `${start} to ${end}`,
+      timelineDone: "done",
+      timelineOpen: "open",
+      timelineNight: ({
+        start,
+        end
+      }) => `Night · ${start}–${end}`,
+      timelineNothingPlanned: "Nothing planned",
+      timelineFree: ({
+        duration
+      }) => `${duration} free`,
+      timelineMore: ({
+        count
+      }) => `${count} more`,
+      timelineNow: ({
+        time
+      }) => `Now, ${time}`
+    },
+    de: {
+      timeline: "Zeitleiste",
+      timelineHint: "Pfeiltasten wechseln den Eintrag, Bild auf und Bild ab den Tag, Pos1 und Ende springen zum ersten und letzten Eintrag des Tages, T zu jetzt.",
+      timelineTimeRange: ({
+        start,
+        end
+      }) => `${start} bis ${end}`,
+      timelineDone: "erledigt",
+      timelineOpen: "offen",
+      timelineNight: ({
+        start,
+        end
+      }) => `Nacht · ${start}–${end}`,
+      timelineNothingPlanned: "Nichts geplant",
+      timelineFree: ({
+        duration
+      }) => `${duration} frei`,
+      timelineMore: ({
+        count
+      }) => `${count} weitere`,
+      timelineNow: ({
+        time
+      }) => `Jetzt, ${time}`
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useTimelineMessages = () => {
+  const locale = useLocale();
+  return () => timelineMessages.resolve([locale()]).t;
+};
+export const checkTimelineMessages = () => timelineMessages.check();
+//# sourceMappingURL=timeline-messages.js.map

package/dist/browser/content/timeline-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/timeline-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst timelineMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      timeline: \"Timeline\",\n      timelineHint:\n        \"Arrow keys move between items, Page Up and Page Down between days, Home and End to the first and last item of a day, T to now.\",\n      timelineTimeRange: ({ start, end }: { start: string; end: string }) => `${start} to ${end}`,\n      timelineDone: \"done\",\n      timelineOpen: \"open\",\n      timelineNight: ({ start, end }: { start: string; end: string }) => `Night · ${start}–${end}`,\n      timelineNothingPlanned: \"Nothing planned\",\n      timelineFree: ({ duration }: { duration: string }) => `${duration} free`,\n      timelineMore: ({ count }: { count: number }) => `${count} more`,\n      timelineNow: ({ time }: { time: string }) => `Now, ${time}`,\n    },\n    de: {\n      timeline: \"Zeitleiste\",\n      timelineHint:\n        \"Pfeiltasten wechseln den Eintrag, Bild auf und Bild ab den Tag, Pos1 und Ende springen zum ersten und letzten Eintrag des Tages, T zu jetzt.\",\n      timelineTimeRange: ({ start, end }) => `${start} bis ${end}`,\n      timelineDone: \"erledigt\",\n      timelineOpen: \"offen\",\n      timelineNight: ({ start, end }) => `Nacht · ${start}–${end}`,\n      timelineNothingPlanned: \"Nichts geplant\",\n      timelineFree: ({ duration }) => `${duration} frei`,\n      timelineMore: ({ count }) => `${count} weitere`,\n      timelineNow: ({ time }) => `Jetzt, ${time}`,\n    },\n  },\n});\n\nexport type TimelineMessages = ReturnType<(typeof timelineMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useTimelineMessages = (): (() => TimelineMessages) => {\n  const locale = useLocale();\n  return () => timelineMessages.resolve([locale()]).t;\n};\n\nexport const checkTimelineMessages = () => timelineMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC;EACnC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,QAAQ,EAAE,UAAU;MACpB,YAAY,EACV,gIAAgI;MAClI,iBAAiB,EAAE,CAAC;QAAE,KAAK;QAAE;MAAoC,CAAC,KAAK,GAAG,KAAK,OAAO,GAAG,EAAE;MAC3F,YAAY,EAAE,MAAM;MACpB,YAAY,EAAE,MAAM;MACpB,aAAa,EAAE,CAAC;QAAE,KAAK;QAAE;MAAoC,CAAC,KAAK,WAAW,KAAK,IAAI,GAAG,EAAE;MAC5F,sBAAsB,EAAE,iBAAiB;MACzC,YAAY,EAAE,CAAC;QAAE;MAA+B,CAAC,KAAK,GAAG,QAAQ,OAAO;MACxE,YAAY,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAK,GAAG,KAAK,OAAO;MAC/D,WAAW,EAAE,CAAC;QAAE;MAAuB,CAAC,KAAK,QAAQ,IAAI;IAC3D,CAAC;IACD,EAAE,EAAE;MACF,QAAQ,EAAE,YAAY;MACtB,YAAY,EACV,8IAA8I;MAChJ,iBAAiB,EAAE,CAAC;QAAE,KAAK;QAAE;MAAI,CAAC,KAAK,GAAG,KAAK,QAAQ,GAAG,EAAE;MAC5D,YAAY,EAAE,UAAU;MACxB,YAAY,EAAE,OAAO;MACrB,aAAa,EAAE,CAAC;QAAE,KAAK;QAAE;MAAI,CAAC,KAAK,WAAW,KAAK,IAAI,GAAG,EAAE;MAC5D,sBAAsB,EAAE,gBAAgB;MACxC,YAAY,EAAE,CAAC;QAAE;MAAS,CAAC,KAAK,GAAG,QAAQ,OAAO;MAClD,YAAY,EAAE,CAAC;QAAE;MAAM,CAAC,KAAK,GAAG,KAAK,UAAU;MAC/C,WAAW,EAAE,CAAC;QAAE;MAAK,CAAC,KAAK,UAAU,IAAI;IAC3C;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,mBAAmB,GAAG,MAAgC;EACjE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,OAAO,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/content/video-messages.js

@@ -0,0 +1,24 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const videoMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      videoUnsupported: "Your browser does not support video playback.",
+      videoCannotPlay: "This video cannot play here",
+      videoCannotPlayDescription: "Your browser cannot play this video. Download it to watch it in another app."
+    },
+    de: {
+      videoUnsupported: "Dein Browser unterstützt keine Videowiedergabe.",
+      videoCannotPlay: "Dieses Video kann hier nicht abgespielt werden",
+      videoCannotPlayDescription: "Dein Browser kann dieses Video nicht abspielen. Lade es herunter, um es in einer anderen App anzusehen."
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useVideoMessages = () => {
+  const locale = useLocale();
+  return () => videoMessages.resolve([locale()]).t;
+};
+export const checkVideoMessages = () => videoMessages.check();
+//# sourceMappingURL=video-messages.js.map

package/dist/browser/content/video-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/video-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst videoMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      videoUnsupported: \"Your browser does not support video playback.\",\n      videoCannotPlay: \"This video cannot play here\",\n      videoCannotPlayDescription: \"Your browser cannot play this video. Download it to watch it in another app.\",\n    },\n    de: {\n      videoUnsupported: \"Dein Browser unterstützt keine Videowiedergabe.\",\n      videoCannotPlay: \"Dieses Video kann hier nicht abgespielt werden\",\n      videoCannotPlayDescription: \"Dein Browser kann dieses Video nicht abspielen. Lade es herunter, um es in einer anderen App anzusehen.\",\n    },\n  },\n});\n\nexport type VideoMessages = ReturnType<(typeof videoMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useVideoMessages = (): (() => VideoMessages) => {\n  const locale = useLocale();\n  return () => videoMessages.resolve([locale()]).t;\n};\n\nexport const checkVideoMessages = () => videoMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,gBAAgB,EAAE,+CAA+C;MACjE,eAAe,EAAE,6BAA6B;MAC9C,0BAA0B,EAAE;IAC9B,CAAC;IACD,EAAE,EAAE;MACF,gBAAgB,EAAE,iDAAiD;MACnE,eAAe,EAAE,gDAAgD;MACjE,0BAA0B,EAAE;IAC9B;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,gBAAgB,GAAG,MAA6B;EAC3D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,OAAO,MAAM,kBAAkB,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/content/viewport-messages.js

@@ -0,0 +1,28 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const viewportMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      zoomIn: "Zoom in",
+      zoomOut: "Zoom out",
+      resetZoom: "Reset zoom",
+      openFullscreen: "Open fullscreen",
+      zoomPanKeys: "Zoom with plus and minus, move with the arrow keys, reset with 0, open fullscreen with F."
+    },
+    de: {
+      zoomIn: "Vergrößern",
+      zoomOut: "Verkleinern",
+      resetZoom: "Zoom zurücksetzen",
+      openFullscreen: "Im Vollbild öffnen",
+      zoomPanKeys: "Mit Plus und Minus zoomen, mit den Pfeiltasten verschieben, mit 0 zurücksetzen, mit F im Vollbild öffnen."
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useViewportMessages = () => {
+  const locale = useLocale();
+  return () => viewportMessages.resolve([locale()]).t;
+};
+export const checkViewportMessages = () => viewportMessages.check();
+//# sourceMappingURL=viewport-messages.js.map

package/dist/browser/content/viewport-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/viewport-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst viewportMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      zoomIn: \"Zoom in\",\n      zoomOut: \"Zoom out\",\n      resetZoom: \"Reset zoom\",\n      openFullscreen: \"Open fullscreen\",\n      zoomPanKeys: \"Zoom with plus and minus, move with the arrow keys, reset with 0, open fullscreen with F.\",\n    },\n    de: {\n      zoomIn: \"Vergrößern\",\n      zoomOut: \"Verkleinern\",\n      resetZoom: \"Zoom zurücksetzen\",\n      openFullscreen: \"Im Vollbild öffnen\",\n      zoomPanKeys: \"Mit Plus und Minus zoomen, mit den Pfeiltasten verschieben, mit 0 zurücksetzen, mit F im Vollbild öffnen.\",\n    },\n  },\n});\n\nexport type ViewportMessages = ReturnType<(typeof viewportMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useViewportMessages = (): (() => ViewportMessages) => {\n  const locale = useLocale();\n  return () => viewportMessages.resolve([locale()]).t;\n};\n\nexport const checkViewportMessages = () => viewportMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC;EACnC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,MAAM,EAAE,SAAS;MACjB,OAAO,EAAE,UAAU;MACnB,SAAS,EAAE,YAAY;MACvB,cAAc,EAAE,iBAAiB;MACjC,WAAW,EAAE;IACf,CAAC;IACD,EAAE,EAAE;MACF,MAAM,EAAE,YAAY;MACpB,OAAO,EAAE,aAAa;MACtB,SAAS,EAAE,mBAAmB;MAC9B,cAAc,EAAE,oBAAoB;MACpC,WAAW,EAAE;IACf;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,mBAAmB,GAAG,MAAgC;EACjE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,OAAO,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/feedback/HoverPreview.js

@@ -51,6 +51,8 @@ export function createHoverPreview(options = {}) {
   /** The anchor that Space or `toggle()` opened the card for; only it outlasts the pointer leaving. */
   let pinned;
   let dismissed;
+  /** Where the mouse last moved on an anchor; a mouse rest checks this point when its delay ends. */
+  let mouse;
   let ring = true;
   let observer;
   const placement = () => options.placement ?? {};
@@ -195,15 +197,31 @@ export function createHoverPreview(options = {}) {
     if (pin) pinned = anchor;
     return true;
   };
-  /** Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing pin along. */
-  const schedule = (anchor, delay, follow = false) => {
+  /**
+   * Whether the mouse still rests on `anchor`. A scrolling list or a layout
+   * change moves rows under a still mouse before the browser reports another
+   * pointer event; WebKit reports it only several scroll steps later.
+   */
+  const restsOn = anchor => {
+    if (!mouse) return false;
+    // Inside a shadow root, the document reports only the shadow host.
+    const root = anchor.element.getRootNode();
+    const hit = (root instanceof ShadowRoot ? root : document).elementFromPoint(mouse.x, mouse.y);
+    return hit !== null && anchor.element.contains(hit);
+  };
+  /**
+   * Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing
+   * pin along. A mouse rest (`rest`) shows the anchor only if it still lies
+   * under the mouse.
+   */
+  const schedule = (anchor, delay, follow = false, rest = false) => {
     clear();
     if (!open()) {
       pending = anchor;
       document.addEventListener("keydown", escape);
     }
     timer = setTimeout(() => {
-      if (open()) show(anchor, follow && pinned !== undefined);else if (blocked()) clear();else show(anchor, false);
+      if (rest && !restsOn(anchor)) clear();else if (open()) show(anchor, follow && pinned !== undefined);else if (blocked()) clear();else show(anchor, false);
     }, delay);
   };
   const leave = () => {
@@ -243,14 +261,24 @@ export function createHoverPreview(options = {}) {
     const pointerEnter = event => {
       // Touch and pen have no resting hover; the card stays a mouse affordance.
       if (event.pointerType !== "mouse") return;
+      mouse = {
+        x: event.clientX,
+        y: event.clientY
+      };
       clear();
       if (open() && current() === entry || dismissed === entry) return;
-      schedule(entry, open() ? SWAP_DELAY : options.openDelay ?? 250);
+      schedule(entry, open() ? SWAP_DELAY : options.openDelay ?? 250, false, true);
     };
     // The open delay counts from the moment the mouse rests. An open card
-    // swaps on entering another anchor and ignores movement inside it.
+    // swaps on entering another anchor; movement inside it only moves the
+    // position that the swap checks.
     const pointerMove = event => {
-      if (event.pointerType === "mouse" && !open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250);
+      if (event.pointerType !== "mouse") return;
+      mouse = {
+        x: event.clientX,
+        y: event.clientY
+      };
+      if (!open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250, false, true);
     };
     // A press acts on the row, such as opening it or its menu; a card about to open stays closed.
     const pointerDown = () => clear();

package/dist/browser/feedback/HoverPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/HoverPreview.tsx"],"sourcesContent":["import { type Accessor, createEffect, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { positionTooltipSurface } from \"./tooltip-position\";\n\n/** A resting pointer moving from one anchor to another swaps the card this fast. */\nconst SWAP_DELAY = 90;\n/** Grace period for the pointer to travel from an anchor into the card. */\nconst CLOSE_DELAY = 180;\n/** Distance to the region and to the boundary edges. */\nconst GAP = 8;\n/** Keys the wiring between a controller and its `<HoverPreview>`. */\nconst INTERNALS = Symbol(\"k2b-hover-preview\");\n\n/**\n * Where the card opens. By default it opens to the right of its anchor,\n * centered on it or aligned with its bottom edge, and flips or clamps to stay\n * in the viewport. With `beside`, it opens right of that region, such as a list\n * column, top-aligned with the anchor and clamped into `within` (default: the\n * viewport); when the card does not fit there, it does not open at all.\n */\nexport type HoverPreviewPlacement =\n  | { align?: \"center\" | \"end\" }\n  | { beside: () => HTMLElement | null | undefined; within?: () => HTMLElement | null | undefined };\n\nexport type HoverPreviewOptions<T> = {\n  /** Milliseconds a resting mouse waits on an anchor before the card opens. Defaults to 250. */\n  openDelay?: number;\n  /**\n   * How keyboard users open the card: `\"space\"` (default) toggles it with Space\n   * on the focused anchor and leaves focus there; `\"focus\"` opens it after the\n   * open delay whenever an anchor receives focus.\n   */\n  keyboard?: \"space\" | \"focus\";\n  placement?: HoverPreviewPlacement;\n  /** Anchors whose value is disabled open no card; an open card closes once its value becomes disabled. */\n  disabled?: (value: T) => boolean;\n  /** Runs whenever the card opens or closes, including light dismissal by the browser. */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport type HoverPreviewController<T> = {\n  /** Id of the card element, for `aria-controls`. */\n  readonly id: string;\n  /**\n   * Registers an anchor element for `value`; use the result as a `ref`.\n   * `trigger` is the control that toggles the card for this anchor; Escape\n   * returns focus there when focus is inside the card. Defaults to the anchor.\n   */\n  anchor: (value: T, trigger?: () => HTMLElement | null | undefined) => (element: HTMLElement) => void;\n  /** The value whose card is open, or `undefined` while closed. */\n  active: Accessor<T | undefined>;\n  /** Opens the card for `value` at once and moves focus into it, or closes it when it is already pinned open. */\n  toggle: (value: T) => void;\n  /** Closes the card; it reopens for the same anchor only after the pointer left it. */\n  close: () => void;\n  /** Wiring for `<HoverPreview>`; not part of the public contract. */\n  readonly [INTERNALS]: Internals<T>;\n};\n\ntype Anchor<T> = { value: T; element: HTMLElement; trigger?: () => HTMLElement | null | undefined };\n\ntype Internals<T> = {\n  current: Accessor<Anchor<T> | undefined>;\n  bind: (surface: HTMLElement) => void;\n  enterSurface: () => void;\n  leave: () => void;\n  focusOut: (event: FocusEvent) => void;\n  toggled: (open: boolean) => void;\n};\n\n/** Elements that use Space themselves; Space on them never toggles the card. */\nconst OWNS_SPACE = [\n  \"button, input, select, textarea, summary, [contenteditable]:not([contenteditable='false'])\",\n  ...[\"button\", \"checkbox\", \"switch\", \"radio\", \"option\", \"menuitem\", \"menuitemcheckbox\", \"menuitemradio\", \"tab\", \"treeitem\"].map(\n    (role) => `[role='${role}']`,\n  ),\n].join(\", \");\n\n/** Open light-dismiss popovers, such as a menu or a date picker, close when another one opens. */\nconst AUTO_POPOVER = \":is([popover=''], [popover='auto' i]):popover-open\";\n\n/**\n * Creates the behavior of one hover preview card shared by a group of anchors,\n * such as the rows of a list. Render the card with `<HoverPreview preview={…}>`.\n */\nexport function createHoverPreview<T>(options: HoverPreviewOptions<T> = {}): HoverPreviewController<T> {\n  const id = `k2b-hover-preview-${createUniqueId()}`;\n  const anchors = new Set<Anchor<T>>();\n  const [current, setCurrent] = createSignal<Anchor<T>>();\n  const [open, setOpen] = createSignal(false);\n  let surface: HTMLElement | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  /** The anchor whose open delay runs while the card is closed. */\n  let pending: Anchor<T> | undefined;\n  /** The anchor that Space or `toggle()` opened the card for; only it outlasts the pointer leaving. */\n  let pinned: Anchor<T> | undefined;\n  let dismissed: Anchor<T> | undefined;\n  let ring = true;\n  let observer: ResizeObserver | undefined;\n\n  const placement = (): HoverPreviewPlacement => options.placement ?? {};\n  const region = () => {\n    const value = placement();\n    return \"beside\" in value ? value : undefined;\n  };\n  const focusTarget = (anchor: Anchor<T>) => anchor.trigger?.() ?? anchor.element;\n  const anchorOf = (node: Node) => [...anchors].find((anchor) => anchor.element.contains(node));\n  const clear = () => {\n    clearTimeout(timer);\n    timer = undefined;\n    if (pending && !open()) document.removeEventListener(\"keydown\", escape);\n    pending = undefined;\n  };\n  /** A passive card never closes a menu or another popover someone opened on purpose. */\n  const blocked = () =>\n    [...document.querySelectorAll(AUTO_POPOVER)].some((popover) => popover !== surface && !(surface && popover.contains(surface)));\n\n  /** The boundary rectangle, never larger than the viewport. */\n  const bounds = (within: Element | null | undefined) => {\n    const rect = within?.getBoundingClientRect();\n    return {\n      top: Math.max(0, rect?.top ?? 0),\n      right: Math.min(window.innerWidth, rect?.right ?? window.innerWidth),\n      bottom: Math.min(window.innerHeight, rect?.bottom ?? window.innerHeight),\n    };\n  };\n  /** Room right of the region for the card plus a gap on both sides. Works while the card is hidden. */\n  const hasRoom = () => {\n    const beside = region();\n    if (!beside || !surface) return true;\n    const area = beside.beside()?.getBoundingClientRect();\n    if (!area) return false;\n    const width = surface.getBoundingClientRect().width || Number.parseFloat(getComputedStyle(surface).width) || 0;\n    return bounds(beside.within?.()).right - area.right >= width + 2 * GAP;\n  };\n  const position = () => {\n    const anchor = current();\n    if (!surface || !anchor) return;\n    const beside = region();\n    if (beside) {\n      const area = beside.beside()?.getBoundingClientRect() ?? anchor.element.getBoundingClientRect();\n      const box = bounds(beside.within?.());\n      const height = surface.getBoundingClientRect().height;\n      const top = anchor.element.getBoundingClientRect().top;\n      surface.style.left = `${Math.round(area.right + GAP)}px`;\n      surface.style.top = `${Math.round(Math.max(box.top + GAP, Math.min(top, box.bottom - height - GAP)))}px`;\n      return;\n    }\n    positionTooltipSurface(surface, anchor.element, \"right\");\n    const value = placement();\n    if (!(\"beside\" in value) && value.align === \"end\") {\n      const height = surface.getBoundingClientRect().height;\n      const bottom = anchor.element.getBoundingClientRect().bottom;\n      surface.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;\n    }\n  };\n\n  const escape = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\") return;\n    if (!open()) {\n      // Escape during the open delay works as if the card had opened and closed.\n      if (pending) dismissed = pending;\n      clear();\n      return;\n    }\n    // Focus in the card goes back to the trigger: handled here, so the browser\n    // neither returns it itself nor lights the ring for this key. A card the\n    // pointer opened leaves the key to other handlers, such as an open modeless dialog.\n    if (surface?.contains(document.activeElement)) event.preventDefault();\n    dismiss();\n  };\n  // A card beside a region belongs to a row of a scrolling list: once the list\n  // scrolls, another row sits under the pointer, so the card closes. A card\n  // beside its anchor follows it.\n  const scroll = (event: Event) => {\n    const target = event.target;\n    if (!region()) return position();\n    if (!(target instanceof Node) || surface?.contains(target)) return;\n    const anchor = current();\n    if (!anchor || target.contains(anchor.element)) hide();\n  };\n  const resize = () => {\n    if (hasRoom()) position();\n    else hide();\n  };\n  const listen = (on: boolean) => {\n    if (on) {\n      document.addEventListener(\"keydown\", escape);\n      window.addEventListener(\"scroll\", scroll, true);\n      window.addEventListener(\"resize\", resize);\n      return;\n    }\n    document.removeEventListener(\"keydown\", escape);\n    window.removeEventListener(\"scroll\", scroll, true);\n    window.removeEventListener(\"resize\", resize);\n  };\n\n  const hide = () => {\n    clear();\n    pinned = undefined;\n    if (!open()) return;\n    setOpen(false);\n    listen(false);\n    try {\n      surface?.hidePopover();\n    } catch {\n      // The card may already be disconnected during cleanup.\n    }\n  };\n  const dismiss = () => {\n    const anchor = current();\n    dismissed = anchor;\n    // Before hiding, so the popover does not return focus on its own.\n    if (anchor && surface?.contains(document.activeElement)) returnFocus(focusTarget(anchor), ring);\n    hide();\n  };\n  /**\n   * Opens the card for `anchor` or moves it there; `pin` keeps it open after\n   * the pointer leaves. Moving the card to another anchor drops an earlier pin.\n   * Returns whether it is open for `anchor`.\n   */\n  const show = (anchor: Anchor<T>, pin: boolean): boolean => {\n    clear();\n    if (!surface || dismissed === anchor) return false;\n    if (options.disabled?.(anchor.value) || !hasRoom()) {\n      hide();\n      return false;\n    }\n    if (!open() || current() !== anchor) {\n      ring = ringOnReturn(focusTarget(anchor));\n      setCurrent(anchor);\n      if (!open()) {\n        try {\n          surface.showPopover();\n        } catch {\n          return false;\n        }\n        setOpen(true);\n        listen(true);\n      }\n      position();\n      pinned = undefined;\n    }\n    if (pin) pinned = anchor;\n    return true;\n  };\n  /** Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing pin along. */\n  const schedule = (anchor: Anchor<T>, delay: number, follow = false) => {\n    clear();\n    if (!open()) {\n      pending = anchor;\n      document.addEventListener(\"keydown\", escape);\n    }\n    timer = setTimeout(() => {\n      if (open()) show(anchor, follow && pinned !== undefined);\n      else if (blocked()) clear();\n      else show(anchor, false);\n    }, delay);\n  };\n  const leave = () => {\n    clear();\n    dismissed = undefined;\n    if (pinned && pinned === current()) return;\n    timer = setTimeout(() => {\n      // Focus holds the card open inside it, and on the anchor where focus opens it.\n      const focused = document.activeElement;\n      const held = surface?.contains(focused) || (options.keyboard === \"focus\" && current()?.element.contains(focused));\n      if (!held) hide();\n    }, CLOSE_DELAY);\n  };\n  const focusOut = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && (surface?.contains(next) || anchorOf(next))) return;\n    pinned = undefined;\n    leave();\n  };\n\n  createEffect(() => {\n    const anchor = current();\n    if (open() && anchor && options.disabled?.(anchor.value)) hide();\n  });\n  // Only an open card holds global listeners, so a server render that\n  // disposes the controller touches no browser globals.\n  onCleanup(() => {\n    hide();\n    observer?.disconnect();\n  });\n\n  const anchor =\n    (value: T, trigger?: () => HTMLElement | null | undefined) =>\n    (element: HTMLElement): void => {\n      const entry: Anchor<T> = { value, element, trigger };\n      anchors.add(entry);\n      const pointerEnter = (event: PointerEvent) => {\n        // Touch and pen have no resting hover; the card stays a mouse affordance.\n        if (event.pointerType !== \"mouse\") return;\n        clear();\n        if ((open() && current() === entry) || dismissed === entry) return;\n        schedule(entry, open() ? SWAP_DELAY : (options.openDelay ?? 250));\n      };\n      // The open delay counts from the moment the mouse rests. An open card\n      // swaps on entering another anchor and ignores movement inside it.\n      const pointerMove = (event: PointerEvent) => {\n        if (event.pointerType === \"mouse\" && !open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250);\n      };\n      // A press acts on the row, such as opening it or its menu; a card about to open stays closed.\n      const pointerDown = () => clear();\n      const focusIn = () => {\n        if (open()) {\n          if (current() === entry) clear();\n          else schedule(entry, SWAP_DELAY, true);\n          return;\n        }\n        clear();\n        if (options.keyboard === \"focus\" && dismissed !== entry) schedule(entry, options.openDelay ?? 250);\n      };\n      const keyDown = (event: KeyboardEvent) => {\n        if (options.keyboard === \"focus\" || event.key !== \" \" || event.defaultPrevented) return;\n        // Shift+Space keeps scrolling up; other modifiers belong to shortcuts.\n        if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return;\n        if (event.target instanceof Element && event.target.matches(OWNS_SPACE)) return;\n        event.preventDefault();\n        // A held key toggles once; its repeats only keep the page from scrolling.\n        if (event.repeat) return;\n        if (open() && current() === entry) {\n          dismiss();\n          return;\n        }\n        dismissed = undefined;\n        show(entry, true);\n      };\n      element.addEventListener(\"pointerenter\", pointerEnter);\n      element.addEventListener(\"pointermove\", pointerMove);\n      element.addEventListener(\"pointerdown\", pointerDown);\n      element.addEventListener(\"pointerleave\", leave);\n      element.addEventListener(\"focusin\", focusIn);\n      element.addEventListener(\"focusout\", focusOut);\n      element.addEventListener(\"keydown\", keyDown);\n      onCleanup(() => {\n        anchors.delete(entry);\n        if (current() === entry) hide();\n        element.removeEventListener(\"pointerenter\", pointerEnter);\n        element.removeEventListener(\"pointermove\", pointerMove);\n        element.removeEventListener(\"pointerdown\", pointerDown);\n        element.removeEventListener(\"pointerleave\", leave);\n        element.removeEventListener(\"focusin\", focusIn);\n        element.removeEventListener(\"focusout\", focusOut);\n        element.removeEventListener(\"keydown\", keyDown);\n      });\n    };\n\n  return {\n    id,\n    anchor,\n    active: () => (open() ? current()?.value : undefined),\n    toggle: (value) => {\n      const entry = [...anchors].find((candidate) => candidate.value === value);\n      if (!entry || !surface) return;\n      clear();\n      if (open() && pinned === entry && current() === entry) {\n        dismiss();\n        return;\n      }\n      // A hover may have opened the card before this click or key press pinned it.\n      ring = ringOnReturn(focusTarget(entry));\n      dismissed = undefined;\n      if (show(entry, true)) surface.focus();\n    },\n    close: dismiss,\n    [INTERNALS]: {\n      current,\n      bind: (element) => {\n        surface = element;\n        observer = new ResizeObserver(() => {\n          if (open()) position();\n        });\n        observer.observe(element);\n      },\n      enterSurface: clear,\n      leave,\n      focusOut,\n      toggled: (visible) => {\n        // Light dismissal by the browser: an outside click or another popover.\n        // The event of a close this controller made itself arrives later, when\n        // the pointer may already wait on the next anchor; that delay stays.\n        if (!visible && open()) {\n          clear();\n          pinned = undefined;\n          setOpen(false);\n          listen(false);\n        }\n        options.onOpenChange?.(visible);\n      },\n    },\n  };\n}\n\nexport type HoverPreviewProps<T> = {\n  preview: HoverPreviewController<T>;\n  /** Accessible name of the card. */\n  label: string;\n  /** `\"content\"` (default) sizes the card to its content up to 32rem; `\"fixed\"` keeps one 22rem × 20rem box for every anchor. */\n  size?: \"content\" | \"fixed\";\n  class?: string;\n  /** Plain content stays mounted while the card is closed; a function renders the open anchor's value. */\n  children: JSX.Element | ((value: T) => JSX.Element);\n};\n\n/**\n * A non-modal card that opens beside the anchor a resting mouse points at.\n * Native popover owns the top layer and light dismissal.\n */\nexport function HoverPreview<T>(props: HoverPreviewProps<T>): JSX.Element {\n  const state = props.preview[INTERNALS];\n  let surface!: HTMLDivElement;\n  onMount(() => state.bind(surface));\n  const content = () => {\n    const children = props.children;\n    if (typeof children !== \"function\") return children;\n    return (\n      <Show when={state.current()} keyed>\n        {(anchor) => children(anchor.value)}\n      </Show>\n    );\n  };\n  return (\n    <div\n      ref={surface}\n      id={props.preview.id}\n      popover=\"auto\"\n      role=\"dialog\"\n      aria-label={props.label}\n      tabIndex={-1}\n      class={props.class ? `k2b-hover-preview ${props.class}` : \"k2b-hover-preview\"}\n      data-size={props.size ?? \"content\"}\n      onPointerEnter={() => state.enterSurface()}\n      onPointerLeave={() => state.leave()}\n      on:focusout={(event) => state.focusOut(event)}\n      onToggle={(event) => state.toggled(event.newState === \"open\")}\n    >\n      {content()}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/HoverPreview.tsx"],"sourcesContent":["import { type Accessor, createEffect, createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { positionTooltipSurface } from \"./tooltip-position\";\n\n/** A resting pointer moving from one anchor to another swaps the card this fast. */\nconst SWAP_DELAY = 90;\n/** Grace period for the pointer to travel from an anchor into the card. */\nconst CLOSE_DELAY = 180;\n/** Distance to the region and to the boundary edges. */\nconst GAP = 8;\n/** Keys the wiring between a controller and its `<HoverPreview>`. */\nconst INTERNALS = Symbol(\"k2b-hover-preview\");\n\n/**\n * Where the card opens. By default it opens to the right of its anchor,\n * centered on it or aligned with its bottom edge, and flips or clamps to stay\n * in the viewport. With `beside`, it opens right of that region, such as a list\n * column, top-aligned with the anchor and clamped into `within` (default: the\n * viewport); when the card does not fit there, it does not open at all.\n */\nexport type HoverPreviewPlacement =\n  | { align?: \"center\" | \"end\" }\n  | { beside: () => HTMLElement | null | undefined; within?: () => HTMLElement | null | undefined };\n\nexport type HoverPreviewOptions<T> = {\n  /** Milliseconds a resting mouse waits on an anchor before the card opens. Defaults to 250. */\n  openDelay?: number;\n  /**\n   * How keyboard users open the card: `\"space\"` (default) toggles it with Space\n   * on the focused anchor and leaves focus there; `\"focus\"` opens it after the\n   * open delay whenever an anchor receives focus.\n   */\n  keyboard?: \"space\" | \"focus\";\n  placement?: HoverPreviewPlacement;\n  /** Anchors whose value is disabled open no card; an open card closes once its value becomes disabled. */\n  disabled?: (value: T) => boolean;\n  /** Runs whenever the card opens or closes, including light dismissal by the browser. */\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport type HoverPreviewController<T> = {\n  /** Id of the card element, for `aria-controls`. */\n  readonly id: string;\n  /**\n   * Registers an anchor element for `value`; use the result as a `ref`.\n   * `trigger` is the control that toggles the card for this anchor; Escape\n   * returns focus there when focus is inside the card. Defaults to the anchor.\n   */\n  anchor: (value: T, trigger?: () => HTMLElement | null | undefined) => (element: HTMLElement) => void;\n  /** The value whose card is open, or `undefined` while closed. */\n  active: Accessor<T | undefined>;\n  /** Opens the card for `value` at once and moves focus into it, or closes it when it is already pinned open. */\n  toggle: (value: T) => void;\n  /** Closes the card; it reopens for the same anchor only after the pointer left it. */\n  close: () => void;\n  /** Wiring for `<HoverPreview>`; not part of the public contract. */\n  readonly [INTERNALS]: Internals<T>;\n};\n\ntype Anchor<T> = { value: T; element: HTMLElement; trigger?: () => HTMLElement | null | undefined };\n\ntype Internals<T> = {\n  current: Accessor<Anchor<T> | undefined>;\n  bind: (surface: HTMLElement) => void;\n  enterSurface: () => void;\n  leave: () => void;\n  focusOut: (event: FocusEvent) => void;\n  toggled: (open: boolean) => void;\n};\n\n/** Elements that use Space themselves; Space on them never toggles the card. */\nconst OWNS_SPACE = [\n  \"button, input, select, textarea, summary, [contenteditable]:not([contenteditable='false'])\",\n  ...[\"button\", \"checkbox\", \"switch\", \"radio\", \"option\", \"menuitem\", \"menuitemcheckbox\", \"menuitemradio\", \"tab\", \"treeitem\"].map(\n    (role) => `[role='${role}']`,\n  ),\n].join(\", \");\n\n/** Open light-dismiss popovers, such as a menu or a date picker, close when another one opens. */\nconst AUTO_POPOVER = \":is([popover=''], [popover='auto' i]):popover-open\";\n\n/**\n * Creates the behavior of one hover preview card shared by a group of anchors,\n * such as the rows of a list. Render the card with `<HoverPreview preview={…}>`.\n */\nexport function createHoverPreview<T>(options: HoverPreviewOptions<T> = {}): HoverPreviewController<T> {\n  const id = `k2b-hover-preview-${createUniqueId()}`;\n  const anchors = new Set<Anchor<T>>();\n  const [current, setCurrent] = createSignal<Anchor<T>>();\n  const [open, setOpen] = createSignal(false);\n  let surface: HTMLElement | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n  /** The anchor whose open delay runs while the card is closed. */\n  let pending: Anchor<T> | undefined;\n  /** The anchor that Space or `toggle()` opened the card for; only it outlasts the pointer leaving. */\n  let pinned: Anchor<T> | undefined;\n  let dismissed: Anchor<T> | undefined;\n  /** Where the mouse last moved on an anchor; a mouse rest checks this point when its delay ends. */\n  let mouse: { x: number; y: number } | undefined;\n  let ring = true;\n  let observer: ResizeObserver | undefined;\n\n  const placement = (): HoverPreviewPlacement => options.placement ?? {};\n  const region = () => {\n    const value = placement();\n    return \"beside\" in value ? value : undefined;\n  };\n  const focusTarget = (anchor: Anchor<T>) => anchor.trigger?.() ?? anchor.element;\n  const anchorOf = (node: Node) => [...anchors].find((anchor) => anchor.element.contains(node));\n  const clear = () => {\n    clearTimeout(timer);\n    timer = undefined;\n    if (pending && !open()) document.removeEventListener(\"keydown\", escape);\n    pending = undefined;\n  };\n  /** A passive card never closes a menu or another popover someone opened on purpose. */\n  const blocked = () =>\n    [...document.querySelectorAll(AUTO_POPOVER)].some((popover) => popover !== surface && !(surface && popover.contains(surface)));\n\n  /** The boundary rectangle, never larger than the viewport. */\n  const bounds = (within: Element | null | undefined) => {\n    const rect = within?.getBoundingClientRect();\n    return {\n      top: Math.max(0, rect?.top ?? 0),\n      right: Math.min(window.innerWidth, rect?.right ?? window.innerWidth),\n      bottom: Math.min(window.innerHeight, rect?.bottom ?? window.innerHeight),\n    };\n  };\n  /** Room right of the region for the card plus a gap on both sides. Works while the card is hidden. */\n  const hasRoom = () => {\n    const beside = region();\n    if (!beside || !surface) return true;\n    const area = beside.beside()?.getBoundingClientRect();\n    if (!area) return false;\n    const width = surface.getBoundingClientRect().width || Number.parseFloat(getComputedStyle(surface).width) || 0;\n    return bounds(beside.within?.()).right - area.right >= width + 2 * GAP;\n  };\n  const position = () => {\n    const anchor = current();\n    if (!surface || !anchor) return;\n    const beside = region();\n    if (beside) {\n      const area = beside.beside()?.getBoundingClientRect() ?? anchor.element.getBoundingClientRect();\n      const box = bounds(beside.within?.());\n      const height = surface.getBoundingClientRect().height;\n      const top = anchor.element.getBoundingClientRect().top;\n      surface.style.left = `${Math.round(area.right + GAP)}px`;\n      surface.style.top = `${Math.round(Math.max(box.top + GAP, Math.min(top, box.bottom - height - GAP)))}px`;\n      return;\n    }\n    positionTooltipSurface(surface, anchor.element, \"right\");\n    const value = placement();\n    if (!(\"beside\" in value) && value.align === \"end\") {\n      const height = surface.getBoundingClientRect().height;\n      const bottom = anchor.element.getBoundingClientRect().bottom;\n      surface.style.top = `${Math.round(Math.max(8, Math.min(bottom - height, window.innerHeight - height - 8)))}px`;\n    }\n  };\n\n  const escape = (event: KeyboardEvent) => {\n    if (event.key !== \"Escape\") return;\n    if (!open()) {\n      // Escape during the open delay works as if the card had opened and closed.\n      if (pending) dismissed = pending;\n      clear();\n      return;\n    }\n    // Focus in the card goes back to the trigger: handled here, so the browser\n    // neither returns it itself nor lights the ring for this key. A card the\n    // pointer opened leaves the key to other handlers, such as an open modeless dialog.\n    if (surface?.contains(document.activeElement)) event.preventDefault();\n    dismiss();\n  };\n  // A card beside a region belongs to a row of a scrolling list: once the list\n  // scrolls, another row sits under the pointer, so the card closes. A card\n  // beside its anchor follows it.\n  const scroll = (event: Event) => {\n    const target = event.target;\n    if (!region()) return position();\n    if (!(target instanceof Node) || surface?.contains(target)) return;\n    const anchor = current();\n    if (!anchor || target.contains(anchor.element)) hide();\n  };\n  const resize = () => {\n    if (hasRoom()) position();\n    else hide();\n  };\n  const listen = (on: boolean) => {\n    if (on) {\n      document.addEventListener(\"keydown\", escape);\n      window.addEventListener(\"scroll\", scroll, true);\n      window.addEventListener(\"resize\", resize);\n      return;\n    }\n    document.removeEventListener(\"keydown\", escape);\n    window.removeEventListener(\"scroll\", scroll, true);\n    window.removeEventListener(\"resize\", resize);\n  };\n\n  const hide = () => {\n    clear();\n    pinned = undefined;\n    if (!open()) return;\n    setOpen(false);\n    listen(false);\n    try {\n      surface?.hidePopover();\n    } catch {\n      // The card may already be disconnected during cleanup.\n    }\n  };\n  const dismiss = () => {\n    const anchor = current();\n    dismissed = anchor;\n    // Before hiding, so the popover does not return focus on its own.\n    if (anchor && surface?.contains(document.activeElement)) returnFocus(focusTarget(anchor), ring);\n    hide();\n  };\n  /**\n   * Opens the card for `anchor` or moves it there; `pin` keeps it open after\n   * the pointer leaves. Moving the card to another anchor drops an earlier pin.\n   * Returns whether it is open for `anchor`.\n   */\n  const show = (anchor: Anchor<T>, pin: boolean): boolean => {\n    clear();\n    if (!surface || dismissed === anchor) return false;\n    if (options.disabled?.(anchor.value) || !hasRoom()) {\n      hide();\n      return false;\n    }\n    if (!open() || current() !== anchor) {\n      ring = ringOnReturn(focusTarget(anchor));\n      setCurrent(anchor);\n      if (!open()) {\n        try {\n          surface.showPopover();\n        } catch {\n          return false;\n        }\n        setOpen(true);\n        listen(true);\n      }\n      position();\n      pinned = undefined;\n    }\n    if (pin) pinned = anchor;\n    return true;\n  };\n  /**\n   * Whether the mouse still rests on `anchor`. A scrolling list or a layout\n   * change moves rows under a still mouse before the browser reports another\n   * pointer event; WebKit reports it only several scroll steps later.\n   */\n  const restsOn = (anchor: Anchor<T>) => {\n    if (!mouse) return false;\n    // Inside a shadow root, the document reports only the shadow host.\n    const root = anchor.element.getRootNode();\n    const hit = (root instanceof ShadowRoot ? root : document).elementFromPoint(mouse.x, mouse.y);\n    return hit !== null && anchor.element.contains(hit);\n  };\n  /**\n   * Shows `anchor` after `delay`; a keyboard swap (`follow`) carries an existing\n   * pin along. A mouse rest (`rest`) shows the anchor only if it still lies\n   * under the mouse.\n   */\n  const schedule = (anchor: Anchor<T>, delay: number, follow = false, rest = false) => {\n    clear();\n    if (!open()) {\n      pending = anchor;\n      document.addEventListener(\"keydown\", escape);\n    }\n    timer = setTimeout(() => {\n      if (rest && !restsOn(anchor)) clear();\n      else if (open()) show(anchor, follow && pinned !== undefined);\n      else if (blocked()) clear();\n      else show(anchor, false);\n    }, delay);\n  };\n  const leave = () => {\n    clear();\n    dismissed = undefined;\n    if (pinned && pinned === current()) return;\n    timer = setTimeout(() => {\n      // Focus holds the card open inside it, and on the anchor where focus opens it.\n      const focused = document.activeElement;\n      const held = surface?.contains(focused) || (options.keyboard === \"focus\" && current()?.element.contains(focused));\n      if (!held) hide();\n    }, CLOSE_DELAY);\n  };\n  const focusOut = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && (surface?.contains(next) || anchorOf(next))) return;\n    pinned = undefined;\n    leave();\n  };\n\n  createEffect(() => {\n    const anchor = current();\n    if (open() && anchor && options.disabled?.(anchor.value)) hide();\n  });\n  // Only an open card holds global listeners, so a server render that\n  // disposes the controller touches no browser globals.\n  onCleanup(() => {\n    hide();\n    observer?.disconnect();\n  });\n\n  const anchor =\n    (value: T, trigger?: () => HTMLElement | null | undefined) =>\n    (element: HTMLElement): void => {\n      const entry: Anchor<T> = { value, element, trigger };\n      anchors.add(entry);\n      const pointerEnter = (event: PointerEvent) => {\n        // Touch and pen have no resting hover; the card stays a mouse affordance.\n        if (event.pointerType !== \"mouse\") return;\n        mouse = { x: event.clientX, y: event.clientY };\n        clear();\n        if ((open() && current() === entry) || dismissed === entry) return;\n        schedule(entry, open() ? SWAP_DELAY : (options.openDelay ?? 250), false, true);\n      };\n      // The open delay counts from the moment the mouse rests. An open card\n      // swaps on entering another anchor; movement inside it only moves the\n      // position that the swap checks.\n      const pointerMove = (event: PointerEvent) => {\n        if (event.pointerType !== \"mouse\") return;\n        mouse = { x: event.clientX, y: event.clientY };\n        if (!open() && dismissed !== entry) schedule(entry, options.openDelay ?? 250, false, true);\n      };\n      // A press acts on the row, such as opening it or its menu; a card about to open stays closed.\n      const pointerDown = () => clear();\n      const focusIn = () => {\n        if (open()) {\n          if (current() === entry) clear();\n          else schedule(entry, SWAP_DELAY, true);\n          return;\n        }\n        clear();\n        if (options.keyboard === \"focus\" && dismissed !== entry) schedule(entry, options.openDelay ?? 250);\n      };\n      const keyDown = (event: KeyboardEvent) => {\n        if (options.keyboard === \"focus\" || event.key !== \" \" || event.defaultPrevented) return;\n        // Shift+Space keeps scrolling up; other modifiers belong to shortcuts.\n        if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return;\n        if (event.target instanceof Element && event.target.matches(OWNS_SPACE)) return;\n        event.preventDefault();\n        // A held key toggles once; its repeats only keep the page from scrolling.\n        if (event.repeat) return;\n        if (open() && current() === entry) {\n          dismiss();\n          return;\n        }\n        dismissed = undefined;\n        show(entry, true);\n      };\n      element.addEventListener(\"pointerenter\", pointerEnter);\n      element.addEventListener(\"pointermove\", pointerMove);\n      element.addEventListener(\"pointerdown\", pointerDown);\n      element.addEventListener(\"pointerleave\", leave);\n      element.addEventListener(\"focusin\", focusIn);\n      element.addEventListener(\"focusout\", focusOut);\n      element.addEventListener(\"keydown\", keyDown);\n      onCleanup(() => {\n        anchors.delete(entry);\n        if (current() === entry) hide();\n        element.removeEventListener(\"pointerenter\", pointerEnter);\n        element.removeEventListener(\"pointermove\", pointerMove);\n        element.removeEventListener(\"pointerdown\", pointerDown);\n        element.removeEventListener(\"pointerleave\", leave);\n        element.removeEventListener(\"focusin\", focusIn);\n        element.removeEventListener(\"focusout\", focusOut);\n        element.removeEventListener(\"keydown\", keyDown);\n      });\n    };\n\n  return {\n    id,\n    anchor,\n    active: () => (open() ? current()?.value : undefined),\n    toggle: (value) => {\n      const entry = [...anchors].find((candidate) => candidate.value === value);\n      if (!entry || !surface) return;\n      clear();\n      if (open() && pinned === entry && current() === entry) {\n        dismiss();\n        return;\n      }\n      // A hover may have opened the card before this click or key press pinned it.\n      ring = ringOnReturn(focusTarget(entry));\n      dismissed = undefined;\n      if (show(entry, true)) surface.focus();\n    },\n    close: dismiss,\n    [INTERNALS]: {\n      current,\n      bind: (element) => {\n        surface = element;\n        observer = new ResizeObserver(() => {\n          if (open()) position();\n        });\n        observer.observe(element);\n      },\n      enterSurface: clear,\n      leave,\n      focusOut,\n      toggled: (visible) => {\n        // Light dismissal by the browser: an outside click or another popover.\n        // The event of a close this controller made itself arrives later, when\n        // the pointer may already wait on the next anchor; that delay stays.\n        if (!visible && open()) {\n          clear();\n          pinned = undefined;\n          setOpen(false);\n          listen(false);\n        }\n        options.onOpenChange?.(visible);\n      },\n    },\n  };\n}\n\nexport type HoverPreviewProps<T> = {\n  preview: HoverPreviewController<T>;\n  /** Accessible name of the card. */\n  label: string;\n  /** `\"content\"` (default) sizes the card to its content up to 32rem; `\"fixed\"` keeps one 22rem × 20rem box for every anchor. */\n  size?: \"content\" | \"fixed\";\n  class?: string;\n  /** Plain content stays mounted while the card is closed; a function renders the open anchor's value. */\n  children: JSX.Element | ((value: T) => JSX.Element);\n};\n\n/**\n * A non-modal card that opens beside the anchor a resting mouse points at.\n * Native popover owns the top layer and light dismissal.\n */\nexport function HoverPreview<T>(props: HoverPreviewProps<T>): JSX.Element {\n  const state = props.preview[INTERNALS];\n  let surface!: HTMLDivElement;\n  onMount(() => state.bind(surface));\n  const content = () => {\n    const children = props.children;\n    if (typeof children !== \"function\") return children;\n    return (\n      <Show when={state.current()} keyed>\n        {(anchor) => children(anchor.value)}\n      </Show>\n    );\n  };\n  return (\n    <div\n      ref={surface}\n      id={props.preview.id}\n      popover=\"auto\"\n      role=\"dialog\"\n      aria-label={props.label}\n      tabIndex={-1}\n      class={props.class ? `k2b-hover-preview ${props.class}` : \"k2b-hover-preview\"}\n      data-size={props.size ?? \"content\"}\n      onPointerEnter={() => state.enterSurface()}\n      onPointerLeave={() => state.leave()}\n      on:focusout={(event) => state.focusOut(event)}\n      onToggle={(event) => state.toggled(event.newState === \"open\")}\n    >\n      {content()}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/feedback/InstallGuide.js

@@ -19,8 +19,8 @@ var _tmpl$ = /*#__PURE__*/_$template(`<p role=alert>`),
 import { clipboard } from "@k2b/stdlib/solid";
 import { createMemo, For, Match, Show, Switch } from "solid-js";
 import { Button, ButtonLink } from "../actions/Button";
-import { useUiMessages } from "../intl/messages";
 import { NoticeCard } from "../surfaces/NoticeCard";
+import { useInstallMessages } from "./install-messages";
 /**
  * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https
  * address has an intent; anything else returns `undefined`.
@@ -45,7 +45,7 @@ const chromeIntent = url => {
  * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.
  */
 export function InstallGuide(props) {
-  const messages = useUiMessages();
+  const installMessages = useInstallMessages();
   // The host may hand over another state after mount, such as the browser's own in place of the server's view.
   const state = () => props.install;
   const copy = clipboard.createWriter({
@@ -54,7 +54,7 @@ export function InstallGuide(props) {
   const embedded = () => state().platform === "in-app" || state().platform === "apple-in-app";
   /** A browser that installs, but less reliably than the platform's own. */
   const hint = createMemo(() => {
-    const t = messages();
+    const t = installMessages();
     if (state().platform === "apple-browser") return {
       title: t.installAppleBrowserTitle,
       detail: t.installAppleBrowserDetail
@@ -66,7 +66,7 @@ export function InstallGuide(props) {
     return undefined;
   });
   const steps = createMemo(() => {
-    const t = messages();
+    const t = installMessages();
     if (state().platform === "apple-mobile" || state().platform === "apple-browser") return [{
       icon: "ti ti-share-2",
       title: t.installOpenShare,
@@ -111,7 +111,7 @@ export function InstallGuide(props) {
       },
       get children() {
         var _el$2 = _$getNextElement(_tmpl$);
-        _$insert(_el$2, () => messages().installFailed);
+        _$insert(_el$2, () => installMessages().installFailed);
         return _el$2;
       }
     }), _el$1, _co$);
@@ -156,7 +156,7 @@ export function InstallGuide(props) {
           },
           get children() {
             var _el$13 = _$getNextElement(_tmpl$3);
-            _$insert(_el$13, () => messages().installSafariFallback);
+            _$insert(_el$13, () => installMessages().installSafariFallback);
             return _el$13;
           }
         }), _$createComponent(Show, {
@@ -174,7 +174,7 @@ export function InstallGuide(props) {
           },
           get children() {
             var _el$15 = _$getNextElement(_tmpl$3);
-            _$insert(_el$15, () => messages().installUnavailable);
+            _$insert(_el$15, () => installMessages().installUnavailable);
             return _el$15;
           }
         })];
@@ -186,7 +186,7 @@ export function InstallGuide(props) {
           },
           get children() {
             var _el$3 = _$getNextElement(_tmpl$2);
-            _$insert(_el$3, () => messages().installRequested);
+            _$insert(_el$3, () => installMessages().installRequested);
             return _el$3;
           }
         }), _$createComponent(Match, {
@@ -197,10 +197,10 @@ export function InstallGuide(props) {
             return [_$createComponent(NoticeCard, {
               tone: "info",
               get title() {
-                return messages().installSamsungTitle;
+                return installMessages().installSamsungTitle;
               },
               get detail() {
-                return messages().installSamsungDetail({
+                return installMessages().installSamsungDetail({
                   appName: props.appName
                 });
               }
@@ -213,7 +213,7 @@ export function InstallGuide(props) {
                   return href();
                 },
                 get children() {
-                  return [_$getNextElement(_tmpl$9), _$memo(() => messages().installOpenChrome)];
+                  return [_$getNextElement(_tmpl$9), _$memo(() => installMessages().installOpenChrome)];
                 }
               })
             }), _$createComponent(Show, {
@@ -234,7 +234,7 @@ export function InstallGuide(props) {
           get children() {
             return [(() => {
               var _el$5 = _$getNextElement(_tmpl$3);
-              _$insert(_el$5, () => messages().installNative({
+              _$insert(_el$5, () => installMessages().installNative({
                 appName: props.appName
               }));
               return _el$5;
@@ -244,7 +244,7 @@ export function InstallGuide(props) {
               },
               onClick: () => void state().install(),
               get children() {
-                return messages().installApp;
+                return installMessages().installApp;
               }
             })];
           }
@@ -256,12 +256,12 @@ export function InstallGuide(props) {
             return [_$createComponent(NoticeCard, {
               tone: "warning",
               get title() {
-                return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppTitle : messages().installInAppTitle;
+                return _$memo(() => state().platform === "apple-in-app")() ? installMessages().installAppleInAppTitle : installMessages().installInAppTitle;
               },
               get detail() {
-                return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppDetail({
+                return _$memo(() => state().platform === "apple-in-app")() ? installMessages().installAppleInAppDetail({
                   appName: props.appName
-                }) : messages().installInAppDetail({
+                }) : installMessages().installInAppDetail({
                   appName: props.appName
                 });
               }
@@ -273,7 +273,7 @@ export function InstallGuide(props) {
                   var _el$6 = _$getNextElement(_tmpl$4);
                   _$effect(() => _$className(_el$6, copy.wasCopied() ? "ti ti-check" : "ti ti-copy"));
                   return _el$6;
-                })(), _$memo(() => _$memo(() => !!copy.wasCopied())() ? messages().installLinkCopied : messages().installCopyLink)];
+                })(), _$memo(() => _$memo(() => !!copy.wasCopied())() ? installMessages().installLinkCopied : installMessages().installCopyLink)];
               }
             }), _$createComponent(Show, {
               get when() {
@@ -282,7 +282,7 @@ export function InstallGuide(props) {
               get children() {
                 return [(() => {
                   var _el$7 = _$getNextElement(_tmpl$);
-                  _$insert(_el$7, () => messages().installCopyFailed);
+                  _$insert(_el$7, () => installMessages().installCopyFailed);
                   return _el$7;
                 })(), (() => {
                   var _el$8 = _$getNextElement(_tmpl$5);