@wssto2/vue-core 0.4.0 → 0.4.1

package/dist/page/index.js

@@ -1,15 +1,15 @@
-import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-BoinCY93.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-BoinCY93.js";
+import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CUtGqVGA.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-CUtGqVGA.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 _, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as $, computed as P, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
+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-C_ymvhHU.js";
-import { c as pe, i as fe, p as me, u as be, a as ge } from "../chrome-BS3xJcad.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-Ci4fs5s5.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 he } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ke } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-DSMXEaCs.js";
-import { a as Be, _ as Se } from "../SectionList.vue_vue_type_script_setup_true_lang-BFYls8fR.js";
+import { p as _e, a as xe } from "../sectionIndex-BS0ic5W7.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-L4TXI0wR.js";
+import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-DBheVDeX.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,
@@ -17,7 +17,7 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
 }, H = {
   key: 0,
   class: "sr-only"
-}, q = /* @__PURE__ */ v({
+}, U = /* @__PURE__ */ v({
   __name: "BottomTabBar",
   props: {
     items: {},
@@ -51,7 +51,7 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
                 onClick: (u) => r("select", e.value)
               }, [
                 s("span", R, [
-                  e.icon ? (a(), b(_(L), {
+                  e.icon ? (a(), b(h(L), {
                     key: 0,
                     name: e.icon,
                     size: 22
@@ -73,7 +73,7 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
       _: 1
     }));
   }
-}), G = /* @__PURE__ */ v({
+}), q = /* @__PURE__ */ v({
   __name: "SectionPanel",
   props: /* @__PURE__ */ D({
     title: {},
@@ -91,13 +91,13 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
   }),
   emits: ["update:collapsed"],
   setup(n) {
-    const t = n, o = S(n, "collapsed"), r = t.id ?? (z(t.title) || `section-${C()}`), i = $("panel"), g = P(() => i.value?.$el ?? null);
+    const t = n, o = S(n, "collapsed"), r = t.id ?? (z(t.title) || `section-${C()}`), i = P("panel"), g = $(() => i.value?.$el ?? null);
     return I(r, () => t.title, g, { number: () => t.number, reveal: () => i.value?.expand() }), (e, u) => (a(), b(A, w({
       ref_key: "panel",
       ref: i,
       collapsed: o.value,
-      "onUpdate:collapsed": u[0] || (u[0] = (h) => o.value = h)
-    }, { id: _(r), tabindex: -1 }, {
+      "onUpdate:collapsed": u[0] || (u[0] = (_) => o.value = _)
+    }, { id: h(r), tabindex: -1 }, {
       title: t.title,
       icon: t.icon,
       number: t.number,
@@ -134,15 +134,15 @@ export {
   W as AdaptivePageShell,
   se as BottomDock,
   x as BottomDockPortal,
-  q as BottomTabBar,
+  U as BottomTabBar,
   X as PageActions,
   Y as PageToolbar,
   ue as RecordHeader,
   Z as ResourceHeader,
-  Be as SectionJumper,
-  Se as SectionList,
-  ke as SectionNavigator,
-  G as SectionPanel,
+  Se as SectionJumper,
+  Ce as SectionList,
+  ye as SectionNavigator,
+  q as SectionPanel,
   ne as bottomDockKey,
   pe as createPageChrome,
   re as installBottomDock,
@@ -153,9 +153,10 @@ export {
   z as sectionId,
   ie as useBottomDockTarget,
   te as useLargeTitle,
-  be as usePageChrome,
-  ge as usePageChromeContext,
+  be as useOptionalPageChrome,
+  ge as usePageChrome,
+  ve as usePageChromeContext,
   ae as usePageSectionBack,
   I as useSectionAnchor,
-  he as useSectionIndex
+  xe as useSectionIndex
 };

package/dist/resource/index.js

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

package/dist/router/access.d.ts

@@ -24,7 +24,7 @@ export declare const routeAccessKey: InjectionKey<RouteAccess>, useRouteAccess:
  * page's section outlet) is an `AppRouterView`, not a bare `RouterView`: it shows the no-access state
  * in place of a page the session may not open (parents around it keep rendering, so the layout stays),
  * and remounts a page when the route parameter named by `meta.remountOnParam` changes (a record pager
- * moving to the next record).
+ * moving to the next record), or when the shell's pull to refresh reloads the page (the shell's outlet only).
  *
  * Denial is shown here, not enforced: the server authorizes every request.
  */

package/dist/router/index.js

@@ -1,8 +1,8 @@
 import { _ as a, c as o, a as r, i as t } from "../NoAccess.vue_vue_type_script_setup_true_lang-DWxq-MTM.js";
 import { d as c } from "../defineRoutes-BGAdiIrt.js";
-import { A as u, f as p, i as f, r as A, u as m } from "../access-DdRFrVV1.js";
+import { A as u, f as p, i as f, r as A, u as m } from "../access-DmAceEo5.js";
 import { i as l, r as x } from "../guards-Dve61KjR.js";
-import { u as y } from "../sections-CntvUTxn.js";
+import { u as y } from "../sections-D-kD98vu.js";
 import { b as v, c as N, n as H, u as b } from "../navigation-Cm3iChlR.js";
 export {
   u as AppRouterView,

package/dist/router/pageRefresh.d.ts

@@ -0,0 +1,6 @@
+import { type InjectionKey, type Ref } from "vue";
+/**
+ * Bumped by the shell's pull to refresh; the page outlet of the shell (an `AppRouterView` at depth 0) is keyed by it, so
+ * the page remounts and reloads its data while everything around it stays. Internal: not exported from `router`.
+ */
+export declare const pageRefreshKey: InjectionKey<Ref<number>>;

package/dist/{sections-CntvUTxn.js → sections-D-kD98vu.js}

@@ -2,7 +2,7 @@ import { computed as n, watch as h } from "vue";
 import { useI18n as b } from "vue-i18n";
 import { useRoute as g, useRouter as p } from "vue-router";
 import { u as y } from "./platform-q3cjODLx.js";
-import { i as w } from "./access-DdRFrVV1.js";
+import { i as w } from "./access-DmAceEo5.js";
 function j() {
   const t = g(), u = p(), { access: c } = y(), { t: r } = b(), i = n(() => {
     for (let e = t.matched.length - 1; e >= 0; e--) {

package/dist/shell/BackofficeShell.vue.d.ts

@@ -5,7 +5,7 @@ import type { NavigationProgress } from "./progress";
 /**
  * The layout of a backoffice application: a sidebar with the server's menu on desktop, a top bar
  * and a push navigation drawer on phones, the page in between, the bottom dock and the toasts, and
- * the places features contribute to (`headerActions`, `accountMenu`, `banner`, `host`). Give it to
+ * the places features contribute to (`headerActions`, `search`, `accountMenu`, `banner`, `host`). Give it to
  * `createApplication` through `backofficeShell()`, or render it inside a shell of your own.
  *
  * Signed out (the login page) there is only the top bar with the brand and the page.
@@ -21,6 +21,8 @@ type __VLS_Props = {
     identity?: (user: SessionUser) => ShellIdentity;
     /** The page-load indicator (`backofficeShell()` supplies it to the router as well). */
     progress?: NavigationProgress;
+    /** Pull down from the top of the page to reload it, while the application runs installed (`display-mode: standalone`). Default on. */
+    pullToRefresh?: boolean;
 };
 type __VLS_Slots = {
     /** The logo, for the dark sidebar (`tone` `light`) and the light surfaces (`brand`). Default: the application's name. */
@@ -36,6 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     progress: NavigationProgress;
     home: RouteLocationRaw;
     identity: (user: SessionUser) => ShellIdentity;
+    pullToRefresh: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/shell/NavigationDrawer.vue.d.ts

@@ -1,7 +1,7 @@
 import type { RouteLocationRaw } from "vue-router";
 import type { ShellIdentity } from "./identity";
 /**
- * The phone navigation drawer's content (UI decision D18): the brand (home), the destinations (the
+ * The phone navigation drawer's content (UI decision D18): the brand (home), the shell's `search` field, the destinations (the
  * same model as the desktop rail), a `footer` slot, and the account row pinned at the bottom.
  * Presentation only: the `ShellStage` around it owns opening, closing, gestures and focus, and the
  * owner acts on the events:

package/dist/shell/PullToRefresh.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/shell/ShellSidebar.vue.d.ts

@@ -3,7 +3,8 @@ import type { ShellIdentity } from "./identity";
 /**
  * The desktop sidebar: an attached, full-height dark rail, the page's one dark surface (the
  * `anchor` palette), sticky and scrolling on its own when the menu is taller than the window. From
- * top to bottom: the brand (home) with the shell's `headerActions`, the server's menu, a `footer`
+ * top to bottom: the brand (home) with the shell's `headerActions`, the shell's `search` field,
+ * the server's menu, a `footer`
  * slot, and the account block. It renders from the md breakpoint up and nothing below it (phones use
  * the navigation drawer), so a header action contributed to the shell is mounted once, never in both.
  *

package/dist/shell/backofficeShell.d.ts

@@ -14,10 +14,12 @@ export interface BackofficeShellOptions<U extends SessionUser = SessionUser> {
     footer?: Component;
     /** Extra content at the end of the top bar. */
     topBarEnd?: Component;
+    /** Pull down from the top of the page to reload it (the page only; the shell stays), while the application runs installed. Default `true`. */
+    pullToRefresh?: boolean;
 }
 /**
  * The backoffice shell as `createApplication` takes it: the layout, the slots it renders
- * (`headerActions`, `accountMenu`, `banner`, `host`) and the page-load indicator wired to the router.
+ * (`headerActions`, `search`, `accountMenu`, `banner`, `host`) and the page-load indicator wired to the router.
  *
  *   createApplication({ platform, features, shell: backofficeShell({ brand: MyLogo }) });
  *