@wssto2/vue-core 0.4.7 → 0.4.9

package/dist/{DataTable.vue_vue_type_script_setup_true_lang-KPm5NrDE.js → DataTable.vue_vue_type_script_setup_true_lang-ChS9ULwk.js}

@@ -1,6 +1,6 @@
-import { defineComponent as d, computed as s, useSlots as u, openBlock as w, createElementBlock as p, createVNode as y, unref as f, createSlots as m, renderList as b, withCtx as h, renderSlot as v, normalizeProps as _, guardReactiveProps as g } from "vue";
-import { u as k, _ as R } from "./rowLayout-BkQWulan.js";
-const B = ["aria-busy"], S = /* @__PURE__ */ d({
+import { defineComponent as d, computed as u, useSlots as p, openBlock as w, createElementBlock as y, createVNode as f, unref as k, createSlots as b, renderList as m, withCtx as h, renderSlot as v, normalizeProps as _, guardReactiveProps as g } from "vue";
+import { u as R, _ as L } from "./rowLayout-D1cYQghV.js";
+const F = ["aria-busy"], V = /* @__PURE__ */ d({
   __name: "DataTable",
   props: {
     rows: {},
@@ -14,39 +14,43 @@ const B = ["aria-busy"], S = /* @__PURE__ */ d({
     rowHeight: { default: void 0 },
     density: { default: "regular" },
     actionsVisible: { type: Boolean, default: !1 },
-    rowClass: { type: Function, default: void 0 }
+    rowClass: { type: Function, default: void 0 },
+    pick: { type: Function, default: void 0 },
+    pickLabel: { default: void 0 }
   },
-  setup(r) {
-    const o = r, { phone: a } = k(() => o.columns), n = s(() => o.loading ? "loading" : o.rows.length === 0 ? "empty" : "rows"), l = (e) => o.recordRoute ? o.recordRoute(e) : null, i = s(() => Object.keys(u()));
-    return (e, C) => (w(), p("div", {
+  setup(s) {
+    const o = s, { phone: a } = R(() => o.columns), l = u(() => o.loading ? "loading" : o.rows.length === 0 ? "empty" : "rows"), i = (e) => o.recordRoute && !o.pick ? o.recordRoute(e) : null, n = p(), r = () => Object.keys(n);
+    return (e, B) => (w(), y("div", {
       "aria-busy": o.loading || void 0,
       "data-test": "data-table"
     }, [
-      y(R, {
+      f(L, {
         columns: o.columns,
         rows: o.rows,
         "row-key": o.rowKey,
-        display: n.value,
-        phone: f(a),
-        link: l,
+        display: l.value,
+        phone: k(a),
+        link: i,
         "row-actions": o.rowActions,
         "row-label": o.rowLabel,
         "row-height": o.rowHeight,
         density: o.density,
         "actions-visible": o.actionsVisible,
         "skeleton-rows": o.skeletonRows,
-        "row-class": o.rowClass
-      }, m({ _: 2 }, [
-        b(i.value, (t) => ({
+        "row-class": o.rowClass,
+        pick: o.pick,
+        "pick-label": o.pickLabel
+      }, b({ _: 2 }, [
+        m(r(), (t) => ({
           name: t,
           fn: h((c) => [
             v(e.$slots, t, _(g(c ?? {})))
           ])
         }))
-      ]), 1032, ["columns", "rows", "row-key", "display", "phone", "row-actions", "row-label", "row-height", "density", "actions-visible", "skeleton-rows", "row-class"])
-    ], 8, B));
+      ]), 1032, ["columns", "rows", "row-key", "display", "phone", "row-actions", "row-label", "row-height", "density", "actions-visible", "skeleton-rows", "row-class", "pick", "pick-label"])
+    ], 8, F));
   }
 });
 export {
-  S as _
+  V as _
 };

package/dist/{DeadLetters-DwKeKpu6.js → DeadLetters-DBUALYXL.js}

@@ -1,10 +1,10 @@
 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-DzuvFLj2.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-DkpFEHUw.js";
 import { u as P } from "./describeError-Ctga6GcS.js";
 import { u as I } from "./format-B8mJm946.js";
-import { e as a, R as O } from "./index-DnYLRcv6.js";
+import { e as a, R as O } from "./index-Cz4LtYKa.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-CYRVx6HW.js";

package/dist/{General-C43nVs_x.js → General-DfIB1vjc.js}

@@ -8,7 +8,7 @@ import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.
 import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-BJoAkBo2.js";
 import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 import { u as A } from "./useSaveChrome-DuWm0Czf.js";
-import { P as D, b as G, i as I } from "./index-DoowoCS7.js";
+import { P as D, b as G, i as I } from "./index-DrZIn13a.js";
 import { t as M } from "./toast-CqSDTWRX.js";
 import { u as O } from "./platform-q3cjODLx.js";
 import { b as U } from "./routeResource-DstM0hvf.js";

package/dist/{ProfilePage-BXVPsyS8.js → ProfilePage-CWwwAhnr.js}

@@ -4,7 +4,7 @@ import { a as ge } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang
 import { u as L } from "./platform-q3cjODLx.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as Y } from "./useLoad-CYRVx6HW.js";
-import { i as k, d as G } from "./index-DoowoCS7.js";
+import { i as k, d as G } from "./index-DrZIn13a.js";
 import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
 import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
 import { _ as U } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
@@ -23,7 +23,7 @@ import { _ as he } from "./OtpInput.vue_vue_type_script_setup_true_lang-gp4FfWAH
 import { _ as $e } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { _ as qe } from "./SessionList.vue_vue_type_script_setup_true_lang-D4k5QeWS.js";
 import { _ as ke } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
-import { _ as Ce } from "./SignInTable.vue_vue_type_script_setup_true_lang-ALAuc0sI.js";
+import { _ as Ce } from "./SignInTable.vue_vue_type_script_setup_true_lang-CIv34nRn.js";
 import { _ as Se } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";
 const Pe = /* @__PURE__ */ A({
   __name: "DetailsPanel",

package/dist/{Sessions-9OEiLpje.js → Sessions-DkbKDSEn.js}

@@ -2,7 +2,7 @@ import { defineComponent as x, useTemplateRef as v, computed as w, ref as $, ope
 import { useI18n as N } from "vue-i18n";
 import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as A } from "./describeError-Ctga6GcS.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index-DoowoCS7.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-DrZIn13a.js";
 import { _ as k } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as b } from "./toast-CqSDTWRX.js";
 import { u as V } from "./platform-q3cjODLx.js";

package/dist/{SettingsPage-CmPy-kpL.js → SettingsPage-BNdeH-_0.js}

@@ -15,7 +15,7 @@ import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.
 import { _ as E } from "./TimeField.vue_vue_type_script_setup_true_lang-DWfAUlnz.js";
 import { a as k, n as X } from "./useTypedEntry-aTfPBAhw.js";
 import { _ as Y } from "./PanelActions.vue_vue_type_script_setup_true_lang-E9VdIGkf.js";
-import { n as q } from "./index-DnYLRcv6.js";
+import { n as q } from "./index-Cz4LtYKa.js";
 import { u as ee } from "./platform-q3cjODLx.js";
 import { u as te } from "./useLoad-CYRVx6HW.js";
 function ne() {

package/dist/{SignIn-f-HF9B7-.js → SignIn-5ms3eSbU.js}

@@ -6,7 +6,7 @@ import { u as D } from "./format-B8mJm946.js";
 import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
 import { e as b } from "./control-7EP4tjYy.js";
 import { u as U } from "./describeError-Ctga6GcS.js";
-import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-DoowoCS7.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-DrZIn13a.js";
 import { t as h } from "./toast-CqSDTWRX.js";
 import { u as j, h as G } from "./platform-q3cjODLx.js";
 import { b as H } from "./routeResource-DstM0hvf.js";

package/dist/{SignInPage-C8zaS_7r.js → SignInPage-BcRFC7oq.js}

@@ -6,7 +6,7 @@ import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js"
 import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
 import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 import { r as $ } from "./guards-Dve61KjR.js";
-import { u as C, a as E } from "./index-DoowoCS7.js";
+import { u as C, a as E } from "./index-DrZIn13a.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {

package/dist/{SignInTable.vue_vue_type_script_setup_true_lang-ALAuc0sI.js → SignInTable.vue_vue_type_script_setup_true_lang-CIv34nRn.js}

@@ -1,6 +1,6 @@
 import { defineComponent as _, computed as p, openBlock as y, createElementBlock as g, createVNode as l, unref as i, withCtx as s, createElementVNode as a, toDisplayString as r, createTextVNode as h } from "vue";
 import { useI18n as b } from "vue-i18n";
-import { _ as f } from "./DataTable.vue_vue_type_script_setup_true_lang-KPm5NrDE.js";
+import { _ as f } from "./DataTable.vue_vue_type_script_setup_true_lang-ChS9ULwk.js";
 import { _ as v } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 const w = {
   signed_in: { tone: "positive", byOther: !1 },

package/dist/{SignIns-DzKz0Ple.js → SignIns-BmLrfWe8.js}

@@ -1,13 +1,13 @@
 import { defineComponent as g, ref as m, watch as p, openBlock as c, createElementBlock as v, createVNode as i, unref as e, withCtx as w, createBlock as x, createCommentVNode as y, createElementVNode as V, toDisplayString as $ } from "vue";
 import { useI18n as N } from "vue-i18n";
-import { P as S, i as b } from "./index-DoowoCS7.js";
+import { P as S, i as b } from "./index-DrZIn13a.js";
 import { u as k } from "./platform-q3cjODLx.js";
 import { b as I } from "./routeResource-DstM0hvf.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as C } from "./useLoad-CYRVx6HW.js";
 import { _ as E } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
 import { _ as B } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
-import { _ as P } from "./SignInTable.vue_vue_type_script_setup_true_lang-ALAuc0sI.js";
+import { _ as P } from "./SignInTable.vue_vue_type_script_setup_true_lang-CIv34nRn.js";
 import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";
 const U = {
   class: "flex min-w-0 flex-col gap-group-gap",

package/dist/{UserRecord-pciJE77m.js → UserRecord-CHBrlCAl.js}

@@ -3,7 +3,7 @@ import { useI18n as A } from "vue-i18n";
 import { u as F } from "./neighbors-BRf4Eh2R.js";
 import { _ as H } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as J } from "./describeError-Ctga6GcS.js";
-import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-DoowoCS7.js";
+import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-DrZIn13a.js";
 import { _ as se } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as k } from "./toast-CqSDTWRX.js";
 import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-ROl9_pdO.js";
@@ -18,7 +18,7 @@ import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a
 import { e as B } from "./control-7EP4tjYy.js";
 import { u as z, _ as K } from "./useCommand-BkONMn3X.js";
 import { u as U } from "./fieldMessages-C3Rpbktw.js";
-import { u as ce, s as le } from "./status-GT-QFBrB.js";
+import { u as ce, s as le } from "./status-DJh5qgMg.js";
 import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",

package/dist/{UsersList-YRJTY69g.js → UsersList-hOhdxWGr.js}

@@ -1,13 +1,13 @@
 import { defineComponent as U, openBlock as p, createBlock as C, unref as e, withCtx as c, createVNode as r, mergeProps as i, useTemplateRef as V, computed as q, createTextVNode as z, toDisplayString as $, createCommentVNode as A, createElementBlock as S, normalizeClass as N } from "vue";
 import { useI18n as B } from "vue-i18n";
 import { useRouter as M } from "vue-router";
-import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-DzuvFLj2.js";
+import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-DkpFEHUw.js";
 import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as F } from "./format-B8mJm946.js";
 import { u as L } from "./platform-q3cjODLx.js";
 import { _ as G } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { i as K, f as E, M as W } from "./index-DoowoCS7.js";
-import { U as j, u as H, s as J } from "./status-GT-QFBrB.js";
+import { i as K, f as E, M as W } from "./index-DrZIn13a.js";
+import { U as j, u as H, s as J } from "./status-DJh5qgMg.js";
 import { u as O } from "./environment-Dva-SG8D.js";
 import { u as Q } from "./languages-BShG9LpE.js";
 import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";

package/dist/collection/CollectionPage.vue.d.ts

@@ -17,6 +17,8 @@ declare const _default: <Row extends object, Col extends Column<Row>>(__VLS_prop
         density?: "regular" | "condensed";
         viewsPresentation?: "segmented" | "scope";
         actionsVisible?: boolean;
+        pick?: (row: Row) => void;
+        pickLabel?: string;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/collection/CollectionRows.vue.d.ts

@@ -31,8 +31,13 @@ declare const _default: <Row extends object, Col extends Column<Row>>(__VLS_prop
         /** Rows to reserve the height of while loading, so the card does not jump when they land. */
         reserveRows?: number;
         rowClass?: (row: Row) => string | undefined;
+        /** A picker: the rows are choices (see `CollectionTable`). */
+        pick?: (row: Row) => void;
+        pickLabel?: string;
     } & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        focusRows: () => boolean;
+    }>): void;
     attrs: any;
     slots: import("./slots").CellSlots<Row, Col> & {
         leading?: ((scope: {

package/dist/collection/CollectionTable.vue.d.ts

@@ -19,6 +19,15 @@ declare const _default: <Row extends object, Col extends Column<Row>>(__VLS_prop
          * as a lead's contact actions: swipe and the context menu are enough there.
          */
         actionsVisible?: boolean;
+        /**
+         * A picker: the list is for choosing one row, as in a modal that assigns or selects. A click or tap on
+         * the row calls `pick(row)` (a button or link inside it keeps its own click), the arrows move the
+         * current row, Enter picks it, Down in the search field moves into the rows, and Enter in the search
+         * field picks the only row left. Instead of `recordRoute`: a row is a choice or a link, never both.
+         */
+        pick?: (row: Row) => void;
+        /** The accessible name of the choices ("Choose one" by default); say what is chosen. */
+        pickLabel?: string;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/collection/CollectionToolbar.vue.d.ts

@@ -2,7 +2,8 @@ import type { Collection } from "./useCollection";
 declare const _default: <Row>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onTouched?: ((keys: string[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onTouched"> & {
+        readonly onSearchKey?: ((event: KeyboardEvent, settled: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onTouched" | "onSearchKey"> & {
         collection: Collection<Row>;
         narrow: boolean;
         /** Phone rows sit on the canvas: the toolbar has no card of its own. */
@@ -13,7 +14,7 @@ declare const _default: <Row>(__VLS_props: NonNullable<Awaited<typeof __VLS_setu
     slots: {
         default?: () => unknown;
     };
-    emit: (evt: "touched", keys: string[]) => void;
+    emit: ((evt: "touched", keys: string[]) => void) & ((evt: "searchKey", event: KeyboardEvent, settled: boolean) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/collection/DataTable.vue.d.ts

@@ -22,6 +22,9 @@ declare const _default: <Row extends object, const Col extends Column<Row, never
         actionsVisible?: boolean;
         /** Extra classes for a row, e.g. to set apart a total or the newest row. */
         rowClass?: (row: Row) => string | undefined;
+        /** A picker: a click or tap on the row calls `pick(row)`, the arrows and Enter do too (see `CollectionTable`); instead of `recordRoute`. */
+        pick?: (row: Row) => void;
+        pickLabel?: string;
     } & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/collection/index.js

@@ -1,8 +1,8 @@
 import { D as O, L as j, a as U, h as G, l as X, r as Z } from "../http-D_D9YbLH.js";
-import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-DzuvFLj2.js";
+import { _ as H, a as J, u as K } from "../CollectionPage.vue_vue_type_script_setup_true_lang-DkpFEHUw.js";
 import { u as W } from "../neighbors-BRf4Eh2R.js";
-import { a as ee, b as te } from "../rowLayout-BkQWulan.js";
-import { _ as oe } from "../DataTable.vue_vue_type_script_setup_true_lang-KPm5NrDE.js";
+import { a as ee, b as te } from "../rowLayout-D1cYQghV.js";
+import { _ as oe } from "../DataTable.vue_vue_type_script_setup_true_lang-ChS9ULwk.js";
 import { defineComponent as y, openBlock as c, createElementBlock as d, Fragment as h, renderList as v, createBlock as k, unref as f, withCtx as C, normalizeClass as m, createVNode as p, createCommentVNode as g, computed as w, toValue as E } from "vue";
 import { _ } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as S } from "../Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";

package/dist/collection/rowInteractions.d.ts

@@ -7,12 +7,14 @@ export interface RowInteractionOptions<Row> {
     label: () => ((row: Row) => string) | undefined;
     /** Where a click on the row goes. */
     target: (row: Row) => RouteLocationRaw | null;
+    /** A picker's choose: a click on the row picks it instead of going to `target`. */
+    pick?: () => ((row: Row) => void) | undefined;
     /** Opens the context menu at a point. */
     presentMenu: (x: number, y: number) => void;
     moreLabel: () => string;
 }
 /**
- * What makes a list row behave like a native one: a click opens the record (except on its links and
+ * What makes a list row behave like a native one: a click opens the record (or, in a picker, picks the row) (except on its links and
  * buttons, or while text is selected), a modified click opens a new tab, a right click or a long
  * press (iOS has no contextmenu for one) lists the row's actions, and the press that opened that
  * menu never also opens the record. Swipe actions are the row's links.