@k2b/ui 0.13.0 → 0.15.0

package/dist/browser/feedback/InstallGuide.js

@@ -1,30 +1,48 @@
 import { template as _$template } from "solid-js/web";
-import { memo as _$memo } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
-import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { getNextElement as _$getNextElement } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<p role=alert>`),
   _tmpl$2 = /*#__PURE__*/_$template(`<p role=status>`),
-  _tmpl$3 = /*#__PURE__*/_$template(`<div><!$><!/><!$><!/>`),
-  _tmpl$4 = /*#__PURE__*/_$template(`<p>`),
-  _tmpl$5 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<code>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<p>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<code>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div><!$><!/><!$><!/>`),
   _tmpl$7 = /*#__PURE__*/_$template(`<ol class=k2b-install-guide__steps>`),
-  _tmpl$8 = /*#__PURE__*/_$template(`<li><span class=k2b-install-guide__step-icon><i aria-hidden=true></i></span><div><h3></h3><p>`);
+  _tmpl$8 = /*#__PURE__*/_$template(`<li><span class=k2b-install-guide__step-icon><i aria-hidden=true></i></span><div><h3></h3><p>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<i class="ti ti-brand-chrome"aria-hidden=true>`);
 import { clipboard } from "@k2b/stdlib/solid";
-import { createMemo, For, Show } from "solid-js";
-import { Button } from "../actions/Button";
+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";
+/**
+ * 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`.
+ */
+const chromeIntent = url => {
+  let target;
+  try {
+    target = new URL(url);
+  } catch {
+    return undefined;
+  }
+  if (target.protocol !== "https:" && target.protocol !== "http:") return undefined;
+  const scheme = target.protocol.slice(0, -1);
+  return `intent://${target.host}${target.pathname}${target.search}${target.hash}#Intent;scheme=${scheme};package=com.android.chrome;S.browser_fallback_url=${encodeURIComponent(url)};end`;
+};
+
 /**
  * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers
  * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other
  * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or
- * Chrome instead. The host owns the surrounding surface, its heading, and dismissal.
+ * Chrome instead. Samsung Internet gets a link to Chrome even when it offers its own dialog, because Android may block
+ * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.
  */
 export function InstallGuide(props) {
   const messages = useUiMessages();
@@ -82,11 +100,11 @@ export function InstallGuide(props) {
     }];
   });
   return (() => {
-    var _el$ = _$getNextElement(_tmpl$3),
-      _el$4 = _el$.firstChild,
-      [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling),
-      _el$6 = _el$5.nextSibling,
-      [_el$7, _co$2] = _$getNextMarker(_el$6.nextSibling);
+    var _el$ = _$getNextElement(_tmpl$6),
+      _el$0 = _el$.firstChild,
+      [_el$1, _co$] = _$getNextMarker(_el$0.nextSibling),
+      _el$10 = _el$1.nextSibling,
+      [_el$11, _co$2] = _$getNextMarker(_el$10.nextSibling);
     _$insert(_el$, _$createComponent(Show, {
       get when() {
         return state().failed();
@@ -96,142 +114,130 @@ export function InstallGuide(props) {
         _$insert(_el$2, () => messages().installFailed);
         return _el$2;
       }
-    }), _el$5, _co$);
-    _$insert(_el$, _$createComponent(Show, {
-      get when() {
-        return state().requested();
-      },
+    }), _el$1, _co$);
+    _$insert(_el$, _$createComponent(Switch, {
       get fallback() {
-        return _$createComponent(Show, {
+        return [_$createComponent(Show, {
           get when() {
-            return state().canPrompt() || state().busy();
+            return hint();
+          },
+          children: hint => _$createComponent(NoticeCard, {
+            tone: "info",
+            get title() {
+              return hint().title;
+            },
+            get detail() {
+              return hint().detail;
+            }
+          })
+        }), (() => {
+          var _el$12 = _$getNextElement(_tmpl$7);
+          _$insert(_el$12, _$createComponent(For, {
+            get each() {
+              return steps();
+            },
+            children: step => (() => {
+              var _el$16 = _$getNextElement(_tmpl$8),
+                _el$17 = _el$16.firstChild,
+                _el$18 = _el$17.firstChild,
+                _el$19 = _el$17.nextSibling,
+                _el$20 = _el$19.firstChild,
+                _el$21 = _el$20.nextSibling;
+              _$insert(_el$20, () => step.title);
+              _$insert(_el$21, () => step.detail);
+              _$effect(() => _$className(_el$18, step.icon));
+              return _el$16;
+            })()
+          }));
+          return _el$12;
+        })(), _$createComponent(Show, {
+          get when() {
+            return state().platform === "apple-mobile";
+          },
+          get children() {
+            var _el$13 = _$getNextElement(_tmpl$3);
+            _$insert(_el$13, () => messages().installSafariFallback);
+            return _el$13;
+          }
+        }), _$createComponent(Show, {
+          get when() {
+            return props.note;
+          },
+          get children() {
+            var _el$14 = _$getNextElement(_tmpl$3);
+            _$insert(_el$14, () => props.note);
+            return _el$14;
+          }
+        }), _$createComponent(Show, {
+          get when() {
+            return state().platform === "generic";
+          },
+          get children() {
+            var _el$15 = _$getNextElement(_tmpl$3);
+            _$insert(_el$15, () => messages().installUnavailable);
+            return _el$15;
+          }
+        })];
+      },
+      get children() {
+        return [_$createComponent(Match, {
+          get when() {
+            return state().requested();
+          },
+          get children() {
+            var _el$3 = _$getNextElement(_tmpl$2);
+            _$insert(_el$3, () => messages().installRequested);
+            return _el$3;
+          }
+        }), _$createComponent(Match, {
+          get when() {
+            return state().platform === "android-samsung";
           },
-          get fallback() {
-            return _$createComponent(Show, {
+          get children() {
+            return [_$createComponent(NoticeCard, {
+              tone: "info",
+              get title() {
+                return messages().installSamsungTitle;
+              },
+              get detail() {
+                return messages().installSamsungDetail({
+                  appName: props.appName
+                });
+              }
+            }), _$createComponent(Show, {
               get when() {
-                return embedded();
+                return chromeIntent(props.url);
               },
-              get fallback() {
-                return [_$createComponent(Show, {
-                  get when() {
-                    return hint();
-                  },
-                  children: hint => _$createComponent(NoticeCard, {
-                    tone: "info",
-                    get title() {
-                      return hint().title;
-                    },
-                    get detail() {
-                      return hint().detail;
-                    }
-                  })
-                }), (() => {
-                  var _el$11 = _$getNextElement(_tmpl$7);
-                  _$insert(_el$11, _$createComponent(For, {
-                    get each() {
-                      return steps();
-                    },
-                    children: step => (() => {
-                      var _el$15 = _$getNextElement(_tmpl$8),
-                        _el$16 = _el$15.firstChild,
-                        _el$17 = _el$16.firstChild,
-                        _el$18 = _el$16.nextSibling,
-                        _el$19 = _el$18.firstChild,
-                        _el$20 = _el$19.nextSibling;
-                      _$insert(_el$19, () => step.title);
-                      _$insert(_el$20, () => step.detail);
-                      _$effect(() => _$className(_el$17, step.icon));
-                      return _el$15;
-                    })()
-                  }));
-                  return _el$11;
-                })(), _$createComponent(Show, {
-                  get when() {
-                    return state().platform === "apple-mobile";
-                  },
-                  get children() {
-                    var _el$12 = _$getNextElement(_tmpl$4);
-                    _$insert(_el$12, () => messages().installSafariFallback);
-                    return _el$12;
-                  }
-                }), _$createComponent(Show, {
-                  get when() {
-                    return props.note;
-                  },
-                  get children() {
-                    var _el$13 = _$getNextElement(_tmpl$4);
-                    _$insert(_el$13, () => props.note);
-                    return _el$13;
-                  }
-                }), _$createComponent(Show, {
-                  get when() {
-                    return state().platform === "generic";
-                  },
-                  get children() {
-                    var _el$14 = _$getNextElement(_tmpl$4);
-                    _$insert(_el$14, () => messages().installUnavailable);
-                    return _el$14;
-                  }
-                })];
+              children: href => _$createComponent(ButtonLink, {
+                get href() {
+                  return href();
+                },
+                get children() {
+                  return [_$getNextElement(_tmpl$9), _$memo(() => messages().installOpenChrome)];
+                }
+              })
+            }), _$createComponent(Show, {
+              get when() {
+                return props.note;
               },
               get children() {
-                return [_$createComponent(NoticeCard, {
-                  tone: "warning",
-                  get title() {
-                    return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppTitle : messages().installInAppTitle;
-                  },
-                  get detail() {
-                    return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppDetail({
-                      appName: props.appName
-                    }) : messages().installInAppDetail({
-                      appName: props.appName
-                    });
-                  }
-                }), _$createComponent(Button, {
-                  variant: "secondary",
-                  onClick: () => void copy.copy(props.url),
-                  get children() {
-                    return [(() => {
-                      var _el$9 = _$getNextElement(_tmpl$5);
-                      _$effect(() => _$className(_el$9, copy.wasCopied() ? "ti ti-check" : "ti ti-copy"));
-                      return _el$9;
-                    })(), _$memo(() => _$memo(() => !!copy.wasCopied())() ? messages().installLinkCopied : messages().installCopyLink)];
-                  }
-                }), _$createComponent(Show, {
-                  get when() {
-                    return copy.error();
-                  },
-                  get children() {
-                    return [(() => {
-                      var _el$0 = _$getNextElement(_tmpl$);
-                      _$insert(_el$0, () => messages().installCopyFailed);
-                      return _el$0;
-                    })(), (() => {
-                      var _el$1 = _$getNextElement(_tmpl$6);
-                      _$insert(_el$1, () => props.url);
-                      return _el$1;
-                    })()];
-                  }
-                }), _$createComponent(Show, {
-                  get when() {
-                    return props.note;
-                  },
-                  get children() {
-                    var _el$10 = _$getNextElement(_tmpl$4);
-                    _$insert(_el$10, () => props.note);
-                    return _el$10;
-                  }
-                })];
+                var _el$4 = _$getNextElement(_tmpl$3);
+                _$insert(_el$4, () => props.note);
+                return _el$4;
               }
-            });
+            })];
+          }
+        }), _$createComponent(Match, {
+          get when() {
+            return state().canPrompt() || state().busy();
           },
           get children() {
             return [(() => {
-              var _el$8 = _$getNextElement(_tmpl$4);
-              _$insert(_el$8, () => messages().installNative({
+              var _el$5 = _$getNextElement(_tmpl$3);
+              _$insert(_el$5, () => messages().installNative({
                 appName: props.appName
               }));
-              return _el$8;
+              return _el$5;
             })(), _$createComponent(Button, {
               get loading() {
                 return state().busy();
@@ -242,14 +248,62 @@ export function InstallGuide(props) {
               }
             })];
           }
-        });
-      },
-      get children() {
-        var _el$3 = _$getNextElement(_tmpl$2);
-        _$insert(_el$3, () => messages().installRequested);
-        return _el$3;
+        }), _$createComponent(Match, {
+          get when() {
+            return embedded();
+          },
+          get children() {
+            return [_$createComponent(NoticeCard, {
+              tone: "warning",
+              get title() {
+                return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppTitle : messages().installInAppTitle;
+              },
+              get detail() {
+                return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppDetail({
+                  appName: props.appName
+                }) : messages().installInAppDetail({
+                  appName: props.appName
+                });
+              }
+            }), _$createComponent(Button, {
+              variant: "secondary",
+              onClick: () => void copy.copy(props.url),
+              get children() {
+                return [(() => {
+                  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)];
+              }
+            }), _$createComponent(Show, {
+              get when() {
+                return copy.error();
+              },
+              get children() {
+                return [(() => {
+                  var _el$7 = _$getNextElement(_tmpl$);
+                  _$insert(_el$7, () => messages().installCopyFailed);
+                  return _el$7;
+                })(), (() => {
+                  var _el$8 = _$getNextElement(_tmpl$5);
+                  _$insert(_el$8, () => props.url);
+                  return _el$8;
+                })()];
+              }
+            }), _$createComponent(Show, {
+              get when() {
+                return props.note;
+              },
+              get children() {
+                var _el$9 = _$getNextElement(_tmpl$3);
+                _$insert(_el$9, () => props.note);
+                return _el$9;
+              }
+            })];
+          }
+        })];
       }
-    }), _el$7, _co$2);
+    }), _el$11, _co$2);
     _$effect(_p$ => {
       var _v$ = props.class ? `k2b-install-guide ${props.class}` : "k2b-install-guide",
         _v$2 = state().platform;

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/InstallGuide.tsx"],"sourcesContent":["import { clipboard } from \"@k2b/stdlib/solid\";\nimport { createMemo, For, type JSX, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { NoticeCard } from \"../surfaces/NoticeCard\";\nimport type { InstallPrompt } from \"./install\";\n\nexport type InstallGuideProps = {\n  /** The name people see on their Home Screen, used in the guidance text. */\n  appName: string;\n  install: InstallPrompt;\n  /**\n   * The address a browser inside another app copies, to open it in Safari or Chrome. Shown as text when copying\n   * fails, so it can be copied by hand.\n   */\n  url: string;\n  /**\n   * An application note under the installation steps or the embedded browser's link, for example what else the\n   * installed app enables.\n   */\n  note?: string;\n  class?: string;\n};\n\n/**\n * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers\n * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other\n * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or\n * Chrome instead. The host owns the surrounding surface, its heading, and dismissal.\n */\nexport function InstallGuide(props: InstallGuideProps): JSX.Element {\n  const messages = useUiMessages();\n  // The host may hand over another state after mount, such as the browser's own in place of the server's view.\n  const state = () => props.install;\n  const copy = clipboard.createWriter({ write: (url: string) => navigator.clipboard.writeText(url) });\n  const embedded = () => state().platform === \"in-app\" || state().platform === \"apple-in-app\";\n  /** A browser that installs, but less reliably than the platform's own. */\n  const hint = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-browser\") return { title: t.installAppleBrowserTitle, detail: t.installAppleBrowserDetail };\n    if (state().platform === \"android-browser\") return { title: t.installAndroidBrowserTitle, detail: t.installAndroidBrowserDetail };\n    return undefined;\n  });\n  const steps = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-mobile\" || state().platform === \"apple-browser\")\n      return [\n        {\n          icon: \"ti ti-share-2\",\n          title: t.installOpenShare,\n          detail: state().platform === \"apple-browser\" ? t.installOpenShareBrowserDetail : t.installOpenShareDetail,\n        },\n        { icon: \"ti ti-square-plus\", title: t.installHomeScreen, detail: t.installHomeScreenDetail },\n        { icon: \"ti ti-check\", title: t.installConfirmAdd, detail: t.installConfirmAddDetail },\n      ];\n    if (state().platform === \"apple-desktop\")\n      return [\n        { icon: \"ti ti-share-2\", title: t.installSafariMenu, detail: t.installSafariMenuDetail },\n        { icon: \"ti ti-app-window\", title: t.installAddDock, detail: t.installAddDockDetail },\n      ];\n    return [\n      { icon: \"ti ti-dots\", title: t.installBrowserMenu, detail: t.installBrowserMenuDetail },\n      {\n        icon: \"ti ti-square-plus\",\n        title: t.installApp,\n        detail: state().platform === \"android\" || state().platform === \"android-browser\" ? t.installAndroidDetail : t.installBrowserDetail,\n      },\n    ];\n  });\n  return (\n    <div class={props.class ? `k2b-install-guide ${props.class}` : \"k2b-install-guide\"} data-platform={state().platform}>\n      <Show when={state().failed()}>\n        <p role=\"alert\">{messages().installFailed}</p>\n      </Show>\n      <Show\n        when={state().requested()}\n        fallback={\n          <Show\n            when={state().canPrompt() || state().busy()}\n            fallback={\n              <Show\n                when={embedded()}\n                fallback={\n                  <>\n                    <Show when={hint()}>{(hint) => <NoticeCard tone=\"info\" title={hint().title} detail={hint().detail} />}</Show>\n                    <ol class=\"k2b-install-guide__steps\">\n                      <For each={steps()}>\n                        {(step) => (\n                          <li>\n                            <span class=\"k2b-install-guide__step-icon\">\n                              <i class={step.icon} aria-hidden=\"true\" />\n                            </span>\n                            <div>\n                              <h3>{step.title}</h3>\n                              <p>{step.detail}</p>\n                            </div>\n                          </li>\n                        )}\n                      </For>\n                    </ol>\n                    <Show when={state().platform === \"apple-mobile\"}>\n                      <p>{messages().installSafariFallback}</p>\n                    </Show>\n                    <Show when={props.note}>\n                      <p>{props.note}</p>\n                    </Show>\n                    <Show when={state().platform === \"generic\"}>\n                      <p>{messages().installUnavailable}</p>\n                    </Show>\n                  </>\n                }\n              >\n                <NoticeCard\n                  tone=\"warning\"\n                  title={state().platform === \"apple-in-app\" ? messages().installAppleInAppTitle : messages().installInAppTitle}\n                  detail={\n                    state().platform === \"apple-in-app\"\n                      ? messages().installAppleInAppDetail({ appName: props.appName })\n                      : messages().installInAppDetail({ appName: props.appName })\n                  }\n                />\n                <Button variant=\"secondary\" onClick={() => void copy.copy(props.url)}>\n                  <i class={copy.wasCopied() ? \"ti ti-check\" : \"ti ti-copy\"} aria-hidden=\"true\" />\n                  {copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink}\n                </Button>\n                <Show when={copy.error()}>\n                  <p role=\"alert\">{messages().installCopyFailed}</p>\n                  <code>{props.url}</code>\n                </Show>\n                <Show when={props.note}>\n                  <p>{props.note}</p>\n                </Show>\n              </Show>\n            }\n          >\n            <p>{messages().installNative({ appName: props.appName })}</p>\n            <Button loading={state().busy()} onClick={() => void state().install()}>\n              {messages().installApp}\n            </Button>\n          </Show>\n        }\n      >\n        <p role=\"status\">{messages().installRequested}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport default InstallGuide;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/InstallGuide.tsx"],"sourcesContent":["import { clipboard } from \"@k2b/stdlib/solid\";\nimport { createMemo, For, type JSX, Match, Show, Switch } from \"solid-js\";\nimport { Button, ButtonLink } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { NoticeCard } from \"../surfaces/NoticeCard\";\nimport type { InstallPrompt } from \"./install\";\n\nexport type InstallGuideProps = {\n  /** The name people see on their Home Screen, used in the guidance text. */\n  appName: string;\n  install: InstallPrompt;\n  /**\n   * The absolute address of the page to install. A browser inside another app copies it, to open it in Safari or\n   * Chrome, and shows it as text when copying fails, so it can be copied by hand. Samsung Internet opens an http or\n   * https address in Chrome.\n   */\n  url: string;\n  /**\n   * An application note under the installation steps or the embedded browser's link, for example what else the\n   * installed app enables.\n   */\n  note?: string;\n  class?: string;\n};\n\n/**\n * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https\n * address has an intent; anything else returns `undefined`.\n */\nconst chromeIntent = (url: string) => {\n  let target: URL;\n  try {\n    target = new URL(url);\n  } catch {\n    return undefined;\n  }\n  if (target.protocol !== \"https:\" && target.protocol !== \"http:\") return undefined;\n  const scheme = target.protocol.slice(0, -1);\n  return `intent://${target.host}${target.pathname}${target.search}${target.hash}#Intent;scheme=${scheme};package=com.android.chrome;S.browser_fallback_url=${encodeURIComponent(url)};end`;\n};\n\n/**\n * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers\n * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other\n * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or\n * Chrome instead. Samsung Internet gets a link to Chrome even when it offers its own dialog, because Android may block\n * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.\n */\nexport function InstallGuide(props: InstallGuideProps): JSX.Element {\n  const messages = useUiMessages();\n  // The host may hand over another state after mount, such as the browser's own in place of the server's view.\n  const state = () => props.install;\n  const copy = clipboard.createWriter({ write: (url: string) => navigator.clipboard.writeText(url) });\n  const embedded = () => state().platform === \"in-app\" || state().platform === \"apple-in-app\";\n  /** A browser that installs, but less reliably than the platform's own. */\n  const hint = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-browser\") return { title: t.installAppleBrowserTitle, detail: t.installAppleBrowserDetail };\n    if (state().platform === \"android-browser\") return { title: t.installAndroidBrowserTitle, detail: t.installAndroidBrowserDetail };\n    return undefined;\n  });\n  const steps = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-mobile\" || state().platform === \"apple-browser\")\n      return [\n        {\n          icon: \"ti ti-share-2\",\n          title: t.installOpenShare,\n          detail: state().platform === \"apple-browser\" ? t.installOpenShareBrowserDetail : t.installOpenShareDetail,\n        },\n        { icon: \"ti ti-square-plus\", title: t.installHomeScreen, detail: t.installHomeScreenDetail },\n        { icon: \"ti ti-check\", title: t.installConfirmAdd, detail: t.installConfirmAddDetail },\n      ];\n    if (state().platform === \"apple-desktop\")\n      return [\n        { icon: \"ti ti-share-2\", title: t.installSafariMenu, detail: t.installSafariMenuDetail },\n        { icon: \"ti ti-app-window\", title: t.installAddDock, detail: t.installAddDockDetail },\n      ];\n    return [\n      { icon: \"ti ti-dots\", title: t.installBrowserMenu, detail: t.installBrowserMenuDetail },\n      {\n        icon: \"ti ti-square-plus\",\n        title: t.installApp,\n        detail: state().platform === \"android\" || state().platform === \"android-browser\" ? t.installAndroidDetail : t.installBrowserDetail,\n      },\n    ];\n  });\n  return (\n    <div class={props.class ? `k2b-install-guide ${props.class}` : \"k2b-install-guide\"} data-platform={state().platform}>\n      <Show when={state().failed()}>\n        <p role=\"alert\">{messages().installFailed}</p>\n      </Show>\n      <Switch\n        fallback={\n          <>\n            <Show when={hint()}>{(hint) => <NoticeCard tone=\"info\" title={hint().title} detail={hint().detail} />}</Show>\n            <ol class=\"k2b-install-guide__steps\">\n              <For each={steps()}>\n                {(step) => (\n                  <li>\n                    <span class=\"k2b-install-guide__step-icon\">\n                      <i class={step.icon} aria-hidden=\"true\" />\n                    </span>\n                    <div>\n                      <h3>{step.title}</h3>\n                      <p>{step.detail}</p>\n                    </div>\n                  </li>\n                )}\n              </For>\n            </ol>\n            <Show when={state().platform === \"apple-mobile\"}>\n              <p>{messages().installSafariFallback}</p>\n            </Show>\n            <Show when={props.note}>\n              <p>{props.note}</p>\n            </Show>\n            <Show when={state().platform === \"generic\"}>\n              <p>{messages().installUnavailable}</p>\n            </Show>\n          </>\n        }\n      >\n        <Match when={state().requested()}>\n          <p role=\"status\">{messages().installRequested}</p>\n        </Match>\n        <Match when={state().platform === \"android-samsung\"}>\n          <NoticeCard\n            tone=\"info\"\n            title={messages().installSamsungTitle}\n            detail={messages().installSamsungDetail({ appName: props.appName })}\n          />\n          <Show when={chromeIntent(props.url)}>\n            {(href) => (\n              <ButtonLink href={href()}>\n                <i class=\"ti ti-brand-chrome\" aria-hidden=\"true\" />\n                {messages().installOpenChrome}\n              </ButtonLink>\n            )}\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n        <Match when={state().canPrompt() || state().busy()}>\n          <p>{messages().installNative({ appName: props.appName })}</p>\n          <Button loading={state().busy()} onClick={() => void state().install()}>\n            {messages().installApp}\n          </Button>\n        </Match>\n        <Match when={embedded()}>\n          <NoticeCard\n            tone=\"warning\"\n            title={state().platform === \"apple-in-app\" ? messages().installAppleInAppTitle : messages().installInAppTitle}\n            detail={\n              state().platform === \"apple-in-app\"\n                ? messages().installAppleInAppDetail({ appName: props.appName })\n                : messages().installInAppDetail({ appName: props.appName })\n            }\n          />\n          <Button variant=\"secondary\" onClick={() => void copy.copy(props.url)}>\n            <i class={copy.wasCopied() ? \"ti ti-check\" : \"ti ti-copy\"} aria-hidden=\"true\" />\n            {copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink}\n          </Button>\n          <Show when={copy.error()}>\n            <p role=\"alert\">{messages().installCopyFailed}</p>\n            <code>{props.url}</code>\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n\nexport default InstallGuide;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/feedback/dialog-core.js

@@ -373,8 +373,13 @@ export const createDialogCore = () => {
           once: true
         });
         if (options.signal?.aborted) abort();
+        // Where opening left focus, the native dialog's own pick included. Focus that the content or a person moved
+        // before the next frame stays: a browser can hold that frame back while keys already arrive.
+        const opened = document.activeElement;
         schedule(() => {
-          if (state.stack[state.stack.length - 1] === entry) resolveInitialFocusTarget(entry, dialog)?.focus();
+          if (state.stack[state.stack.length - 1] !== entry) return;
+          if (document.activeElement !== opened && !focusUnclaimed(dialog)) return;
+          resolveInitialFocusTarget(entry, dialog)?.focus();
         });
       } catch (error) {
         entry.resolve = undefined;