@wssto2/vue-core 0.4.28 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,72 @@
 # Changelog
 
+## 0.5.0 — 2026-10-13
+
+The screens for go-core v1.8.0. Web push comes into the library (owner 2026-10-12: push belongs in go-core and vue-core). My profile and the notification settings move to the current grouped-rows look. Apps get their own sections on both pages and their own role settings.
+
+### Requires
+- **go-core `v1.8.0`**: the push and device routes, the push settings channel, `authz.invalid` problems as objects, and compare of any two roles. `src/modules` is regenerated. **`vue` 3.5.19 or later**, unchanged.
+
+### New
+- **Web push.** It is on by default; `notificationsFeature({ push: false })` turns it off.
+  - **This device:** turn push on or off on this browser. One state shows at a time: unsupported, iPhone or iPad in a Safari tab (the home-screen steps), blocked, off, or on. The permission is asked only from the button.
+  - **Your devices:** a list with "This device", "Disabled", last use and last push. Rename, Send test and Remove are in the row's ⋯ menu; Remove asks first.
+  - **Per category:** each category is a group with an E-mail row and a Push row. A setting the organisation enforces is locked and says so.
+  - **Session sync:** once per session, an existing subscription is registered again. That refreshes the device's last use, re-enables a disabled device, and moves a shared computer's endpoint to whoever is signed in. A subscription made with an old key is replaced. Signing out removes the subscription at the account and in the browser.
+- **`@wssto2/vue-core/push-worker`.** The app's own service worker calls `installPushHandlers({ icon?, badge?, fallbackTitle? })` once.
+  - It shows each push from go-core's payload (`notification_id, category, title, body, link, tag, unread_count`) and sets the app badge.
+  - A tap focuses a window of the app and navigates it to the link. A link to another origin opens "/".
+  - Also exported: `readPayload`, `sameOriginLink`, and the types `PushPayload`, `PushHandlersOptions`, `PushWorkerScope`.
+- **`usersFeature({ profileSections })`.** App-owned sections on My profile: `{ id, component, after?|before?, visible?(profile) }`. The component renders its own `FormGroup`s, gets `profile`, and may emit `updated`. `ActionRow` is exported from `/identity`, and the types are `ProfileSection` and `ProfilePanel`.
+- **`notificationsFeature({ settingsSections })`.** App-owned sections on the notification settings page: `{ id, titleKey, descriptionKey?, component, order?, visible?(preferences) }`. The page draws the title, and the component renders `FormGroup`s and gets `preferences`. Built-in positions: channels 0, quiet hours 10, this device 20, devices 30.
+- **`accessFeature({ roleConstraints })`.** An app's choice stored in a role's `attrs`: `[{ attribute, labelKey, options: [{ value, labelKey }], anyLabelKey? }]`.
+  - The attribute is one lowercase word, as go-core requires.
+  - It is a select row in the role editor and a read row on a predefined role. "All" leaves the key out.
+  - Types: `RoleConstraint`, `RoleConstraintOption`.
+- **`accessFeature({ problems })`.** The app's texts for its own `authz.invalid` problem codes. A refused role names every problem, one sentence each, with `{permission}` as the permission's label and `{detail}`.
+  - The library has texts for its own 12 codes, plus a fallback sentence.
+  - Exported: `useDescribeRefusal`, `roleProblems`, type `RoleProblem`.
+- **"Return to my account" in the account menu** while signed in as someone else, next to the banner. Both use `useReturnToOwnAccount()`.
+
+### Changes to existing behaviour
+- **My profile is grouped rows** in one readable column, with no page Save.
+  - **Details:** read rows. Edit opens a sheet with one Save; the username is read-only and keeps its note.
+  - **E-mail:** the current address, then "Change e-mail address". A pending change shows the new address and how long the code is valid, with "Enter code" and "Cancel the change".
+  - **Password:** a row that opens a dialog. Every other device is signed out.
+  - **Sessions:** grouped rows. "Sign out" is the trailing action from `md` up and sits under the facts on a phone, with no separator ever starting or ending a line.
+  - **Sign-in history:** grouped rows labelled by device ("Chrome · Linux"), with the raw User-Agent as a tooltip. The users record page's sign-in table uses the same label.
+- **Notification settings are grouped sections** in one readable column, with no cards.
+  - Quiet hours save as they change: the switch at once, a time when it is committed and valid. A failure restores the last saved values and says so under the group.
+- **Compare any two roles.** Compare offers every role the actor may view, and every role page has it, predefined and computed ones included. Replace is still for predefined roles only.
+- **A person outside the admin's reach** (404) shows the not-found state, not an error.
+- **Refusals:**
+  - A refused login-as names the reason, or "You cannot sign in as {name}." when the server gives none.
+  - A language the server refuses (`identity.locale.unsupported`) says so, and the app goes back to the language the server kept.
+  - Resend with no code pending shows its sentence.
+- **`FormGroup`'s header action** (Edit) sits on the title's baseline.
+- **Pinned and unchanged:**
+  - the code entry sends once on the sixth digit, typed or pasted;
+  - the code's expiry time uses the app's time format.
+
+### Removed
+- `DetailsPanel`, `EmailPanel`, `PasswordPanel`, `SessionsPanel`, `SignInsPanel` and `PanelActions` (My profile).
+- `EmailPanel` of the notification settings, now `ChannelsSection`. The panels are now `QuietHoursSection`, `ThisDeviceSection` and `DevicesSection`.
+- Message keys `core.profile.details.submit`, `quiet.saved`, `quiet.submit`, `push.on_description`, `push.off_description` and `email.note`.
+
+### For ARV (H4, H6, H8)
+- **`usersFeature`:** `profileSections` for mobile phone, dealer and location, roles and preferences. ARV's profile panels and `VerifyCodePanel` go.
+- **`accessFeature`:**
+  - `roleConstraints` with `vehiclekind` (all, new only, used only);
+  - `problems` with `vehicle_kind_conflict`. ARV's `errors.authz.invalid` override stays as the fallback.
+- **`notificationsFeature`:** `settingsSections` with the dealer policies.
+  - These go: `ThisDevicePanel`, `PushPrompt`, `DevicesPanel`, `ChannelPreferencesPanel`, `QuietHoursPanel`, `usePushSubscription`, `utils/push.ts`, `pushApi` and `onBeforeLogout("notification.push")`.
+- **`static/app/sw.js`:**
+  - It keeps its caching and calls `installPushHandlers({ icon: "/static/app/icon-192.png", fallbackTitle: "ARV" })`.
+  - Its own Web Push block and `pushsubscriptionchange` handler go, as does the SPA's `notification-open` listener.
+
+### Not yet
+- Tapping a notification reloads the app (`client.navigate`). Routing it inside the app, and marking it read, are a follow-up.
+
 ## 0.4.28 — 2026-10-12
 
 From the owner's review of ARV W2's screenshots of 0.4.27: the changed-by cell and the row menu are quieter. Two items, one commit each; no new API.

package/dist/{AccessGate.vue_vue_type_script_setup_true_lang-J5HoyGNJ.js → AccessGate.vue_vue_type_script_setup_true_lang-Nw1IsB8N.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, computed as i, renderSlot as n } from "vue";
-import { u as l } from "./platform-PZpUkkMS.js";
+import { u as l } from "./platform-Dl1fbScN.js";
 const m = /* @__PURE__ */ t({
   __name: "AccessGate",
   props: {

package/dist/{ActionRow.vue_vue_type_script_setup_true_lang-QPvYudWc.js → ActionRow.vue_vue_type_script_setup_true_lang-BCgKzUvG.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r, openBlock as s, createBlock as d, unref as n, withCtx as f, createElementVNode as t, normalizeClass as m, toDisplayString as l, createElementBlock as u, createCommentVNode as p, createVNode as b } from "vue";
-import { e as _ } from "./control-B4SdblL6.js";
+import { g as _ } from "./options-g8RwEhBk.js";
 import { _ as x } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 const k = ["disabled"], y = { class: "flex min-w-0 flex-1 flex-col" }, h = {
   key: 0,

package/dist/{Activity-BWkVX1Nx.js → Activity-CoGI2_GL.js}

@@ -3,15 +3,15 @@ import { useI18n as q } from "vue-i18n";
 import { _ as D } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as I } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
 import { u as O } from "./format-D8X4zsx6.js";
-import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { e as z } from "./control-B4SdblL6.js";
-import { P as G, c as H, i as J } from "./index-BhtJR4c_.js";
-import { u as K } from "./platform-PZpUkkMS.js";
-import { b as M } from "./routeResource-DlTsGTg_.js";
+import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-DRuWzSaX.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { g as z } from "./options-g8RwEhBk.js";
+import { P as G, c as H, i as J } from "./index-kqk7Mclb.js";
+import { u as K } from "./platform-Dl1fbScN.js";
+import { b as M } from "./routeResource-CcYA75T2.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
 import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as X } from "./useLoad-M7V-AVwR.js";
+import { u as X } from "./useLoad-W4tfxmm5.js";
 import { _ as Y } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
 import { _ as Z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 const ee = {

package/dist/{Changes-MG77TDwz.js → Changes-Cwfe6wbX.js}

@@ -1,15 +1,15 @@
 import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
 import { useI18n as E } from "vue-i18n";
-import { P as V, i as R } from "./index-BhtJR4c_.js";
-import { u as S } from "./platform-PZpUkkMS.js";
-import { b as B } from "./routeResource-DlTsGTg_.js";
+import { P as V, i as R } from "./index-kqk7Mclb.js";
+import { u as S } from "./platform-Dl1fbScN.js";
+import { b as B } from "./routeResource-CcYA75T2.js";
 import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
-import { u as L } from "./useLoad-M7V-AVwR.js";
+import { u as L } from "./useLoad-W4tfxmm5.js";
 import { _ as P } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as O } from "./format-D8X4zsx6.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { e as U } from "./control-B4SdblL6.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { g as U } from "./options-g8RwEhBk.js";
 import { _ as q } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
 import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 import { _ as A } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-Bnpv9TEj.js → CollectionPage.vue_vue_type_script_setup_true_lang-CtvHtFLy.js}

@@ -1,7 +1,7 @@
 import { hasInjectionContext as lt, inject as ot, shallowRef as xe, computed as k, watch as Ve, toValue as Se, ref as ie, getCurrentScope as nt, onScopeDispose as st, defineComponent as be, openBlock as u, createElementBlock as y, createVNode as O, unref as t, createElementVNode as i, toDisplayString as g, Fragment as ee, renderList as le, createCommentVNode as F, createBlock as W, mergeProps as ve, withCtx as q, createTextVNode as G, normalizeClass as ue, useTemplateRef as fe, withModifiers as Ke, withDirectives as Le, vModelText as Fe, nextTick as at, onBeforeUnmount as rt, onMounted as it, renderSlot as ge, useSlots as We, createSlots as Qe, normalizeProps as Xe, guardReactiveProps as Je } from "vue";
 import { routerKey as ct } from "vue-router";
-import { i as qe, a as ut } from "./error-CD7x0Jrz.js";
-import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-BFfkA7gN.js";
+import { a as qe, i as ut } from "./error-Bb_dr_Ay.js";
+import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-D_pBg22D.js";
 import { a as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { useI18n as he } from "vue-i18n";
 import { _ as ce, u as Ne } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
@@ -14,8 +14,8 @@ import { u as bt, _ as gt } from "./rowLayout-BBFyLbOl.js";
 import { _ as Ye } from "./Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js";
 import { _ as Ze } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
 import { _ as we } from "./ToneDot.vue_vue_type_script_setup_true_lang-99rNn-L5.js";
-import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-DaE5BLm4.js";
-import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
+import { _ as ht } from "./NumberField.vue_vue_type_script_setup_true_lang-ButMV_sf.js";
+import { _ as yt } from "./SelectField.vue_vue_type_script_setup_true_lang-BzQC1qDQ.js";
 import { a as _t } from "./mediaQuery-CygcXmFW.js";
 import { _ as xt } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
 import { t as ke } from "./toast-CqSDTWRX.js";

package/dist/{DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js → DateField.vue_vue_type_script_setup_true_lang-DRuWzSaX.js}

@@ -5,7 +5,7 @@ import { u as W } from "./format-D8X4zsx6.js";
 import { _ as de } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as ue } from "./mediaQuery-CygcXmFW.js";
 import { _ as ce } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
-import { c as me, _ as fe, f as pe, b as be } from "./control-B4SdblL6.js";
+import { c as me, _ as fe, f as pe, b as be } from "./options-g8RwEhBk.js";
 import { e as q, f as j, m as X, g as Z, h as ve, j as ye, u as ke, k as ge, _ as he, l as xe, c as we } from "./useTypedEntry-C7k7Dyl-.js";
 const _e = ["d", "m", "y"];
 function $e(o) {

package/dist/{DeadLetters-CkDE71B3.js → DeadLetters-DyA5Dqn0.js}

@@ -1,15 +1,15 @@
 import { defineComponent as B, useTemplateRef as C, computed as y, ref as v, openBlock as D, createBlock as z, unref as r, withCtx as m, createVNode as F, createElementVNode as b, normalizeClass as $, toDisplayString as h } from "vue";
 import { useI18n as q } from "vue-i18n";
-import { a as k } from "./error-CD7x0Jrz.js";
-import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-Bnpv9TEj.js";
-import { u as P } from "./describeError-B-NMa--w.js";
+import { i as k } from "./error-Bb_dr_Ay.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-CtvHtFLy.js";
+import { u as P } from "./describeError-BqGAUZgX.js";
 import { u as I } from "./format-D8X4zsx6.js";
-import { e as a, R as O } from "./index-sTBBHqNG.js";
+import { e as a, R as O } from "./index-g-qbUeTk.js";
 import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as i } from "./toast-CqSDTWRX.js";
-import { u as Y } from "./useLoad-M7V-AVwR.js";
-import { u as j } from "./platform-PZpUkkMS.js";
-import { a as G, r as H } from "./http-BFfkA7gN.js";
+import { u as Y } from "./useLoad-W4tfxmm5.js";
+import { u as j } from "./platform-Dl1fbScN.js";
+import { a as G, r as H } from "./http-D_pBg22D.js";
 function J(u) {
   return G({
     id: "events.deadletters",

package/dist/{FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js → FormErrors.vue_vue_type_script_setup_true_lang-D7edzNTL.js}

@@ -3,8 +3,8 @@ var ee = (n, e, r) => e in n ? K(n, e, { enumerable: !0, configurable: !0, writa
 var M = (n, e, r) => ee(n, typeof e != "symbol" ? e + "" : e, r);
 import { shallowRef as S, computed as A, toRaw as te, reactive as re, ref as G, watch as se, nextTick as ne, toValue as ae, defineComponent as le, unref as w, openBlock as y, createBlock as ie, withCtx as ue, createElementBlock as k, toDisplayString as _, createCommentVNode as E, Fragment as U, createElementVNode as H, normalizeClass as oe, renderList as ce, createTextVNode as q } from "vue";
 import { useI18n as J } from "vue-i18n";
-import { i as fe, a as F } from "./error-CD7x0Jrz.js";
-import { d as de, u as me, a as ve } from "./describeError-B-NMa--w.js";
+import { a as fe, i as F } from "./error-Bb_dr_Ay.js";
+import { d as de, u as me, a as ve } from "./describeError-BqGAUZgX.js";
 import { _ as he } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
 class ge {
   constructor() {

package/dist/{FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js → FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js}

@@ -1,6 +1,6 @@
 import { defineComponent as B, openBlock as d, createBlock as L, withCtx as N, createTextVNode as v, toDisplayString as m, unref as h, createCommentVNode as i, inject as C, provide as y, ref as R, useSlots as O, computed as n, shallowReactive as E, useTemplateRef as V, useId as A, createElementBlock as p, normalizeStyle as M, normalizeClass as G, createElementVNode as S, renderSlot as f } from "vue";
 import { s as T, u as W } from "./sectionIndex-BS0ic5W7.js";
-import { d as $, g as j } from "./control-B4SdblL6.js";
+import { e as $, h as j } from "./options-g8RwEhBk.js";
 import { useI18n as D } from "vue-i18n";
 import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 const H = /* @__PURE__ */ B({
@@ -52,7 +52,7 @@ function le(s) {
 }
 const Q = ["id", "data-group"], U = {
   key: 0,
-  class: "flex min-w-0 items-end gap-2 px-row-inset pb-2"
+  class: "flex min-w-0 items-baseline gap-2 px-row-inset pb-2"
 }, X = { class: "min-w-0 flex-1 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted" }, Y = { class: "form-group-cell rounded-group bg-surface-cell shadow-group" }, Z = {
   key: 1,
   class: "px-row-inset pt-2 text-footnote text-content-muted text-pretty"

package/dist/{FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js → FormView.vue_vue_type_script_setup_true_lang-CPSYV7iQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, provide as f, computed as s, useTemplateRef as u, openBlock as t, createElementBlock as p, withModifiers as c, createBlock as d, createCommentVNode as b, renderSlot as _ } from "vue";
-import { d as v } from "./control-B4SdblL6.js";
-import { _ as k } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
+import { e as v } from "./options-g8RwEhBk.js";
+import { _ as k } from "./FormErrors.vue_vue_type_script_setup_true_lang-D7edzNTL.js";
 const x = /* @__PURE__ */ n({
   __name: "FormView",
   props: {

package/dist/{General-UTBVEXbN.js → General-DTEfxWls.js}

@@ -2,18 +2,18 @@ import { defineComponent as R, computed as N, openBlock as i, createElementBlock
 import { useI18n as V } from "vue-i18n";
 import { RouterLink as B } from "vue-router";
 import { u as E } from "./format-D8X4zsx6.js";
-import { u as T } from "./useResourceForm-tGYTfKhH.js";
-import { _ as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
-import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
-import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
+import { u as T } from "./useResourceForm-CJfl8rj_.js";
+import { _ as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-CPSYV7iQ.js";
+import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-BzQC1qDQ.js";
+import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-DTAQPbW0.js";
 import { u as A } from "./useSaveChrome-7huA3FzR.js";
-import { P as D, b as G, i as I } from "./index-BhtJR4c_.js";
+import { P as D, b as G, i as I } from "./index-kqk7Mclb.js";
 import { t as M } from "./toast-CqSDTWRX.js";
-import { u as O } from "./platform-PZpUkkMS.js";
-import { b as U } from "./routeResource-DlTsGTg_.js";
-import { u as j } from "./fieldMessages-6HVzSDqG.js";
-import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-QPvYudWc.js";
+import { u as O } from "./platform-Dl1fbScN.js";
+import { b as U } from "./routeResource-CcYA75T2.js";
+import { u as j } from "./fieldMessages-DTXpWnBd.js";
+import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-BCgKzUvG.js";
 import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 import { u as H } from "./languages-BShG9LpE.js";
 const J = {

package/dist/MenuButton.vue_vue_type_script_setup_true_lang-AGbN9r5q.js

@@ -0,0 +1,28 @@
+import { defineComponent as n, openBlock as s, createElementBlock as r, mergeProps as i, createVNode as l, unref as a } from "vue";
+import { _ as c } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+const u = ["aria-label", "data-pressed"], b = /* @__PURE__ */ n({
+  __name: "MenuButton",
+  props: {
+    label: {},
+    icon: { default: "moreLine" },
+    presented: { type: Boolean },
+    toggle: {},
+    attrs: {}
+  },
+  setup(o) {
+    const e = o;
+    return (f, t) => (s(), r("button", i({ type: "button" }, e.attrs, {
+      "aria-label": e.label,
+      class: "hit-target flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full text-content-muted transition-colors duration-motion-fast hover:bg-fill hover:text-content-strong focus-visible:bg-fill focus-visible:text-content-strong data-pressed:bg-fill-strong data-pressed:text-content-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
+      "data-pressed": e.presented || void 0,
+      onClick: t[0] || (t[0] = (d) => e.toggle())
+    }), [
+      l(a(c), {
+        name: e.icon
+      }, null, 8, ["name"])
+    ], 16, u));
+  }
+});
+export {
+  b as _
+};

package/dist/{NewRolePage-B7DwFWPk.js → NewRolePage-CRZoUajV.js}

@@ -3,9 +3,9 @@ import { useI18n as v } from "vue-i18n";
 import { useRoute as k, useRouter as R } from "vue-router";
 import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
-import { u as g } from "./useLoad-M7V-AVwR.js";
-import { a as x, c as u } from "./index-C3E6DcO0.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-DRHmjA9w.js";
+import { u as g } from "./useLoad-W4tfxmm5.js";
+import { a as x, c as u } from "./index-WkbzC_ee.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-gXbxXG2R.js";
 const V = /* @__PURE__ */ _({
   __name: "NewRolePage",
   setup(h) {

package/dist/{NumberField.vue_vue_type_script_setup_true_lang-DaE5BLm4.js → NumberField.vue_vue_type_script_setup_true_lang-ButMV_sf.js}

@@ -1,7 +1,7 @@
 import { defineComponent as H, ref as _, computed as B, useTemplateRef as K, watch as R, openBlock as q, createBlock as J, mergeProps as L, unref as T, createSlots as Q, withCtx as $, createElementVNode as Z, normalizeClass as E, createElementBlock as G, toDisplayString as I, createCommentVNode as P, isRef as W, renderSlot as N, mergeDefaults as U } from "vue";
 import { b as X } from "./controlSurface-t7OEFESJ.js";
 import { u as Y } from "./format-D8X4zsx6.js";
-import { a as ee, c as te, _ as le, f as ae, b as oe } from "./control-B4SdblL6.js";
+import { a as ee, c as te, _ as le, f as ae, b as oe } from "./options-g8RwEhBk.js";
 function ne(c) {
   const r = c.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), u = /^\d(\D)\d/.exec(r)?.[1] ?? "";
   return { decimal: r.charAt(r.length - 2) || ".", group: u === "." || u === "," ? u : "" };