@wssto2/vue-core 0.5.1 → 0.5.3

package/dist/{index-auJqVMWC.js → index-Ok29ucE3.js}

@@ -15,15 +15,15 @@ import { useRouter as Y, useRoute as he } from "vue-router";
 import { _ as J } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
 import { _ as z } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as ye } from "./leaveGuard-Cc8yeLxM.js";
-import { _ as ge } from "./FormView.vue_vue_type_script_setup_true_lang-CPSYV7iQ.js";
-import { _ as ve } from "./TextField.vue_vue_type_script_setup_true_lang-DTAQPbW0.js";
+import { _ as ge } from "./FormView.vue_vue_type_script_setup_true_lang-D31Hk3pJ.js";
+import { _ as ve } from "./TextField.vue_vue_type_script_setup_true_lang-BwfNNQEz.js";
 import { u as _e } from "./mediaQuery-CygcXmFW.js";
 import { u as be } from "./useDialog-CXR3hN0G.js";
 import { c as we } from "./closeOverlays-CjVsIrpL.js";
 import { u as xe } from "./FormErrors.vue_vue_type_script_setup_true_lang-D7edzNTL.js";
 import { u as Ee } from "./format-D8X4zsx6.js";
 import { b as Se } from "./routeResource-CcYA75T2.js";
-import "./ActionRow.vue_vue_type_script_setup_true_lang-BCgKzUvG.js";
+import "./ActionRow.vue_vue_type_script_setup_true_lang-Bv-APkGf.js";
 import { _ as Te } from "./AccessGate.vue_vue_type_script_setup_true_lang-DZ9GcLC1.js";
 const b = {
   login: i("POST", "/v1/auth/login", { public: !0 }),
@@ -286,7 +286,7 @@ const De = ["aria-labelledby"], Fe = ["id"], Ne = { class: "mt-1 text-subheadlin
     ]));
   }
 }), He = G({
-  login: { name: "login", path: "/login", component: () => import("./SignInPage-CbPeKlAo.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-CpVZfrLZ.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
 });
 function Rs(e = {}) {
   return j({
@@ -354,7 +354,7 @@ function Is(e) {
   };
 }
 const ee = G({
-  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-EiTIYzZ5.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-Bf7dFzGd.js"), meta: { titleKey: "core.profile.title" } }
 }), Xe = /* @__PURE__ */ w({
   __name: "ProfileMenuItem",
   setup(e) {
@@ -378,19 +378,19 @@ function ss(e) {
   return { name: `users.record.${e.path}`, path: e.path, component: s, meta: { ...e.meta } };
 }
 const V = "iam.user:view", zs = "iam.user:manage", ts = "iam.user.activity:view", se = G({
-  index: { name: "users.index", path: "/users", component: () => import("./UsersList-CqSK3cQL.js"), meta: { access: V, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-9MicE2pG.js"), meta: { access: V, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-BCTaBajE.js"),
+    component: () => import("./UserRecord-DbSMnTbj.js"),
     meta: { access: V, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-mrVzi-5R.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
-      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-ypRvdmjg.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-CHLokZ9e.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BApzbGq-.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.changes", path: "changes", component: () => import("./Changes-CL8F1w8q.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.activity", path: "activity", component: () => import("./Activity-dpY2kIs2.js"), meta: { access: ts, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
+      { name: "users.record.general", path: "general", component: () => import("./General-C40HxupS.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
+      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-Uy0Jujzz.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-CRUObe5G.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-Cp5Gx2dk.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.changes", path: "changes", component: () => import("./Changes-B0tZO6BZ.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.activity", path: "activity", component: () => import("./Activity-DUjDaPfP.js"), meta: { access: ts, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 /** The version of @wssto2/vue-core (kept equal to package.json by index.test.ts). */
-export declare const version = "0.5.1";
+export declare const version = "0.5.3";

package/dist/index.js

@@ -1,4 +1,4 @@
-const o = "0.5.1";
+const o = "0.5.3";
 export {
   o as version
 };

package/dist/notifications/index.d.ts

@@ -7,6 +7,8 @@ export { eventsRoutes } from "../modules/events/routes";
 export { notificationsFeature } from "./feature";
 export type { NotificationsFeatureOptions } from "./feature";
 export type { NotificationCategoryLook, NotificationSettingsSection } from "./context";
+export { usePushState } from "./push/pushState";
+export type { PushState } from "./push/pushState";
 export { notificationSettingsRoutes } from "./settings/routes";
 export type { NotificationSettingsRoutes } from "./settings/routes";
 export { deadLettersRoutes } from "./deadletters/routes";

package/dist/notifications/index.js

@@ -1,8 +1,9 @@
-import { d as s, e as o, n as a, b as i, c as n } from "../index-BTRv8mcf.js";
+import { d as s, e as a, n as o, b as i, c as n, f as u } from "../index-C-oM_Mnf.js";
 export {
   s as deadLettersRoutes,
-  o as eventsRoutes,
-  a as notificationRoutes,
+  a as eventsRoutes,
+  o as notificationRoutes,
   i as notificationSettingsRoutes,
-  n as notificationsFeature
+  n as notificationsFeature,
+  u as usePushState
 };

package/dist/notifications/push/pushState.d.ts

@@ -0,0 +1,27 @@
+import { type ComputedRef, type Ref } from "vue";
+import type { HttpClient } from "../../client";
+import { type PushBrowser } from "./browser";
+/** This browser's push, for an application's own screens (an onboarding step): the same state the settings page shows. */
+export interface PushState {
+    /** Settled: `available`, `permission` and `subscribed` are read. Until then `subscribed` is false, so wait for it before offering push. */
+    readonly ready: Readonly<Ref<boolean>>;
+    /** The server has push and this browser can use it (not an old browser, not an iPhone Safari tab outside the home-screen app). */
+    readonly available: ComputedRef<boolean>;
+    /** The browser's permission; `unknown` where there is no Notification API. */
+    readonly permission: Readonly<Ref<NotificationPermission | "unknown">>;
+    /** This browser holds a push subscription, backed by the permission, which the server was given at sign-in or by `enable()`. */
+    readonly subscribed: ComputedRef<boolean>;
+    readonly busy: Readonly<Ref<boolean>>;
+    /** Asks for the permission and registers this browser; call it from a tap. Resolves to `subscribed`. */
+    enable(): Promise<boolean>;
+    /** Stops push on this browser only. */
+    disable(): Promise<void>;
+}
+/**
+ * This browser's push state and its two actions, read at once when called (in `setup`). Built on what the notification settings page uses,
+ * so a browser that already has push on is `subscribed` and an onboarding step does not offer it again.
+ *
+ *   const push = usePushState();
+ *   // v-if="push.ready.value && push.available.value && !push.subscribed.value" -> <Button @click="push.enable()">
+ */
+export declare function usePushState(http?: HttpClient, browser?: PushBrowser): PushState;

package/dist/{options-g8RwEhBk.js → options-Bu0XbEpN.js}

@@ -1,4 +1,4 @@
-import { inject as N, ref as O, computed as d, onBeforeUnmount as F, defineComponent as A, useSlots as D, openBlock as r, createBlock as L, resolveDynamicComponent as j, unref as t, normalizeClass as b, withCtx as _, createElementBlock as i, renderSlot as c, createCommentVNode as u, createElementVNode as h, createTextVNode as k, toDisplayString as v, createVNode as V, useAttrs as G, useId as K, mergeProps as C, createSlots as M, mergeDefaults as P } from "vue";
+import { inject as C, ref as z, computed as d, onBeforeUnmount as F, defineComponent as O, useSlots as A, openBlock as r, createBlock as L, resolveDynamicComponent as T, unref as t, normalizeClass as b, withCtx as w, createElementBlock as i, renderSlot as f, createCommentVNode as u, createElementVNode as k, createTextVNode as h, toDisplayString as m, createVNode as D, useAttrs as G, useId as K, mergeProps as j, createSlots as M, mergeDefaults as P } from "vue";
 import { useI18n as U } from "vue-i18n";
 import { _ as B } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { RouterLink as Y } from "vue-router";
@@ -15,14 +15,14 @@ const X = {
   lockedReason: void 0,
   presentation: "control",
   name: void 0
-}, Z = Symbol("vue-core.formGroup"), ee = Symbol("vue-core.formRowIndent"), te = Symbol("vue-core.formEditable"), R = () => N(Z, null), oe = () => N(ee, 0);
+}, Z = Symbol("vue-core.formGroup"), ee = Symbol("vue-core.formRowIndent"), te = Symbol("vue-core.formEditable"), N = () => C(Z, null), oe = () => C(ee, 0);
 function le(n) {
-  const e = R(), l = N(te, O(!0)), o = W(), g = d(() => !!e && !!n.disabled && (o.value || n.presentation === "value")), m = d(() => (n.editable ?? !0) && l.value && !g.value), s = d(() => !!e && !!n.disabled && m.value);
+  const e = N(), l = C(te, z(!0)), o = W(), g = d(() => !!e && !!n.disabled && (o.value || n.presentation === "value")), v = d(() => (n.editable ?? !0) && l.value && !g.value), s = d(() => !!e && !!n.disabled && v.value);
   if (e) {
-    const f = e.registerLocked(d(() => !!n.disabled && l.value && n.presentation !== "value"));
-    F(f);
+    const c = e.registerLocked(d(() => !!n.disabled && l.value && n.presentation !== "value"));
+    F(c);
   }
-  return { editable: m, locked: s };
+  return { editable: v, locked: s };
 }
 const ae = ["label", "labelHidden", "hint", "error", "required", "editable", "disabled", "lockedReason", "presentation", "name"];
 function He(n) {
@@ -35,10 +35,10 @@ const re = {
   key: 0,
   class: "text-content-destructive",
   "aria-hidden": "true"
-}, ie = ["id"], de = {
+}, ie = ["id"], de = ["data-stacked"], ue = {
   key: 0,
   class: "break-words text-body text-content-strong"
-}, ue = ["id"], ce = /* @__PURE__ */ A({
+}, ce = ["id"], fe = /* @__PURE__ */ O({
   __name: "FormRow",
   props: {
     label: { default: void 0 },
@@ -54,79 +54,81 @@ const re = {
     errorId: { default: void 0 },
     indent: { default: 0 },
     labelLines: { default: void 0 },
-    labelAlign: { default: "center" }
+    labelAlign: { default: "center" },
+    stackOnCompact: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const e = n, l = D(), o = oe(), g = d(() => o + e.indent), m = ["pl-row-inset", "pl-[calc(var(--app-row-inset)+1.25rem)]", "pl-[calc(var(--app-row-inset)+2.5rem)]"], s = { 1: "line-clamp-1", 2: "line-clamp-2", 3: "line-clamp-3" }, f = d(() => e.labelHidden && (e.layout === "entry" || e.layout === "value") ? "stacked" : e.layout), S = d(() => {
-      switch (f.value) {
+    const e = n, l = A(), o = oe(), g = d(() => o + e.indent), v = ["pl-row-inset", "pl-[calc(var(--app-row-inset)+1.25rem)]", "pl-[calc(var(--app-row-inset)+2.5rem)]"], s = { 1: "line-clamp-1", 2: "line-clamp-2", 3: "line-clamp-3" }, c = d(() => e.labelHidden && (e.layout === "entry" || e.layout === "value") ? "stacked" : e.layout), S = d(() => {
+      switch (c.value) {
         case "entry":
           return "grid grid-cols-[var(--form-label-width,11rem)_minmax(0,1fr)] items-center gap-x-4 compact:grid-cols-[minmax(0,auto)_minmax(40%,1fr)]";
         case "value":
           return "grid grid-cols-[minmax(min-content,1fr)_minmax(0,auto)] items-center gap-x-4";
         case "setting":
-          return "flex items-center gap-4";
+          return e.stackOnCompact ? "flex items-center gap-4 compact:flex-col compact:items-stretch compact:gap-1" : "flex items-center gap-4";
         default:
           return "flex flex-col gap-1";
       }
-    }), p = d(() => e.labelHidden ? "sr-only" : f.value === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), w = d(() => e.value !== void 0 && e.value !== null && e.value !== "");
-    return (y, x) => (r(), L(j(e.to ? t(Y) : "div"), {
+    }), p = d(() => e.labelHidden ? "sr-only" : c.value === "stacked" ? "text-footnote text-content-muted" : e.layout === "value" ? "text-body text-content-muted" : "text-body text-content-strong"), _ = d(() => e.value !== void 0 && e.value !== null && e.value !== "");
+    return (y, x) => (r(), L(T(e.to ? t(Y) : "div"), {
       to: e.to,
       "data-test": "form-row",
-      "data-layout": f.value,
+      "data-layout": c.value,
       "data-field-error": e.error ? "true" : void 0,
-      class: b(["form-row flex min-w-0 items-stretch gap-3 transition-colors duration-motion-fast first:rounded-t-group last:rounded-b-group focus-within:bg-tint-soft/50 [&:first-child>.row-body]:border-t-0", [m[Math.min(g.value, 2)], e.to ? "hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus" : ""]])
+      class: b(["form-row flex min-w-0 items-stretch gap-3 transition-colors duration-motion-fast first:rounded-t-group last:rounded-b-group focus-within:bg-tint-soft/50 [&:first-child>.row-body]:border-t-0", [v[Math.min(g.value, 2)], e.to ? "hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus" : ""]])
     }, {
-      default: _(() => [
+      default: w(() => [
         l.leading ? (r(), i("div", re, [
-          c(y.$slots, "leading")
+          f(y.$slots, "leading")
         ])) : u("", !0),
-        h("div", se, [
-          h("div", {
+        k("div", se, [
+          k("div", {
             class: b(["min-w-0", S.value])
           }, [
             e.label || e.sub || l.sub ? (r(), i("div", {
               key: 0,
-              class: b([e.labelHidden && !e.sub && !l.sub ? "contents" : f.value === "setting" ? "min-w-min flex-1" : "min-w-0", e.labelAlign === "top" ? "self-start pt-1" : ""])
+              class: b([e.labelHidden && !e.sub && !l.sub ? "contents" : c.value === "setting" ? "min-w-min flex-1" : "min-w-0", e.labelAlign === "top" ? "self-start pt-1" : ""])
             }, [
-              h("div", {
+              k("div", {
                 class: b(l["label-trailing"] ? "flex items-center justify-between gap-3" : "")
               }, [
-                (r(), L(j(e.for ? "label" : "span"), {
+                (r(), L(T(e.for ? "label" : "span"), {
                   for: e.for,
                   class: b(["break-words", [p.value, e.labelHidden ? "" : e.labelLines ? s[e.labelLines] : "block"]])
                 }, {
-                  default: _(() => [
-                    k(v(e.label), 1),
+                  default: w(() => [
+                    h(m(e.label), 1),
                     e.required ? (r(), i("span", ne, " *")) : u("", !0)
                   ]),
                   _: 1
                 }, 8, ["for", "class"])),
-                c(y.$slots, "label-trailing")
+                f(y.$slots, "label-trailing")
               ], 2),
               e.sub || l.sub ? (r(), i("small", {
                 key: 0,
                 id: e.subId,
                 class: "mt-0.5 block text-footnote text-content-muted"
               }, [
-                c(y.$slots, "sub", {}, () => [
-                  k(v(e.sub), 1)
+                f(y.$slots, "sub", {}, () => [
+                  h(m(e.sub), 1)
                 ])
               ], 8, ie)) : u("", !0)
             ], 2)) : u("", !0),
-            h("div", {
-              class: b(["flex min-w-0 items-center gap-2", f.value === "value" ? "justify-end text-right" : f.value === "setting" ? "flex-wrap justify-end text-right" : f.value === "entry" ? "compact:justify-end" : ""])
+            k("div", {
+              class: b(["flex min-w-0 items-center gap-2", c.value === "value" ? "justify-end text-right" : c.value === "setting" ? ["flex-wrap justify-end text-right", e.stackOnCompact ? "compact:flex-col compact:items-start compact:text-left" : ""] : c.value === "entry" ? "compact:justify-end" : ""]),
+              "data-stacked": c.value === "setting" && e.stackOnCompact ? "compact" : void 0
             }, [
-              c(y.$slots, "default", {}, () => [
-                w.value ? (r(), i("span", de, v(e.value), 1)) : u("", !0)
+              f(y.$slots, "default", {}, () => [
+                _.value ? (r(), i("span", ue, m(e.value), 1)) : u("", !0)
               ]),
-              c(y.$slots, "trailing"),
+              f(y.$slots, "trailing"),
               e.to ? (r(), L(t(B), {
                 key: 0,
                 name: "arrowRightSLine",
                 size: 18,
                 class: "shrink-0 text-content-disabled"
               })) : u("", !0)
-            ], 2)
+            ], 10, de)
           ], 2),
           e.error ? (r(), i("p", {
             key: 0,
@@ -134,46 +136,46 @@ const re = {
             class: "mt-1 flex items-start gap-1.5 text-footnote text-content-destructive",
             role: "alert"
           }, [
-            V(t(B), {
+            D(t(B), {
               name: "alertTriangle",
               size: 14,
               class: "mt-px shrink-0"
             }),
-            k(" " + v(e.error), 1)
-          ], 8, ue)) : u("", !0)
+            h(" " + m(e.error), 1)
+          ], 8, ce)) : u("", !0)
         ])
       ]),
       _: 3
     }, 8, ["to", "data-layout", "data-field-error", "class"]));
   }
-}), fe = ["title"], ve = {
+}), me = ["title"], ve = {
   key: 0,
   class: "mr-1.5 inline-flex shrink-0 items-center align-middle",
   "data-test": "field-prefix"
-}, me = {
+}, be = {
   key: 1,
   class: "mr-1"
-}, be = {
+}, pe = {
   key: 2,
   class: "ml-1 text-content-muted"
-}, pe = {
+}, ye = {
   key: 3,
   class: "block text-body text-content-disabled"
-}, ye = {
+}, ge = {
   key: 0,
   class: "sr-only"
-}, ge = ["data-field-error"], xe = ["for"], he = {
+}, xe = ["data-field-error"], ke = ["for"], he = {
   key: 0,
   class: "text-content-destructive",
   "aria-hidden": "true"
-}, ke = {
+}, _e = {
   key: 1,
   class: "flex min-w-0 items-center gap-2"
-}, we = { class: "min-w-0 flex-1" }, _e = {
+}, we = { class: "min-w-0 flex-1" }, $e = {
   key: 0,
   class: "mr-1.5 inline-flex shrink-0 items-center align-middle",
   "data-test": "field-prefix"
-}, $e = ["id"], Le = ["id"], Te = /* @__PURE__ */ A({
+}, Le = ["id"], Se = ["id"], Te = /* @__PURE__ */ O({
   __name: "Field",
   props: /* @__PURE__ */ P({
     label: {},
@@ -194,79 +196,79 @@ const re = {
     rowLabelAlign: {}
   }, { ...X, value: void 0, prefix: void 0, suffix: void 0, valueStyle: void 0, rowLayout: "entry", rowLabelAlign: "center" }),
   setup(n) {
-    const e = n, { t: l } = U(), o = D(), g = G(), m = R(), { editable: s, locked: f } = le(e), S = K(), p = d(() => e.name ?? S), w = d(() => `${p.value}-hint`), y = d(() => `${p.value}-error`);
-    if (m?.registerField) {
-      const a = g["data-field-key"], T = m.registerField(typeof a == "string" ? a : void 0, d(() => e.disabled));
-      F(T);
+    const e = n, { t: l } = U(), o = A(), g = G(), v = N(), { editable: s, locked: c } = le(e), S = K(), p = d(() => e.name ?? S), _ = d(() => `${p.value}-hint`), y = d(() => `${p.value}-error`);
+    if (v?.registerField) {
+      const a = g["data-field-key"], H = v.registerField(typeof a == "string" ? a : void 0, d(() => e.disabled));
+      F(H);
     }
     const x = d(() => {
       const a = e.value;
       return a == null ? !1 : typeof a == "string" ? a.length > 0 : typeof a == "number" ? !Number.isNaN(a) : !0;
-    }), E = d(() => typeof e.value == "boolean" ? e.value ? l("core.form.yes") : l("core.form.no") : e.value), z = d(() => !!m && !s.value && m.hideEmpty.value && !x.value && !o.readonly), q = d(() => [e.hint && s.value ? w.value : null, e.error ? y.value : null].filter(Boolean).join(" ") || void 0), $ = d(() => {
+    }), R = d(() => typeof e.value == "boolean" ? e.value ? l("core.form.yes") : l("core.form.no") : e.value), V = d(() => !!v && !s.value && v.hideEmpty.value && !x.value && !o.readonly), q = d(() => [e.hint && s.value ? _.value : null, e.error ? y.value : null].filter(Boolean).join(" ") || void 0), $ = d(() => {
       const a = s.value ? e.rowLayout : e.rowLayout === "stacked" ? "stacked" : "value";
       return e.labelHidden && (a === "entry" || a === "value") ? "stacked" : a;
-    }), H = d(
-      () => s.value && !f.value && e.required ? { "data-field-required": "true", "data-field-filled": x.value ? "true" : void 0 } : {}
+    }), E = d(
+      () => s.value && !c.value && e.required ? { "data-field-required": "true", "data-field-filled": x.value ? "true" : void 0 } : {}
     );
-    return (a, T) => t(m) && !z.value ? (r(), L(ce, C({ key: 0 }, H.value, {
+    return (a, H) => t(v) && !V.value ? (r(), L(fe, j({ key: 0 }, E.value, {
       label: e.label,
       "label-hidden": e.labelHidden,
       for: t(s) ? p.value : void 0,
       sub: t(s) ? e.hint : void 0,
-      "sub-id": w.value,
-      required: t(s) && !t(f) && e.required,
+      "sub-id": _.value,
+      required: t(s) && !t(c) && e.required,
       layout: $.value,
       "label-align": $.value === "entry" ? e.rowLabelAlign : void 0,
       error: t(s) ? e.error : void 0,
       "error-id": y.value,
-      "data-field-locked": t(f) ? "true" : void 0
+      "data-field-locked": t(c) ? "true" : void 0
     }), M({
-      default: _(() => [
-        h("div", {
+      default: w(() => [
+        k("div", {
           class: "relative w-full min-w-0",
-          title: t(f) ? e.lockedReason : void 0
+          title: t(c) ? e.lockedReason : void 0
         }, [
-          h("div", {
+          k("div", {
             class: b(t(s) ? $.value === "setting" ? "flex min-w-0 flex-col items-end" : $.value === "stacked" ? "flex min-w-0 flex-col items-stretch" : "flex min-w-0 flex-col items-start compact:items-end" : "")
           }, [
-            t(s) ? c(a.$slots, "default", {
+            t(s) ? f(a.$slots, "default", {
               id: p.value,
               describedby: q.value,
               invalid: !!e.error,
               required: e.required,
               disabled: e.disabled
-            }, void 0, void 0, 0) : t(o).readonly ? c(a.$slots, "readonly", {}, void 0, void 0, 1) : x.value ? (r(), i("span", {
+            }, void 0, void 0, 0) : t(o).readonly ? f(a.$slots, "readonly", {}, void 0, void 0, 1) : x.value ? (r(), i("span", {
               key: 2,
               class: b(["block break-words text-body text-content-strong", e.valueStyle === "mono" ? "font-mono" : e.valueStyle === "numeric" ? "tabular-nums" : ""])
             }, [
               t(o).prefix ? (r(), i("span", ve, [
-                c(a.$slots, "prefix")
+                f(a.$slots, "prefix")
               ])) : u("", !0),
-              e.prefix ? (r(), i("span", me, v(e.prefix), 1)) : u("", !0),
-              k(v(E.value), 1),
-              e.suffix ? (r(), i("span", be, v(e.suffix), 1)) : u("", !0)
-            ], 2)) : (r(), i("span", pe, v(t(l)("core.state.no_value")), 1))
+              e.prefix ? (r(), i("span", be, m(e.prefix), 1)) : u("", !0),
+              h(m(R.value), 1),
+              e.suffix ? (r(), i("span", pe, m(e.suffix), 1)) : u("", !0)
+            ], 2)) : (r(), i("span", ye, m(t(l)("core.state.no_value")), 1))
           ], 2)
-        ], 8, fe),
-        t(f) && e.lockedReason ? (r(), i("span", ye, v(e.lockedReason), 1)) : u("", !0)
+        ], 8, me),
+        t(c) && e.lockedReason ? (r(), i("span", ge, m(e.lockedReason), 1)) : u("", !0)
       ]),
       _: 2
     }, [
       t(s) && t(o).trailing ? {
         name: "trailing",
-        fn: _(() => [
-          c(a.$slots, "trailing")
+        fn: w(() => [
+          f(a.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       t(s) && t(o).labelTrailing ? {
         name: "label-trailing",
-        fn: _(() => [
-          c(a.$slots, "labelTrailing")
+        fn: w(() => [
+          f(a.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["label", "label-hidden", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(m) ? u("", !0) : (r(), i("div", C({ key: 1 }, H.value, {
+    ]), 1040, ["label", "label-hidden", "for", "sub", "sub-id", "required", "layout", "label-align", "error", "error-id", "data-field-locked"])) : t(v) ? u("", !0) : (r(), i("div", j({ key: 1 }, E.value, {
       "data-field-error": e.error ? "true" : void 0,
       class: "flex min-w-0 flex-col gap-1"
     }), [
@@ -279,14 +281,14 @@ const re = {
           for: t(s) ? p.value : void 0,
           class: b(e.labelHidden ? "sr-only" : "text-footnote font-medium text-content-muted")
         }, [
-          k(v(e.label), 1),
+          h(m(e.label), 1),
           t(s) && e.required ? (r(), i("span", he, " *")) : u("", !0)
-        ], 10, xe)) : u("", !0),
-        t(s) ? c(a.$slots, "labelTrailing", {}, void 0, void 0, 1) : u("", !0)
+        ], 10, ke)) : u("", !0),
+        t(s) ? f(a.$slots, "labelTrailing", {}, void 0, void 0, 1) : u("", !0)
       ], 2)) : u("", !0),
-      t(s) && t(o).trailing ? (r(), i("div", ke, [
-        h("div", we, [
-          c(a.$slots, "default", {
+      t(s) && t(o).trailing ? (r(), i("div", _e, [
+        k("div", we, [
+          f(a.$slots, "default", {
             id: p.value,
             describedby: q.value,
             invalid: !!e.error,
@@ -294,48 +296,48 @@ const re = {
             disabled: e.disabled
           })
         ]),
-        c(a.$slots, "trailing")
-      ])) : t(s) ? c(a.$slots, "default", {
+        f(a.$slots, "trailing")
+      ])) : t(s) ? f(a.$slots, "default", {
         id: p.value,
         describedby: q.value,
         invalid: !!e.error,
         required: e.required,
         disabled: e.disabled
-      }, void 0, void 0, 2) : t(o).readonly ? c(a.$slots, "readonly", {}, void 0, void 0, 3) : (r(), i("span", {
+      }, void 0, void 0, 2) : t(o).readonly ? f(a.$slots, "readonly", {}, void 0, void 0, 3) : (r(), i("span", {
         key: 4,
         class: b(["text-body", x.value ? "text-content-strong" : "text-content-disabled"])
       }, [
-        x.value && t(o).prefix ? (r(), i("span", _e, [
-          c(a.$slots, "prefix")
+        x.value && t(o).prefix ? (r(), i("span", $e, [
+          f(a.$slots, "prefix")
         ])) : u("", !0),
-        k(v(x.value ? `${e.prefix ?? ""}${E.value}${e.suffix ?? ""}` : t(l)("core.state.no_value")), 1)
+        h(m(x.value ? `${e.prefix ?? ""}${R.value}${e.suffix ?? ""}` : t(l)("core.state.no_value")), 1)
       ], 2)),
       e.hint && t(s) ? (r(), i("p", {
         key: 5,
-        id: w.value,
+        id: _.value,
         class: "text-footnote text-content-muted"
-      }, v(e.hint), 9, $e)) : u("", !0),
+      }, m(e.hint), 9, Le)) : u("", !0),
       e.error ? (r(), i("p", {
         key: 6,
         id: y.value,
         role: "alert",
         class: "flex items-start gap-1.5 text-footnote text-content-destructive"
       }, [
-        V(t(B), {
+        D(t(B), {
           name: "alertTriangle",
           size: 14,
           class: "mt-px shrink-0"
         }),
-        k(" " + v(e.error), 1)
-      ], 8, Le)) : u("", !0)
-    ], 16, ge));
+        h(" " + m(e.error), 1)
+      ], 8, Se)) : u("", !0)
+    ], 16, xe));
   }
-}), Se = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
+}), qe = "rounded-control transition-[background-color,box-shadow,opacity] duration-motion-fast ease-motion-standard";
 function je(n, e) {
-  const l = !!R();
-  return d(() => l ? J({ kind: n, state: e() }) : [Se, ...Q(n, e()).map(([o]) => o)].join(" "));
+  const l = !!N();
+  return d(() => l ? J({ kind: n, state: e() }) : [qe, ...Q(n, e()).map(([o]) => o)].join(" "));
 }
-function Ce(n) {
+function Fe(n) {
   const e = /* @__PURE__ */ new Map();
   for (const l of n) {
     const o = l.group ?? null, g = e.get(o) ?? [];
@@ -343,24 +345,24 @@ function Ce(n) {
   }
   return [...e.entries()].sort(([l], [o]) => l === null ? -1 : o === null ? 1 : 0).map(([l, o]) => ({ title: l, options: o }));
 }
-function Fe(n, e) {
+function Oe(n, e) {
   const l = I(e.trim());
   return l === "" ? n : n.filter((o) => I(o.label).includes(l) || o.description !== void 0 && I(o.description).includes(l));
 }
 const I = (n) => n.normalize("NFD").replace(/[̀-ͯ]/g, "").toLocaleLowerCase();
 export {
   Te as _,
-  R as a,
+  N as a,
   X as b,
   je as c,
   I as d,
   te as e,
   He as f,
-  ce as g,
+  fe as g,
   Z as h,
-  Ce as i,
+  Fe as i,
   ee as j,
   oe as k,
-  Fe as m,
+  Oe as m,
   le as u
 };

package/dist/phone/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as A, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as s, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as ae, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as ie, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
 import { useI18n as pe } from "vue-i18n";
 import { b as Ve } from "../controlSurface-t7OEFESJ.js";
-import { d as se, a as Oe, c as Re, _ as Be, f as Ee, b as ze } from "../options-g8RwEhBk.js";
+import { d as se, a as Oe, c as Re, _ as Be, f as Ee, b as ze } from "../options-Bu0XbEpN.js";
 import { _ as q } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as ue } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as Fe } from "../anchored-DpuUwf-9.js";

package/dist/{status-BUFELJz2.js → status-C78NpXyB.js}

@@ -1,5 +1,5 @@
 import { a, r as o } from "./http-CdQowFlW.js";
-import { i as r } from "./index-auJqVMWC.js";
+import { i as r } from "./index-Ok29ucE3.js";
 const n = ["active", "locked", "inactive", "all"];
 function l(i) {
   return a({