@wssto2/vue-core 0.4.26 → 0.4.28

package/dist/overlay/index.js

@@ -1,15 +1,38 @@
-import { _ as x } from "../AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
-import { _ as w } from "../Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js";
-import { _ as I } from "../Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
-import { _ as v } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
-import { _ as P } from "../Tooltip.vue_vue_type_script_setup_true_lang-mErNPt8e.js";
-import { t as y } from "../toast-CqSDTWRX.js";
-import { I as k, u as E } from "../dialogStack-DZZg55w0.js";
-import { I as S, u as B } from "../useDialog-CXR3hN0G.js";
-import { C as O, u as V } from "../mediaQuery-CygcXmFW.js";
-import { _ as N } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-CY5EZiyK.js";
-import { defineComponent as s, openBlock as r, createElementBlock as n, normalizeClass as l, toDisplayString as c } from "vue";
-const p = ["aria-disabled"], m = /* @__PURE__ */ s({
+import { _ as P } from "../AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { _ as y } from "../Menu.vue_vue_type_script_setup_true_lang-DsFOeCVe.js";
+import { defineComponent as i, openBlock as n, createElementBlock as a, mergeProps as l, createVNode as c, unref as u, normalizeClass as f, toDisplayString as p } from "vue";
+import { _ as d } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as k } from "../Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
+import { _ as D } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
+import { _ as E } from "../Tooltip.vue_vue_type_script_setup_true_lang-mErNPt8e.js";
+import { t as S } from "../toast-CqSDTWRX.js";
+import { I as $, u as N } from "../dialogStack-DZZg55w0.js";
+import { I as j, u as z } from "../useDialog-CXR3hN0G.js";
+import { C as L, u as U } from "../mediaQuery-CygcXmFW.js";
+import { _ as Q } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-CY5EZiyK.js";
+const m = ["aria-label", "data-pressed"], v = /* @__PURE__ */ i({
+  __name: "MenuButton",
+  props: {
+    label: {},
+    icon: { default: "moreLine" },
+    presented: { type: Boolean },
+    toggle: {},
+    attrs: {}
+  },
+  setup(s) {
+    const e = s;
+    return (t, o) => (n(), a("button", l({ 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: o[0] || (o[0] = (r) => e.toggle())
+    }), [
+      c(u(d), {
+        name: e.icon
+      }, null, 8, ["name"])
+    ], 16, m));
+  }
+}), b = ["aria-disabled"], C = /* @__PURE__ */ i({
   __name: "PhotoViewerAction",
   props: {
     label: {},
@@ -17,33 +40,34 @@ const p = ["aria-disabled"], m = /* @__PURE__ */ s({
     disabled: { type: Boolean }
   },
   emits: ["select"],
-  setup(o, { emit: t }) {
-    const e = o, i = t;
-    function a() {
-      e.disabled || i("select");
+  setup(s, { emit: e }) {
+    const t = s, o = e;
+    function r() {
+      t.disabled || o("select");
     }
-    return (f, u) => (r(), n("button", {
+    return (_, x) => (n(), a("button", {
       type: "button",
-      "aria-disabled": e.disabled || void 0,
+      "aria-disabled": t.disabled || void 0,
       "data-part": "photo-viewer-action",
-      class: l(["flex min-h-11 shrink-0 cursor-pointer items-center justify-center rounded-full bg-white/8 px-4 text-subheadline font-medium whitespace-nowrap transition-colors duration-motion-fast hover:bg-white/16 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#6ee7b7] aria-disabled:cursor-default aria-disabled:opacity-40 aria-disabled:hover:bg-white/8", e.tone === "critical" ? "text-[#ff8a80]" : "text-[#f1f5f3]"]),
-      onClick: a
-    }, c(e.label), 11, p));
+      class: f(["flex min-h-11 shrink-0 cursor-pointer items-center justify-center rounded-full bg-white/8 px-4 text-subheadline font-medium whitespace-nowrap transition-colors duration-motion-fast hover:bg-white/16 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#6ee7b7] aria-disabled:cursor-default aria-disabled:opacity-40 aria-disabled:hover:bg-white/8", t.tone === "critical" ? "text-[#ff8a80]" : "text-[#f1f5f3]"]),
+      onClick: r
+    }, p(t.label), 11, b));
   }
 });
 export {
-  x as AlertDialog,
-  O as COMPACT_MEDIA_QUERY,
-  k as INERT_SKIP_ATTR,
-  S as INITIAL_FOCUS_SKIP_ATTR,
-  w as Menu,
-  N as PhotoViewer,
-  m as PhotoViewerAction,
-  I as Popover,
-  v as Toaster,
-  P as Tooltip,
-  y as toast,
-  V as useCompactPresentation,
-  B as useDialog,
-  E as useOpenDialogCount
+  P as AlertDialog,
+  L as COMPACT_MEDIA_QUERY,
+  $ as INERT_SKIP_ATTR,
+  j as INITIAL_FOCUS_SKIP_ATTR,
+  y as Menu,
+  v as MenuButton,
+  Q as PhotoViewer,
+  C as PhotoViewerAction,
+  k as Popover,
+  D as Toaster,
+  E as Tooltip,
+  S as toast,
+  U as useCompactPresentation,
+  z as useDialog,
+  N as useOpenDialogCount
 };

package/dist/page/index.js

@@ -1,15 +1,15 @@
-import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
-import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
+import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
+import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { _ as se } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
 import { b as ne, i as re, u as ie } from "../bottomDock-BZEiOPYZ.js";
 import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as h, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as P, computed as $, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
 import { _ as L } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-szzWzdDu.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-fmx0f8xi.js";
 import { c as pe, i as fe, p as me, a as be, u as ge, b as ve } from "../chrome-nUcmVu8G.js";
 import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
 import { p as _e, a as xe } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-BYRc0-qh.js";
-import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-BJnz2ROc.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-Dmv6TpCi.js";
+import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-wyW7n3Uq.js";
 import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
 const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {
   key: 2,

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-BFaaFQSm.js";
+import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-BFBGvevP.js";
 export {
   R as RecordPager,
   c as ResourcePage,

package/dist/{rowLayout-D1vrdy0s.js → rowLayout-BBFyLbOl.js}

@@ -8,7 +8,7 @@ import { _ as ze } from "./Tooltip.vue_vue_type_script_setup_true_lang-mErNPt8e.
 import { _ as he } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
 import { u as Fe } from "./format-D8X4zsx6.js";
 import { _ as Ve } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as Oe } from "./Timestamp.vue_vue_type_script_setup_true_lang-CU2Y5oYl.js";
+import { _ as Oe } from "./Timestamp.vue_vue_type_script_setup_true_lang-CutyQkJb.js";
 import { a as je } from "./mediaQuery-CygcXmFW.js";
 function Ue(y, n) {
   const d = (n ?? "").split(/\s+/).filter((v) => v !== "");

package/dist/shell/index.js

@@ -1,6 +1,6 @@
 import { defineComponent as z, provide as Q, computed as C, ref as N, useId as re, openBlock as d, createElementBlock as b, normalizeClass as $, unref as t, createVNode as h, createCommentVNode as S, createElementVNode as f, toDisplayString as D, createBlock as R, withDirectives as Be, Fragment as F, renderList as ne, vShow as je, withCtx as A, mergeProps as G, useTemplateRef as ae, renderSlot as I, createSlots as K, normalizeProps as W, guardReactiveProps as Y, inject as ge, onMounted as Ve, onBeforeUnmount as ye, normalizeStyle as oe, nextTick as ie, watch as q, onScopeDispose as ce, Teleport as Fe, shallowRef as Ke, h as ee } from "vue";
 import { useI18n as B } from "vue-i18n";
-import { _ as we } from "../Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
+import { _ as we } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { _ as P, u as Xe, c as Ue } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as We } from "../Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
 import { u as xe, S as X } from "../contributions-BVBZP5Jb.js";
@@ -775,6 +775,7 @@ const Zt = ["id", "aria-label"], en = ["data-drawer", "inert"], tn = /* @__PURE_
             key: 1,
             type: "button",
             "data-shell-bar-back": "",
+            "data-page-back": "",
             class: "hit-target inline-flex min-w-0 cursor-pointer items-center rounded-control pr-2 text-body text-content-link active:opacity-60",
             onClick: E
           }, [
@@ -858,6 +859,7 @@ const Zt = ["id", "aria-label"], en = ["data-drawer", "inert"], tn = /* @__PURE_
                 f("button", G({ type: "button" }, T, {
                   "aria-label": t(a)("core.page.more_actions"),
                   "data-shell-bar-more": "",
+                  "data-page-overflow": "",
                   class: "hit-target flex size-9 cursor-pointer items-center justify-center rounded-full text-content-link",
                   onClick: u
                 }), [

package/dist/state/async.d.ts

@@ -29,3 +29,19 @@ export type AsyncState<Value> = {
 export declare function valueOf<Value>(state: AsyncState<Value>): Value | undefined;
 /** Nothing to list: null or undefined, an empty array, an empty string. */
 export declare function isEmptyValue(value: unknown): boolean;
+/**
+ * The `AsyncState` of a region that tracks its load with plain flags (a store's `loading` and
+ * `error`, a `ref` that is `undefined` until the answer comes), for `AsyncSection`'s one `state`.
+ *
+ *   <AsyncSection :state="asyncState({ loading, error, value: documents })" @retry="reload">
+ *
+ * `value` is `undefined` while there is nothing yet; `null` is an answer (nothing there), which
+ * `AsyncSection` shows as empty. A loading flag over a value is `refreshing`, an error over a value
+ * is `stale`; loading wins over an error, since a retry is running. An empty `error` is no error.
+ * Not yet loaded, not loading, no error: `loading`, never a blank region.
+ */
+export declare function asyncState<Value>(flags: {
+    loading?: boolean;
+    error?: string | null;
+    value?: Value;
+}): AsyncState<Value>;

package/dist/state/index.d.ts

@@ -1,5 +1,5 @@
 export { default as AsyncSection } from "./AsyncSection.vue";
-export { isEmptyValue, valueOf, type AsyncState } from "./async";
+export { asyncState, isEmptyValue, valueOf, type AsyncState } from "./async";
 export { default as Badge } from "./Badge.vue";
 export { HUES, type Hue } from "./hue";
 export { default as Banner } from "./Banner.vue";

package/dist/state/index.js

@@ -1,31 +1,31 @@
-import { _ as D, a as I, i as W, v as F } from "../AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
-import { _ as M } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { _ as P } from "../Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { _ as D, a as I, b as W, i as F, v as O } from "../AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+import { _ as H } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as R } from "../Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
 import { _ } from "../ProgressTrack.vue_vue_type_script_setup_true_lang-B6Prw9hi.js";
-import { a as U } from "../ProgressTrack.vue_vue_type_script_setup_true_lang-B6Prw9hi.js";
-import { _ as q } from "../EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
-import { defineComponent as m, computed as k, openBlock as e, createElementBlock as n, normalizeClass as p, createVNode as d, unref as i, createElementVNode as u, renderSlot as f, createBlock as S, toDisplayString as l, createCommentVNode as c } from "vue";
+import { a as j } from "../ProgressTrack.vue_vue_type_script_setup_true_lang-B6Prw9hi.js";
+import { _ as G } from "../EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
+import { defineComponent as m, computed as k, openBlock as e, createElementBlock as a, normalizeClass as p, createVNode as d, unref as i, createElementVNode as u, renderSlot as f, createBlock as S, toDisplayString as l, createCommentVNode as c } from "vue";
 import { _ as x } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { useI18n as g } from "vue-i18n";
-import { u as J } from "../useLoad-M7V-AVwR.js";
-import { D as Q, W as X, u as Y } from "../useWaitStatus-fsacMl4W.js";
-const b = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia", "pink"], V = /* @__PURE__ */ m({
+import { u as K } from "../useLoad-M7V-AVwR.js";
+import { D as X, W as Y, u as Z } from "../useWaitStatus-fsacMl4W.js";
+const $ = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia", "pink"], V = /* @__PURE__ */ m({
   __name: "FieldNote",
   props: {
     tone: { default: "info" },
     icon: { default: void 0 }
   },
-  setup(o) {
-    const t = o, s = {
+  setup(s) {
+    const t = s, o = {
       info: { text: "text-content-muted", icon: "informationLine" },
       warning: { text: "text-status-warning-content", icon: "alertTriangle" },
       critical: { text: "text-status-danger-content", icon: "errorWarningLine" }
-    }, a = k(() => s[t.tone]);
-    return (r, B) => (e(), n("p", {
-      class: p(["mt-1 flex items-start gap-1.5 text-xs", a.value.text])
+    }, n = k(() => o[t.tone]);
+    return (r, B) => (e(), a("p", {
+      class: p(["mt-1 flex items-start gap-1.5 text-xs", n.value.text])
     }, [
       d(i(x), {
-        name: t.icon ?? a.value.icon,
+        name: t.icon ?? n.value.icon,
         size: 14,
         class: "mt-px"
       }, null, 8, ["name"]),
@@ -34,11 +34,11 @@ const b = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia
       ])
     ], 2));
   }
-}), h = ["data-done"], v = {
+}), h = ["data-done"], y = {
   class: "flex min-w-0 items-center gap-2.5 text-subheadline",
   role: "status",
   "aria-live": "polite"
-}, y = {
+}, v = {
   key: 0,
   class: "text-content-link"
 }, E = {
@@ -55,14 +55,14 @@ const b = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia
     done: { type: Boolean },
     elapsed: {}
   },
-  setup(o) {
-    const t = o, { t: s } = g();
-    return (a, r) => (e(), n("div", {
+  setup(s) {
+    const t = s, { t: o } = g();
+    return (n, r) => (e(), a("div", {
       class: "flex min-w-0 flex-col gap-1",
       "data-done": t.done || void 0
     }, [
-      u("div", v, [
-        t.done ? (e(), n("span", y, [
+      u("div", y, [
+        t.done ? (e(), a("span", v, [
           d(_, { size: 16 })
         ])) : (e(), S(i(x), {
           key: 1,
@@ -70,34 +70,35 @@ const b = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia
           size: 16,
           class: "animate-spin text-content-link"
         })),
-        (e(), n("span", {
+        (e(), a("span", {
           key: t.text,
           class: p(["min-w-0 animate-text-swap", t.done ? "font-semibold text-content-link" : "text-shimmer"]),
           "data-status-text": ""
         }, l(t.text), 3)),
-        t.elapsed != null ? (e(), n("span", E, l(i(s)("core.wait.seconds", { count: t.elapsed })), 1)) : c("", !0)
+        t.elapsed != null ? (e(), a("span", E, l(i(o)("core.wait.seconds", { count: t.elapsed })), 1)) : c("", !0)
       ]),
-      a.$slots.default ? (e(), n("div", w, [
-        f(a.$slots, "default")
+      n.$slots.default ? (e(), a("div", w, [
+        f(n.$slots, "default")
       ])) : c("", !0)
     ], 8, h));
   }
 });
 export {
   D as AsyncSection,
-  M as Badge,
-  P as Banner,
-  Q as DONE_BEAT_MS,
+  H as Badge,
+  R as Banner,
+  X as DONE_BEAT_MS,
   _ as DrawnCheck,
-  q as EmptyState,
+  G as EmptyState,
   V as FieldNote,
-  b as HUES,
-  U as ProgressTrack,
+  $ as HUES,
+  j as ProgressTrack,
   I as Skeleton,
   z as StatusLine,
-  X as WAIT_VISIBLE_AFTER_MS,
-  W as isEmptyValue,
-  J as useLoad,
-  Y as useWaitStatus,
-  F as valueOf
+  Y as WAIT_VISIBLE_AFTER_MS,
+  W as asyncState,
+  F as isEmptyValue,
+  K as useLoad,
+  Z as useWaitStatus,
+  O as valueOf
 };

package/dist/{status-8KH7PITT.js → status-dGvfh1TP.js}

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