@wssto2/vue-core 0.9.4 → 0.11.0

package/dist/pwa/index.js

@@ -1,51 +1,271 @@
-import { computed as o, shallowRef as l, ref as s } from "vue";
-const n = l(null), r = s(!1);
-let i = !1;
-function p() {
-  i || typeof window > "u" || (i = !0, window.addEventListener("beforeinstallprompt", (e) => {
-    e.preventDefault(), n.value = e;
+import { computed as m, shallowRef as D, ref as x, defineComponent as _, openBlock as f, createBlock as b, Teleport as S, createElementVNode as t, toDisplayString as c, unref as n, createVNode as g, withCtx as k, createTextVNode as q, createElementBlock as h, useModel as Q, watch as T, createCommentVNode as M, mergeModels as A, onMounted as V, onBeforeUnmount as R, Fragment as W, renderList as G, normalizeClass as j } from "vue";
+import { useI18n as C } from "vue-i18n";
+import { _ as P } from "../Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
+import { _ as z } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { _ as F } from "../Modal.vue_vue_type_script_setup_true_lang-DDS0iEnn.js";
+import { encode as H } from "uqr";
+const v = D(null), I = x(!1);
+let B = !1;
+function Ie() {
+  B || typeof window > "u" || (B = !0, window.addEventListener("beforeinstallprompt", (e) => {
+    e.preventDefault(), v.value = e;
   }), window.addEventListener("appinstalled", () => {
-    r.value = !0, n.value = null;
+    I.value = !0, v.value = null;
   }));
 }
-function v() {
+function Ce() {
   if (typeof navigator > "u") return "desktop";
   const e = navigator.userAgent;
   return /Android/i.test(e) ? "android" : /iPad|iPhone|iPod/.test(e) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1 ? "ios" : "desktop";
 }
-function d() {
+function J() {
   return typeof window > "u" ? !1 : window.matchMedia?.("(display-mode: standalone)").matches === !0 || navigator.standalone === !0;
 }
-function m() {
+function L() {
   return {
-    canInstall: o(() => n.value != null),
-    installed: o(() => r.value || d()),
+    canInstall: m(() => v.value != null),
+    installed: m(() => I.value || J()),
     /** Opens the browser's install dialog; true when the user accepted. */
     async install() {
-      const e = n.value;
+      const e = v.value;
       if (!e) return !1;
       await e.prompt();
-      const { outcome: t } = await e.userChoice;
-      return n.value = null, t === "accepted" && (r.value = !0), t === "accepted";
+      const { outcome: l } = await e.userChoice;
+      return v.value = null, l === "accepted" && (I.value = !0), l === "accepted";
     }
   };
 }
-function c() {
+function K() {
   const e = document.querySelector('script[type="module"][src*="/assets/"]');
   return e ? new URL(e.src, location.href).pathname : null;
 }
-function w(e = {}) {
+function Ne(e = {}) {
   if (e.enabled === !1 || typeof navigator > "u" || !("serviceWorker" in navigator)) return;
-  const t = e.url ?? "/sw.js", u = encodeURIComponent(c() ?? "unknown"), a = () => {
-    navigator.serviceWorker.register(`${t}${t.includes("?") ? "&" : "?"}build=${u}`).catch(() => {
+  const l = e.url ?? "/sw.js", i = encodeURIComponent(K() ?? "unknown"), a = () => {
+    navigator.serviceWorker.register(`${l}${l.includes("?") ? "&" : "?"}build=${i}`).catch(() => {
     });
   };
   document.readyState === "complete" ? a() : window.addEventListener("load", a, { once: !0 });
 }
+const O = {
+  class: "fixed inset-x-3 bottom-[calc(var(--bottom-dock-h,0px)+env(safe-area-inset-bottom)+0.75rem)] z-40 flex animate-reveal items-center gap-3 rounded-2xl bg-surface-cell px-4 py-3.5 shadow-dialog",
+  "data-test": "install-android-banner"
+}, X = { class: "grid size-10 shrink-0 place-items-center rounded-xl bg-tint text-footnote font-semibold text-content-on-tint" }, Y = { class: "flex flex-1 flex-col" }, Z = { class: "text-subheadline font-semibold text-content-strong" }, ee = { class: "text-footnote text-content-muted" }, te = ["aria-label"], Ee = /* @__PURE__ */ _({
+  __name: "AndroidInstallBanner",
+  props: {
+    appName: {},
+    badge: {}
+  },
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    const i = e, a = l, { t: s } = C(), o = L(), r = x(!1);
+    async function d() {
+      r.value = !0;
+      try {
+        await o.install() && a("close");
+      } finally {
+        r.value = !1;
+      }
+    }
+    return (u, p) => (f(), b(S, { to: "body" }, [
+      t("div", O, [
+        t("span", X, c(i.badge ?? i.appName.slice(0, 3).toUpperCase()), 1),
+        t("span", Y, [
+          t("span", Z, c(n(s)("core.pwa.android.title", { app: e.appName })), 1),
+          t("span", ee, c(n(s)("core.pwa.android.text")), 1)
+        ]),
+        g(n(P), {
+          prominence: "primary",
+          size: "sm",
+          processing: r.value,
+          onClick: d
+        }, {
+          default: k(() => [
+            q(c(n(s)("core.pwa.android.install")), 1)
+          ]),
+          _: 1
+        }, 8, ["processing"]),
+        t("button", {
+          type: "button",
+          class: "hit-target grid size-7 place-items-center rounded-full bg-fill text-content-muted",
+          "aria-label": n(s)("core.actions.close"),
+          onClick: p[0] || (p[0] = (N) => a("close"))
+        }, [
+          g(n(z), {
+            name: "close",
+            size: 12
+          })
+        ], 8, te)
+      ])
+    ]));
+  }
+}), ne = ["width", "height", "viewBox", "aria-label"], oe = ["d"], $ = 2, ae = /* @__PURE__ */ _({
+  __name: "QrCode",
+  props: {
+    value: {},
+    size: { default: 132 },
+    label: {}
+  },
+  setup(e) {
+    const l = e, i = m(() => H(l.value, { ecc: "M", border: 0 })), a = m(() => i.value.size + $ * 2), s = m(() => {
+      let o = "";
+      return i.value.data.forEach((r, d) => r.forEach((u, p) => {
+        u && (o += `M${p + $} ${d + $}h1v1h-1z`);
+      })), o;
+    });
+    return (o, r) => (f(), h("svg", {
+      width: e.size,
+      height: e.size,
+      viewBox: `0 0 ${a.value} ${a.value}`,
+      role: "img",
+      "aria-label": e.label,
+      "shape-rendering": "crispEdges",
+      class: "shrink-0 rounded-lg bg-white",
+      "data-test": "install-qr"
+    }, [
+      t("path", {
+        d: s.value,
+        fill: "#0D1714"
+      }, null, 8, oe)
+    ], 8, ne));
+  }
+}), se = {
+  class: "flex flex-col items-center gap-4 pb-2 text-center",
+  "data-test": "install-qr-sheet"
+}, le = { class: "text-subheadline text-content-muted" }, Be = /* @__PURE__ */ _({
+  __name: "InstallQrSheet",
+  props: /* @__PURE__ */ A({
+    appName: {},
+    url: {}
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(e) {
+    const l = e, i = Q(e, "open"), { t: a } = C(), s = L(), o = x(null), r = () => l.url ?? (typeof window > "u" ? "" : window.location.origin);
+    return T(i, (d) => {
+      d && o.value?.present();
+    }), (d, u) => (f(), b(n(F), {
+      ref_key: "dialog",
+      ref: o,
+      size: "sm",
+      title: n(a)("core.pwa.qr.title", { app: e.appName }),
+      onDismissed: u[1] || (u[1] = (p) => i.value = !1)
+    }, {
+      default: k(() => [
+        t("div", se, [
+          g(ae, {
+            value: r(),
+            size: 184,
+            label: n(a)("core.pwa.qr.label", { app: e.appName })
+          }, null, 8, ["value", "label"]),
+          t("p", le, c(n(a)("core.pwa.qr.text", { app: e.appName })), 1),
+          n(s).canInstall.value ? (f(), b(n(P), {
+            key: 0,
+            prominence: "secondary",
+            icon: "download",
+            onClick: u[0] || (u[0] = (p) => n(s).install())
+          }, {
+            default: k(() => [
+              q(c(n(a)("core.pwa.qr.install_here")), 1)
+            ]),
+            _: 1
+          })) : M("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), ie = {
+  class: "pointer-events-none fixed inset-0 z-50",
+  "data-test": "install-ios-guide"
+}, re = { class: "pointer-events-auto absolute inset-x-3 top-[calc(env(safe-area-inset-top)+0.75rem)] flex animate-reveal flex-col gap-2.5 rounded-2xl bg-surface-cell px-4 py-3.5 shadow-dialog" }, ce = { class: "flex items-center gap-3" }, de = { class: "grid size-10 shrink-0 place-items-center rounded-xl bg-tint text-footnote font-semibold text-content-on-tint" }, ue = { class: "flex flex-1 flex-col" }, pe = { class: "text-body font-semibold text-content-strong" }, fe = { class: "text-footnote text-content-muted" }, me = ["aria-label"], ve = { class: "flex items-center gap-2.5 border-t border-border-separator pt-2.5" }, ge = { class: "grid size-6 shrink-0 place-items-center rounded-full bg-tint text-footnote font-semibold text-content-on-tint" }, he = {
+  class: "flex gap-1",
+  "aria-hidden": "true"
+}, be = {
+  key: 0,
+  class: "absolute right-5 bottom-[calc(env(safe-area-inset-bottom)+4.5rem)] grid size-10 animate-bounce place-items-center rounded-full bg-tint text-content-on-tint shadow-dialog",
+  "aria-hidden": "true"
+}, Se = /* @__PURE__ */ _({
+  __name: "IosInstallGuide",
+  props: {
+    appName: {},
+    badge: {}
+  },
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    const i = e, a = l, { t: s } = C(), o = x(0), r = ["more", "share", "add"];
+    let d = null;
+    const u = () => {
+      d && clearInterval(d), d = null;
+    }, p = () => {
+      u(), d = setInterval(() => {
+        o.value = (o.value + 1) % r.length;
+      }, 2800);
+    }, N = () => {
+      o.value = (o.value + 1) % r.length, p();
+    }, w = m(() => r[o.value]);
+    return V(p), R(u), (xe, E) => (f(), b(S, { to: "body" }, [
+      t("div", ie, [
+        t("div", re, [
+          t("div", ce, [
+            t("span", de, c(i.badge ?? i.appName.slice(0, 3).toUpperCase()), 1),
+            t("span", ue, [
+              t("span", pe, c(n(s)("core.pwa.ios.title", { app: e.appName })), 1),
+              t("span", fe, c(n(s)("core.pwa.ios.subtitle")), 1)
+            ]),
+            t("button", {
+              type: "button",
+              class: "hit-target grid size-7 place-items-center rounded-full bg-fill text-content-muted",
+              "aria-label": n(s)("core.actions.close"),
+              "data-test": "install-ios-guide-close",
+              onClick: E[0] || (E[0] = (U) => a("close"))
+            }, [
+              g(n(z), {
+                name: "close",
+                size: 12
+              })
+            ], 8, me)
+          ]),
+          t("div", ve, [
+            t("span", ge, c(o.value + 1), 1),
+            (f(), h("span", {
+              key: w.value,
+              class: "flex-1 animate-text-swap text-subheadline font-semibold text-content-strong",
+              "aria-live": "polite"
+            }, c(n(s)(`core.pwa.ios.steps.${w.value}`)), 1)),
+            t("span", he, [
+              (f(), h(W, null, G(r, (U, y) => t("span", {
+                key: y,
+                class: j(["h-1.5 rounded-full transition-[width,background-color] duration-motion-normal", [y === o.value ? "w-4" : "w-1.5", y <= o.value ? "bg-tint" : "bg-fill-strong"]])
+              }, null, 2)), 64))
+            ]),
+            t("button", {
+              type: "button",
+              class: "text-subheadline font-semibold text-content-link",
+              onClick: N
+            }, c(n(s)("core.pwa.ios.next")), 1)
+          ])
+        ]),
+        w.value === "more" ? (f(), h("span", be, [
+          g(n(z), {
+            name: "arrowDownSLine",
+            class: "size-5"
+          })
+        ])) : M("", !0)
+      ])
+    ]));
+  }
+});
 export {
-  p as captureInstallPrompt,
-  v as currentPlatform,
-  d as isStandalone,
-  w as registerServiceWorker,
-  m as useInstallPrompt
+  Ee as AndroidInstallBanner,
+  Be as InstallQrSheet,
+  Se as IosInstallGuide,
+  ae as QrCode,
+  Ie as captureInstallPrompt,
+  Ce as currentPlatform,
+  J as isStandalone,
+  Ne as registerServiceWorker,
+  L as useInstallPrompt
 };

package/dist/resource/index.js

@@ -1,5 +1,5 @@
 import { p as o, u as r, a, b as u } from "../routeResource-DlTsGTg_.js";
-import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-Cw8mGf_B.js";
+import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-DljhsTU4.js";
 export {
   R as RecordPager,
   c as ResourcePage,