@wssto2/vue-core 0.1.0 → 0.2.0

package/README.md

@@ -10,14 +10,15 @@ Its plan and rules are in [PLAN.md](PLAN.md).
 
 | Import | For |
 |---|---|
-| `@wssto2/vue-core/platform` | `readBootstrap`, `createPlatform` (HTTP client, session, access), typed contexts |
+| `@wssto2/vue-core/platform` | `readBootstrap`, `createPlatform` (HTTP client, session, access), `AccessGate`, typed contexts |
 | `@wssto2/vue-core/app` | `createApplication`, `defineFeature`, shell outlets, effects |
 | `@wssto2/vue-core/shell` | `backofficeShell`, the shell's parts for a custom one |
 | `@wssto2/vue-core/router` | `defineRoutes` (typed targets), guards, navigation |
-| `@wssto2/vue-core/collection` | `defineCollection`, `useCollection`, `CollectionPage`, record neighbors |
+| `@wssto2/vue-core/collection` | `defineCollection`, `useCollection`, `CollectionPage`, `DataTable` (a table over an array), record neighbors |
 | `@wssto2/vue-core/resource`, `/page` | `useRouteResource`, `ResourcePage`, `SectionNavigator`, `AdaptivePageShell` |
 | `@wssto2/vue-core/button`, `/controls`, `/content`, `/state`, `/overlay`, `/modal`, `/icon` | the primitives |
-| `@wssto2/vue-core/i18n`, `/format`, `/client` | messages, formatting, `HttpClient` and `ApiError` |
+| `@wssto2/vue-core/i18n`, `/format`, `/client` | messages, `useDescribeError`, formatting, `HttpClient` and `ApiError` |
+| `@wssto2/vue-core/testing` | `createTestPlatform`, `createTestApp`, fake transports: for your tests, [testing](docs/recipes/testing.md) |
 
 Nothing is reachable by a deep import. The peers are `vue`, `vue-router` and `vue-i18n`; the library never bundles them.
 
@@ -174,7 +175,16 @@ Its texts are JSON files under the feature, loaded the first time one of its rou
   "open": "Open",
   "closed": "Closed",
   "record": "Ticket",
-  "details": "Details"
+  "details": "Details",
+  "history": "History",
+  "history_empty": "Nothing has happened yet.",
+  "when": "When",
+  "kind": "Kind",
+  "author": "Author",
+  "note": "Note",
+  "comment": "Comment",
+  "change": "Status change",
+  "remove": "Remove"
 }
 ```
 
@@ -284,12 +294,13 @@ The library's own texts are under the `core` namespace in English, Croatian, Bos
 
 ## Recipes
 
-- [List page](docs/recipes/list-page.md): a typed collection, columns, filters, row actions, URL state
-- [Record page](docs/recipes/record-page.md): a simple record, a record with sections, regions that load on their own, previous / next
-- [Shell](docs/recipes/shell.md): the default shell, contributions from features, a custom shell
-- [App setup](docs/recipes/app-setup.md): config, session, effects, locales, errors
+- [List page](docs/recipes/list-page.md): a typed collection, columns, filters, row actions, URL state; a table over an array
+- [Record page](docs/recipes/record-page.md): a simple record, a record with sections, regions that load on their own (`useResource`, `useLoad`), previous / next
+- [Shell](docs/recipes/shell.md): the default shell, contributions from features, keyboard shortcuts and their help, running inside a frame, a custom shell
+- [App setup](docs/recipes/app-setup.md): config, session, effects, locales and flags, permissions in the UI, error sentences, startup errors
 - [Forms](docs/recipes/forms.md): form state, fields, a record edited in group sheets, a long form, commands
-- [Theming](docs/recipes/theming.md): brand accent, dark mode, tokens
+- [Theming](docs/recipes/theming.md): brand accent, dark mode, tokens, status tones and category hues
+- [Testing](docs/recipes/testing.md): the application's environment and a fake backend for your tests
 
 Forms have their own recipe when that phase lands.
 

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-CKghARkW.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-CeKK8_g5.js}

@@ -2,9 +2,9 @@ import { defineComponent as $, getCurrentInstance as D, inject as F, computed as
 import { a as j } from "./mediaQuery-CygcXmFW.js";
 import { b as U, f as N, c as W, p as Y } from "./chrome-D9pwD6iS.js";
 import { useI18n as E } from "vue-i18n";
-import { _ as G } from "./Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
+import { _ as G } from "./Button.vue_vue_type_script_setup_true_lang-B1eZgLae.js";
 import { _ as y } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
-import { _ as J } from "./Menu.vue_vue_type_script_setup_true_lang-D44EHXQZ.js";
+import { _ as J } from "./Menu.vue_vue_type_script_setup_true_lang-CrMj6KPD.js";
 import { RouterLink as L, useRoute as X } from "vue-router";
 import { d as Z } from "./context-Ch1r4fdN.js";
 const ee = /* @__PURE__ */ $({

package/dist/{AlertDialog.vue_vue_type_script_setup_true_lang-BZb4qKXo.js → AlertDialog.vue_vue_type_script_setup_true_lang-e4hzkzg3.js}

@@ -2,7 +2,7 @@ import { defineComponent as H, ref as L, useId as S, computed as u, watch as J,
 import { useI18n as Q } from "vue-i18n";
 import { _ as j } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
 import { u as R } from "./mediaQuery-CygcXmFW.js";
-import { u as U } from "./useDialog-wmyNx2j_.js";
+import { u as U } from "./useDialog-CXR3hN0G.js";
 const X = ["aria-labelledby", "aria-describedby", "data-presentation"], Y = { class: "overflow-hidden rounded-menu bg-surface-overlay/95 backdrop-blur-xl" }, Z = { class: "flex flex-col gap-1 px-4 py-3.5 text-center" }, ee = ["id"], te = ["id"], ae = ["disabled"], ne = ["disabled"], oe = ["id"], ie = ["id"], se = ["disabled"], le = ["disabled"], pe = /* @__PURE__ */ H({
   __name: "AlertDialog",
   props: {

package/dist/{AsyncSection.vue_vue_type_script_setup_true_lang-B82bl36A.js → AsyncSection.vue_vue_type_script_setup_true_lang-CWLB3xsR.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, openBlock as a, createElementBlock as n, computed as $, Fragment as _, unref as o, renderSlot as y, renderList as w, createBlock as v, createVNode as u, withCtx as c, createElementVNode as d, toDisplayString as i, createCommentVNode as m, createTextVNode as g, normalizeClass as b, createSlots as x } from "vue";
 import { useI18n as C } from "vue-i18n";
-import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-3f0emVNU.js";
+import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-B1eZgLae.js";
 import { _ as E } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
 import { _ as S } from "./Banner.vue_vue_type_script_setup_true_lang-n_wGPIIu.js";
 import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-BeGpHMUP.js";

package/dist/Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js

@@ -0,0 +1,51 @@
+import { defineComponent as l, computed as y, openBlock as r, createElementBlock as s, normalizeClass as d, createCommentVNode as f, renderSlot as p } from "vue";
+const x = ["data-hue"], h = /* @__PURE__ */ l({
+  __name: "Badge",
+  props: {
+    tone: {},
+    dot: { type: Boolean },
+    hue: {},
+    appearance: {}
+  },
+  setup(u) {
+    const a = u, n = {
+      neutral: { badge: "bg-status-neutral-surface text-status-neutral-content", dot: "bg-status-neutral-content" },
+      info: { badge: "bg-status-info-surface text-status-info-content", dot: "bg-status-info-content" },
+      positive: { badge: "bg-status-success-surface text-status-success-content", dot: "bg-status-success-content" },
+      warning: { badge: "bg-status-warning-surface text-status-warning-content", dot: "bg-status-warning-content" },
+      critical: { badge: "bg-status-danger-surface text-status-danger-content", dot: "bg-status-danger-content" },
+      context: { badge: "bg-surface-cell text-content", dot: "bg-content-disabled" }
+    }, o = {
+      amber: { badge: "bg-category-amber-surface text-category-amber-content", dot: "bg-category-amber-content" },
+      lime: { badge: "bg-category-lime-surface text-category-lime-content", dot: "bg-category-lime-content" },
+      teal: { badge: "bg-category-teal-surface text-category-teal-content", dot: "bg-category-teal-content" },
+      cyan: { badge: "bg-category-cyan-surface text-category-cyan-content", dot: "bg-category-cyan-content" },
+      blue: { badge: "bg-category-blue-surface text-category-blue-content", dot: "bg-category-blue-content" },
+      indigo: { badge: "bg-category-indigo-surface text-category-indigo-content", dot: "bg-category-indigo-content" },
+      violet: { badge: "bg-category-violet-surface text-category-violet-content", dot: "bg-category-violet-content" },
+      fuchsia: { badge: "bg-category-fuchsia-surface text-category-fuchsia-content", dot: "bg-category-fuchsia-content" },
+      pink: { badge: "bg-category-pink-surface text-category-pink-content", dot: "bg-category-pink-content" }
+    }, e = y(() => {
+      const { hue: t, appearance: c, tone: b, dot: i } = a;
+      if (t === void 0) {
+        const g = n[b ?? "neutral"];
+        return { badge: g.badge, dot: i ? g.dot : null };
+      }
+      return c === "dot" ? { badge: n.context.badge, dot: o[t].dot } : { badge: o[t].badge, dot: null };
+    });
+    return (t, c) => (r(), s("span", {
+      class: d(["inline-flex items-center gap-x-1.5 whitespace-nowrap rounded-md px-2 py-0.5 text-xs font-medium ring-1 ring-inset ring-current/20", e.value.badge]),
+      "data-hue": a.hue
+    }, [
+      e.value.dot ? (r(), s("span", {
+        key: 0,
+        class: d(["size-1.5 shrink-0 rounded-full", e.value.dot]),
+        "aria-hidden": "true"
+      }, null, 2)) : f("", !0),
+      p(t.$slots, "default")
+    ], 10, x));
+  }
+});
+export {
+  h as _
+};

package/dist/Button.vue_vue_type_script_setup_true_lang-B1eZgLae.js

@@ -0,0 +1,182 @@
+import { watchEffect as R, toValue as z, computed as f, triggerRef as w, shallowRef as L, defineComponent as A, useSlots as B, useTemplateRef as I, openBlock as y, createBlock as M, unref as N, withCtx as $, createElementVNode as D, mergeProps as v, createVNode as h, createElementBlock as K, h as x } from "vue";
+import { RouterLink as P } from "vue-router";
+import { _ as k } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { u as T } from "./useWaitStatus-fsacMl4W.js";
+import { p as j } from "./perDocument-DUuFrdGU.js";
+function V(t, n) {
+  return t.key.toLowerCase() === n.key.toLowerCase() && t.ctrlKey === (n.ctrlKey ?? !1) && t.shiftKey === (n.shiftKey ?? !1) && t.altKey === (n.altKey ?? !1) && t.metaKey === (n.metaKey ?? !1);
+}
+function U(t) {
+  return t instanceof HTMLElement && (t.isContentEditable || /^(input|textarea|select)$/i.test(t.tagName));
+}
+function G(t, n) {
+  R((e) => {
+    const o = z(t);
+    if (!o) return;
+    if (o.label !== void 0) {
+      const i = O(o);
+      e(i.remove);
+    }
+    const a = (i) => {
+      i.repeat || !V(i, o) || !(o.ctrlKey || o.altKey || o.metaKey) && U(i.target) || n(i) !== !1 && i.preventDefault();
+    };
+    window.addEventListener("keydown", a), e(() => window.removeEventListener("keydown", a));
+  });
+}
+const H = Symbol("vue-core:shortcuts"), E = () => j(H, () => ({ items: [], changed: L(0) }));
+function O(t) {
+  const n = E();
+  return n.items = [...n.items, t], w(n.changed), {
+    remove() {
+      n.items = n.items.filter((e) => e !== t), w(n.changed);
+    }
+  };
+}
+function W(t) {
+  const e = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent) ? { ctrl: "⌃", alt: "⌥", shift: "⇧", meta: "⌘" } : { ctrl: "Ctrl", alt: "Alt", shift: "Shift", meta: "Meta" }, o = Y[t.key] ?? (t.key.length === 1 ? t.key.toUpperCase() : t.key);
+  return [
+    ...t.ctrlKey ? [e.ctrl] : [],
+    ...t.altKey ? [e.alt] : [],
+    ...t.shiftKey ? [e.shift] : [],
+    ...t.metaKey ? [e.meta] : [],
+    o
+  ];
+}
+const Y = { ArrowLeft: "←", ArrowRight: "→", ArrowUp: "↑", ArrowDown: "↓", Escape: "Esc", " ": "Space" };
+function ne() {
+  const t = E();
+  return f(() => {
+    t.changed.value;
+    const n = /* @__PURE__ */ new Map();
+    for (const e of t.items) {
+      const o = typeof e.label == "function" ? e.label() : e.label ?? "";
+      if (o === "") continue;
+      const a = e.group ?? null, i = n.get(`${a}\0${o}`) ?? { group: a, label: o, keys: [] }, d = W(e);
+      i.keys.some((s) => s.join("+") === d.join("+")) || i.keys.push(d), n.set(`${a}\0${o}`, i);
+    }
+    return [...n.values()];
+  });
+}
+const Z = ["href", "tabindex", "onClick"], q = ["href", "tabindex"], F = ["type", "disabled"], oe = /* @__PURE__ */ A({
+  __name: "Button",
+  props: {
+    prominence: { default: "standard" },
+    tone: { default: void 0 },
+    size: { default: "md" },
+    icon: { default: void 0 },
+    trailingIcon: { default: void 0 },
+    to: { default: void 0 },
+    href: { default: void 0 },
+    type: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    processing: { type: Boolean, default: !1 },
+    keyboardShortcut: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(t, { emit: n }) {
+    const e = t, o = n, a = B(), i = I("element"), d = T(() => e.processing), s = f(() => e.disabled || e.processing);
+    function p(r, l) {
+      if (s.value) {
+        r.preventDefault();
+        return;
+      }
+      o("click", r), l?.(r);
+    }
+    G(() => e.keyboardShortcut, (r) => {
+      if (s.value || i.value?.closest("[inert]")) return !1;
+      o("click", r);
+    });
+    const _ = {
+      primary: {
+        default: "bg-tint text-content-on-tint hover:bg-tint/90 active:bg-tint/80",
+        critical: "bg-status-danger-solid text-white hover:brightness-110"
+      },
+      secondary: {
+        default: "bg-tint-soft text-content-link hover:brightness-95 dark:hover:brightness-125",
+        critical: "bg-status-danger-surface text-content-destructive hover:brightness-95 dark:hover:brightness-125"
+      },
+      standard: {
+        default: "bg-fill text-content-strong hover:bg-fill-strong",
+        critical: "bg-fill text-content-destructive hover:bg-fill-strong"
+      },
+      plain: {
+        default: "bg-transparent text-content-link hover:bg-tint-soft",
+        critical: "bg-transparent text-content-destructive hover:bg-status-danger-surface"
+      },
+      link: {
+        default: "bg-transparent text-content-link hover:underline",
+        critical: "bg-transparent text-content-destructive hover:underline"
+      }
+    }, u = {
+      xs: { box: "min-h-6 px-2.5 py-0.5 text-xs gap-1", icon: 12 },
+      sm: { box: "min-h-8 px-3 py-1 text-xs gap-1.5", icon: 14 },
+      md: { box: "min-h-9 px-4 py-1.5 text-sm gap-2", icon: 16 },
+      lg: { box: "min-h-11 px-5 py-2 text-base gap-2", icon: 20 },
+      xl: { box: "min-h-12 px-6 py-2.5 text-base gap-2.5", icon: 22 }
+    }, m = f(() => [
+      "hit-target flex cursor-pointer select-none items-center justify-center rounded-button text-center font-semibold",
+      "transition duration-motion-fast ease-motion-standard",
+      "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
+      _[e.prominence][e.tone ?? "default"],
+      u[e.size].box,
+      // aria-disabled covers links, which have no `disabled` attribute.
+      e.processing && !e.disabled ? "cursor-progress" : "disabled:cursor-not-allowed disabled:opacity-45 aria-disabled:cursor-not-allowed aria-disabled:opacity-45"
+    ]), b = f(() => ({
+      "aria-disabled": s.value || void 0,
+      "aria-busy": e.processing || void 0
+    })), g = () => [
+      e.processing && d.visible.value ? x(k, { name: "loader4Line", size: u[e.size].icon, class: "animate-spin", "data-test": "button-spinner" }) : e.icon ? x(k, { name: e.icon, size: u[e.size].icon }) : null,
+      a.default?.(),
+      e.trailingIcon ? x(k, { name: e.trailingIcon, size: u[e.size].icon }) : null
+    ];
+    return (r, l) => e.to !== void 0 ? (y(), M(N(P), {
+      key: 0,
+      to: e.to,
+      custom: ""
+    }, {
+      default: $(({ href: c, navigate: C }) => [
+        D("a", v({
+          ref_key: "element",
+          ref: i,
+          href: s.value ? void 0 : c,
+          class: m.value
+        }, b.value, {
+          tabindex: s.value ? -1 : void 0,
+          onClick: (S) => p(S, C)
+        }), [
+          h(g)
+        ], 16, Z)
+      ]),
+      _: 1
+    }, 8, ["to"])) : e.href !== void 0 ? (y(), K("a", v({
+      key: 1,
+      ref_key: "element",
+      ref: i,
+      href: s.value ? void 0 : e.href,
+      class: m.value
+    }, b.value, {
+      tabindex: s.value ? -1 : void 0,
+      onClick: l[0] || (l[0] = (c) => p(c))
+    }), [
+      h(g)
+    ], 16, q)) : (y(), K("button", v({
+      key: 2,
+      ref_key: "element",
+      ref: i,
+      type: e.type,
+      class: m.value,
+      disabled: s.value
+    }, b.value, {
+      onClick: l[1] || (l[1] = (c) => p(c))
+    }), [
+      h(g)
+    ], 16, F));
+  }
+});
+export {
+  oe as _,
+  ne as a,
+  V as m,
+  W as s,
+  G as u
+};

package/dist/CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js

@@ -0,0 +1,299 @@
+import { defineComponent as M, useTemplateRef as u, shallowRef as C, ref as S, onMounted as G, onBeforeUnmount as A, watch as d, openBlock as n, createElementBlock as s, createCommentVNode as T } from "vue";
+const B = {
+  AC: () => import("country-flag-icons/string/3x2/AC"),
+  AD: () => import("country-flag-icons/string/3x2/AD"),
+  AE: () => import("country-flag-icons/string/3x2/AE"),
+  AF: () => import("country-flag-icons/string/3x2/AF"),
+  AG: () => import("country-flag-icons/string/3x2/AG"),
+  AI: () => import("country-flag-icons/string/3x2/AI"),
+  AL: () => import("country-flag-icons/string/3x2/AL"),
+  AM: () => import("country-flag-icons/string/3x2/AM"),
+  AO: () => import("country-flag-icons/string/3x2/AO"),
+  AQ: () => import("country-flag-icons/string/3x2/AQ"),
+  AR: () => import("country-flag-icons/string/3x2/AR"),
+  AS: () => import("country-flag-icons/string/3x2/AS"),
+  AT: () => import("country-flag-icons/string/3x2/AT"),
+  AU: () => import("country-flag-icons/string/3x2/AU"),
+  AW: () => import("country-flag-icons/string/3x2/AW"),
+  AX: () => import("country-flag-icons/string/3x2/AX"),
+  AZ: () => import("country-flag-icons/string/3x2/AZ"),
+  BA: () => import("country-flag-icons/string/3x2/BA"),
+  BB: () => import("country-flag-icons/string/3x2/BB"),
+  BD: () => import("country-flag-icons/string/3x2/BD"),
+  BE: () => import("country-flag-icons/string/3x2/BE"),
+  BF: () => import("country-flag-icons/string/3x2/BF"),
+  BG: () => import("country-flag-icons/string/3x2/BG"),
+  BH: () => import("country-flag-icons/string/3x2/BH"),
+  BI: () => import("country-flag-icons/string/3x2/BI"),
+  BJ: () => import("country-flag-icons/string/3x2/BJ"),
+  BL: () => import("country-flag-icons/string/3x2/BL"),
+  BM: () => import("country-flag-icons/string/3x2/BM"),
+  BN: () => import("country-flag-icons/string/3x2/BN"),
+  BO: () => import("country-flag-icons/string/3x2/BO"),
+  BQ: () => import("country-flag-icons/string/3x2/BQ"),
+  BR: () => import("country-flag-icons/string/3x2/BR"),
+  BS: () => import("country-flag-icons/string/3x2/BS"),
+  BT: () => import("country-flag-icons/string/3x2/BT"),
+  BV: () => import("country-flag-icons/string/3x2/BV"),
+  BW: () => import("country-flag-icons/string/3x2/BW"),
+  BY: () => import("country-flag-icons/string/3x2/BY"),
+  BZ: () => import("country-flag-icons/string/3x2/BZ"),
+  CA: () => import("country-flag-icons/string/3x2/CA"),
+  CC: () => import("country-flag-icons/string/3x2/CC"),
+  CD: () => import("country-flag-icons/string/3x2/CD"),
+  CF: () => import("country-flag-icons/string/3x2/CF"),
+  CG: () => import("country-flag-icons/string/3x2/CG"),
+  CH: () => import("country-flag-icons/string/3x2/CH"),
+  CI: () => import("country-flag-icons/string/3x2/CI"),
+  CK: () => import("country-flag-icons/string/3x2/CK"),
+  CL: () => import("country-flag-icons/string/3x2/CL"),
+  CM: () => import("country-flag-icons/string/3x2/CM"),
+  CN: () => import("country-flag-icons/string/3x2/CN"),
+  CO: () => import("country-flag-icons/string/3x2/CO"),
+  CR: () => import("country-flag-icons/string/3x2/CR"),
+  CU: () => import("country-flag-icons/string/3x2/CU"),
+  CV: () => import("country-flag-icons/string/3x2/CV"),
+  CW: () => import("country-flag-icons/string/3x2/CW"),
+  CX: () => import("country-flag-icons/string/3x2/CX"),
+  CY: () => import("country-flag-icons/string/3x2/CY"),
+  CZ: () => import("country-flag-icons/string/3x2/CZ"),
+  DE: () => import("country-flag-icons/string/3x2/DE"),
+  DJ: () => import("country-flag-icons/string/3x2/DJ"),
+  DK: () => import("country-flag-icons/string/3x2/DK"),
+  DM: () => import("country-flag-icons/string/3x2/DM"),
+  DO: () => import("country-flag-icons/string/3x2/DO"),
+  DZ: () => import("country-flag-icons/string/3x2/DZ"),
+  EC: () => import("country-flag-icons/string/3x2/EC"),
+  EE: () => import("country-flag-icons/string/3x2/EE"),
+  EG: () => import("country-flag-icons/string/3x2/EG"),
+  EH: () => import("country-flag-icons/string/3x2/EH"),
+  ER: () => import("country-flag-icons/string/3x2/ER"),
+  ES: () => import("country-flag-icons/string/3x2/ES"),
+  ET: () => import("country-flag-icons/string/3x2/ET"),
+  EU: () => import("country-flag-icons/string/3x2/EU"),
+  FI: () => import("country-flag-icons/string/3x2/FI"),
+  FJ: () => import("country-flag-icons/string/3x2/FJ"),
+  FK: () => import("country-flag-icons/string/3x2/FK"),
+  FM: () => import("country-flag-icons/string/3x2/FM"),
+  FO: () => import("country-flag-icons/string/3x2/FO"),
+  FR: () => import("country-flag-icons/string/3x2/FR"),
+  GA: () => import("country-flag-icons/string/3x2/GA"),
+  GB: () => import("country-flag-icons/string/3x2/GB"),
+  GD: () => import("country-flag-icons/string/3x2/GD"),
+  GE: () => import("country-flag-icons/string/3x2/GE"),
+  GF: () => import("country-flag-icons/string/3x2/GF"),
+  GG: () => import("country-flag-icons/string/3x2/GG"),
+  GH: () => import("country-flag-icons/string/3x2/GH"),
+  GI: () => import("country-flag-icons/string/3x2/GI"),
+  GL: () => import("country-flag-icons/string/3x2/GL"),
+  GM: () => import("country-flag-icons/string/3x2/GM"),
+  GN: () => import("country-flag-icons/string/3x2/GN"),
+  GP: () => import("country-flag-icons/string/3x2/GP"),
+  GQ: () => import("country-flag-icons/string/3x2/GQ"),
+  GR: () => import("country-flag-icons/string/3x2/GR"),
+  GS: () => import("country-flag-icons/string/3x2/GS"),
+  GT: () => import("country-flag-icons/string/3x2/GT"),
+  GU: () => import("country-flag-icons/string/3x2/GU"),
+  GW: () => import("country-flag-icons/string/3x2/GW"),
+  GY: () => import("country-flag-icons/string/3x2/GY"),
+  HK: () => import("country-flag-icons/string/3x2/HK"),
+  HM: () => import("country-flag-icons/string/3x2/HM"),
+  HN: () => import("country-flag-icons/string/3x2/HN"),
+  HR: () => import("country-flag-icons/string/3x2/HR"),
+  HT: () => import("country-flag-icons/string/3x2/HT"),
+  HU: () => import("country-flag-icons/string/3x2/HU"),
+  IC: () => import("country-flag-icons/string/3x2/IC"),
+  ID: () => import("country-flag-icons/string/3x2/ID"),
+  IE: () => import("country-flag-icons/string/3x2/IE"),
+  IL: () => import("country-flag-icons/string/3x2/IL"),
+  IM: () => import("country-flag-icons/string/3x2/IM"),
+  IN: () => import("country-flag-icons/string/3x2/IN"),
+  IO: () => import("country-flag-icons/string/3x2/IO"),
+  IQ: () => import("country-flag-icons/string/3x2/IQ"),
+  IR: () => import("country-flag-icons/string/3x2/IR"),
+  IS: () => import("country-flag-icons/string/3x2/IS"),
+  IT: () => import("country-flag-icons/string/3x2/IT"),
+  JE: () => import("country-flag-icons/string/3x2/JE"),
+  JM: () => import("country-flag-icons/string/3x2/JM"),
+  JO: () => import("country-flag-icons/string/3x2/JO"),
+  JP: () => import("country-flag-icons/string/3x2/JP"),
+  KE: () => import("country-flag-icons/string/3x2/KE"),
+  KG: () => import("country-flag-icons/string/3x2/KG"),
+  KH: () => import("country-flag-icons/string/3x2/KH"),
+  KI: () => import("country-flag-icons/string/3x2/KI"),
+  KM: () => import("country-flag-icons/string/3x2/KM"),
+  KN: () => import("country-flag-icons/string/3x2/KN"),
+  KP: () => import("country-flag-icons/string/3x2/KP"),
+  KR: () => import("country-flag-icons/string/3x2/KR"),
+  KW: () => import("country-flag-icons/string/3x2/KW"),
+  KY: () => import("country-flag-icons/string/3x2/KY"),
+  KZ: () => import("country-flag-icons/string/3x2/KZ"),
+  LA: () => import("country-flag-icons/string/3x2/LA"),
+  LB: () => import("country-flag-icons/string/3x2/LB"),
+  LC: () => import("country-flag-icons/string/3x2/LC"),
+  LI: () => import("country-flag-icons/string/3x2/LI"),
+  LK: () => import("country-flag-icons/string/3x2/LK"),
+  LR: () => import("country-flag-icons/string/3x2/LR"),
+  LS: () => import("country-flag-icons/string/3x2/LS"),
+  LT: () => import("country-flag-icons/string/3x2/LT"),
+  LU: () => import("country-flag-icons/string/3x2/LU"),
+  LV: () => import("country-flag-icons/string/3x2/LV"),
+  LY: () => import("country-flag-icons/string/3x2/LY"),
+  MA: () => import("country-flag-icons/string/3x2/MA"),
+  MC: () => import("country-flag-icons/string/3x2/MC"),
+  MD: () => import("country-flag-icons/string/3x2/MD"),
+  ME: () => import("country-flag-icons/string/3x2/ME"),
+  MF: () => import("country-flag-icons/string/3x2/MF"),
+  MG: () => import("country-flag-icons/string/3x2/MG"),
+  MH: () => import("country-flag-icons/string/3x2/MH"),
+  MK: () => import("country-flag-icons/string/3x2/MK"),
+  ML: () => import("country-flag-icons/string/3x2/ML"),
+  MM: () => import("country-flag-icons/string/3x2/MM"),
+  MN: () => import("country-flag-icons/string/3x2/MN"),
+  MO: () => import("country-flag-icons/string/3x2/MO"),
+  MP: () => import("country-flag-icons/string/3x2/MP"),
+  MQ: () => import("country-flag-icons/string/3x2/MQ"),
+  MR: () => import("country-flag-icons/string/3x2/MR"),
+  MS: () => import("country-flag-icons/string/3x2/MS"),
+  MT: () => import("country-flag-icons/string/3x2/MT"),
+  MU: () => import("country-flag-icons/string/3x2/MU"),
+  MV: () => import("country-flag-icons/string/3x2/MV"),
+  MW: () => import("country-flag-icons/string/3x2/MW"),
+  MX: () => import("country-flag-icons/string/3x2/MX"),
+  MY: () => import("country-flag-icons/string/3x2/MY"),
+  MZ: () => import("country-flag-icons/string/3x2/MZ"),
+  NA: () => import("country-flag-icons/string/3x2/NA"),
+  NC: () => import("country-flag-icons/string/3x2/NC"),
+  NE: () => import("country-flag-icons/string/3x2/NE"),
+  NF: () => import("country-flag-icons/string/3x2/NF"),
+  NG: () => import("country-flag-icons/string/3x2/NG"),
+  NI: () => import("country-flag-icons/string/3x2/NI"),
+  NL: () => import("country-flag-icons/string/3x2/NL"),
+  NO: () => import("country-flag-icons/string/3x2/NO"),
+  NP: () => import("country-flag-icons/string/3x2/NP"),
+  NR: () => import("country-flag-icons/string/3x2/NR"),
+  NU: () => import("country-flag-icons/string/3x2/NU"),
+  NZ: () => import("country-flag-icons/string/3x2/NZ"),
+  OM: () => import("country-flag-icons/string/3x2/OM"),
+  PA: () => import("country-flag-icons/string/3x2/PA"),
+  PE: () => import("country-flag-icons/string/3x2/PE"),
+  PF: () => import("country-flag-icons/string/3x2/PF"),
+  PG: () => import("country-flag-icons/string/3x2/PG"),
+  PH: () => import("country-flag-icons/string/3x2/PH"),
+  PK: () => import("country-flag-icons/string/3x2/PK"),
+  PL: () => import("country-flag-icons/string/3x2/PL"),
+  PM: () => import("country-flag-icons/string/3x2/PM"),
+  PN: () => import("country-flag-icons/string/3x2/PN"),
+  PR: () => import("country-flag-icons/string/3x2/PR"),
+  PS: () => import("country-flag-icons/string/3x2/PS"),
+  PT: () => import("country-flag-icons/string/3x2/PT"),
+  PW: () => import("country-flag-icons/string/3x2/PW"),
+  PY: () => import("country-flag-icons/string/3x2/PY"),
+  QA: () => import("country-flag-icons/string/3x2/QA"),
+  RE: () => import("country-flag-icons/string/3x2/RE"),
+  RO: () => import("country-flag-icons/string/3x2/RO"),
+  RS: () => import("country-flag-icons/string/3x2/RS"),
+  RU: () => import("country-flag-icons/string/3x2/RU"),
+  RW: () => import("country-flag-icons/string/3x2/RW"),
+  SA: () => import("country-flag-icons/string/3x2/SA"),
+  SB: () => import("country-flag-icons/string/3x2/SB"),
+  SC: () => import("country-flag-icons/string/3x2/SC"),
+  SD: () => import("country-flag-icons/string/3x2/SD"),
+  SE: () => import("country-flag-icons/string/3x2/SE"),
+  SG: () => import("country-flag-icons/string/3x2/SG"),
+  SH: () => import("country-flag-icons/string/3x2/SH"),
+  SI: () => import("country-flag-icons/string/3x2/SI"),
+  SJ: () => import("country-flag-icons/string/3x2/SJ"),
+  SK: () => import("country-flag-icons/string/3x2/SK"),
+  SL: () => import("country-flag-icons/string/3x2/SL"),
+  SM: () => import("country-flag-icons/string/3x2/SM"),
+  SN: () => import("country-flag-icons/string/3x2/SN"),
+  SO: () => import("country-flag-icons/string/3x2/SO"),
+  SR: () => import("country-flag-icons/string/3x2/SR"),
+  SS: () => import("country-flag-icons/string/3x2/SS"),
+  ST: () => import("country-flag-icons/string/3x2/ST"),
+  SV: () => import("country-flag-icons/string/3x2/SV"),
+  SX: () => import("country-flag-icons/string/3x2/SX"),
+  SY: () => import("country-flag-icons/string/3x2/SY"),
+  SZ: () => import("country-flag-icons/string/3x2/SZ"),
+  TA: () => import("country-flag-icons/string/3x2/TA"),
+  TC: () => import("country-flag-icons/string/3x2/TC"),
+  TD: () => import("country-flag-icons/string/3x2/TD"),
+  TF: () => import("country-flag-icons/string/3x2/TF"),
+  TG: () => import("country-flag-icons/string/3x2/TG"),
+  TH: () => import("country-flag-icons/string/3x2/TH"),
+  TJ: () => import("country-flag-icons/string/3x2/TJ"),
+  TK: () => import("country-flag-icons/string/3x2/TK"),
+  TL: () => import("country-flag-icons/string/3x2/TL"),
+  TM: () => import("country-flag-icons/string/3x2/TM"),
+  TN: () => import("country-flag-icons/string/3x2/TN"),
+  TO: () => import("country-flag-icons/string/3x2/TO"),
+  TR: () => import("country-flag-icons/string/3x2/TR"),
+  TT: () => import("country-flag-icons/string/3x2/TT"),
+  TV: () => import("country-flag-icons/string/3x2/TV"),
+  TW: () => import("country-flag-icons/string/3x2/TW"),
+  TZ: () => import("country-flag-icons/string/3x2/TZ"),
+  UA: () => import("country-flag-icons/string/3x2/UA"),
+  UG: () => import("country-flag-icons/string/3x2/UG"),
+  UM: () => import("country-flag-icons/string/3x2/UM"),
+  US: () => import("country-flag-icons/string/3x2/US"),
+  UY: () => import("country-flag-icons/string/3x2/UY"),
+  UZ: () => import("country-flag-icons/string/3x2/UZ"),
+  VA: () => import("country-flag-icons/string/3x2/VA"),
+  VC: () => import("country-flag-icons/string/3x2/VC"),
+  VE: () => import("country-flag-icons/string/3x2/VE"),
+  VG: () => import("country-flag-icons/string/3x2/VG"),
+  VI: () => import("country-flag-icons/string/3x2/VI"),
+  VN: () => import("country-flag-icons/string/3x2/VN"),
+  VU: () => import("country-flag-icons/string/3x2/VU"),
+  WF: () => import("country-flag-icons/string/3x2/WF"),
+  WS: () => import("country-flag-icons/string/3x2/WS"),
+  XA: () => import("country-flag-icons/string/3x2/XA"),
+  XC: () => import("country-flag-icons/string/3x2/XC"),
+  XK: () => import("country-flag-icons/string/3x2/XK"),
+  XO: () => import("country-flag-icons/string/3x2/XO"),
+  YE: () => import("country-flag-icons/string/3x2/YE"),
+  YT: () => import("country-flag-icons/string/3x2/YT"),
+  ZA: () => import("country-flag-icons/string/3x2/ZA"),
+  ZM: () => import("country-flag-icons/string/3x2/ZM"),
+  ZW: () => import("country-flag-icons/string/3x2/ZW")
+}, I = ["data-country"], f = ["src"], N = /* @__PURE__ */ M({
+  __name: "CountryFlag",
+  props: {
+    country: {}
+  },
+  setup(a) {
+    const m = a, p = u("holder"), r = C(null), e = S(typeof IntersectionObserver > "u");
+    let i = null;
+    async function l(o) {
+      const t = B[o];
+      if (!t) return void (r.value = null);
+      const { default: c } = await t();
+      o === m.country && (r.value = `data:image/svg+xml,${encodeURIComponent(c)}`);
+    }
+    return G(() => {
+      e.value || !p.value || (i = new IntersectionObserver((o) => {
+        o.some((t) => t.isIntersecting) && (e.value = !0, i?.disconnect());
+      }), i.observe(p.value));
+    }), A(() => i?.disconnect()), d([() => m.country, e], ([o, t]) => {
+      r.value = null, t && l(o);
+    }, { immediate: !0 }), (o, t) => (n(), s("span", {
+      ref_key: "holder",
+      ref: p,
+      class: "inline-block h-3.5 w-5 shrink-0 overflow-hidden rounded-xs bg-fill-strong ring-1 ring-border-separator",
+      "data-test": "flag",
+      "data-country": m.country
+    }, [
+      r.value ? (n(), s("img", {
+        key: 0,
+        src: r.value,
+        alt: "",
+        class: "size-full object-cover",
+        draggable: "false"
+      }, null, 8, f)) : T("", !0)
+    ], 8, I));
+  }
+});
+export {
+  N as _
+};

package/dist/{DiscardChangesModal.vue_vue_type_script_setup_true_lang-Bx5O1RZJ.js → DiscardChangesModal.vue_vue_type_script_setup_true_lang-DyhYHRyz.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useTemplateRef as l, openBlock as m, createBlock as d, unref as s } from "vue";
 import { useI18n as f } from "vue-i18n";
-import { _ as p } from "./AlertDialog.vue_vue_type_script_setup_true_lang-BZb4qKXo.js";
+import { _ as p } from "./AlertDialog.vue_vue_type_script_setup_true_lang-e4hzkzg3.js";
 const C = /* @__PURE__ */ c({
   __name: "DiscardChangesModal",
   emits: ["confirm", "cancel", "dismissed"],

package/dist/{LeaveGuardRoot.vue_vue_type_script_setup_true_lang-DH6EB8br.js → LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CvwoT1JF.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, onBeforeUnmount as f, useTemplateRef as l, watch as m, openBlock as u, createBlock as p } from "vue";
-import { _ as d } from "./DiscardChangesModal.vue_vue_type_script_setup_true_lang-Bx5O1RZJ.js";
+import { _ as d } from "./DiscardChangesModal.vue_vue_type_script_setup_true_lang-DyhYHRyz.js";
 import { u as v } from "./environment-D3nozt9a.js";
 const $ = /* @__PURE__ */ i({
   __name: "LeaveGuardRoot",