@shwfed/config 2.3.16 → 2.3.17

package/dist/preview/assets/index-DUZhCCDY.js

@@ -0,0 +1 @@
+import{aH as e}from"./index-DOUzPsqV.js";import{aI as r,aJ as s,aK as t}from"./index-DOUzPsqV.js";export{r as TableConfig,s as createTableConfig,e as default,t as getColumnTechnicalKey};

package/dist/preview/assets/{runtime-DTtdk8hJ.js → runtime-C7iG_6_s.js}

@@ -1 +1 @@
-import{d as _,an as j,ae as B,aq as r,az as m,aA as E,aB as S,e as k,u as v,aj as x,ak as L,am as b,o as C,al as R}from"./index-BT8fF6jA.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";const I=_({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=R(),t=(e,n)=>x(e,{...L(g),...n}),l=b(),p=new Set(["success","error","warning","info"]);function f(e){const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=e.name,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(n)}const y=j(()=>B(function*(){const{template:e,messageExpression:n,resultExpression:o}=c.config,u=yield*t(e.request);if(!e.download){const s=yield*u.file();return yield*r(()=>f(s)),yield*m(l,c.config.onSuccess)}const a={json:yield*u.json()},i=o===void 0?"success":yield*E(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>S[i](s))}if(i==="success"||i==="info"){const h=yield*(yield*t(e.download,a)).file();yield*r(()=>f(h))}const w={success:c.config.onSuccess,warning:c.config.onWarning,error:c.config.onError,info:c.config.onInfo};return yield*m(l,w[i])}));return(e,n)=>(C(),k(T,{"action-id":d.buttonId,effect:v(y)},null,8,["action-id","effect"]))}});export{I as default};
+import{d as _,an as j,ae as B,aq as r,az as m,aA as E,aB as S,e as k,u as v,aj as x,ak as L,am as b,o as C,al as R}from"./index-DOUzPsqV.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";const I=_({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=R(),t=(e,n)=>x(e,{...L(g),...n}),l=b(),p=new Set(["success","error","warning","info"]);function f(e){const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=e.name,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(n)}const y=j(()=>B(function*(){const{template:e,messageExpression:n,resultExpression:o}=c.config,u=yield*t(e.request);if(!e.download){const s=yield*u.file();return yield*r(()=>f(s)),yield*m(l,c.config.onSuccess)}const a={json:yield*u.json()},i=o===void 0?"success":yield*E(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>S[i](s))}if(i==="success"||i==="info"){const h=yield*(yield*t(e.download,a)).file();yield*r(()=>f(h))}const w={success:c.config.onSuccess,warning:c.config.onWarning,error:c.config.onError,info:c.config.onInfo};return yield*m(l,w[i])}));return(e,n)=>(C(),k(T,{"action-id":d.buttonId,effect:v(y)},null,8,["action-id","effect"]))}});export{I as default};

package/dist/preview/assets/{runtime-BHeaq-Ju.js → runtime-CEymLc8o.js}

@@ -1 +1 @@
-import{d as s,ad as B,ar as E,ae as _,af as i,as as x,at as p,e as M,w as c,u as d,a0 as N,am as b,aq as k,o as w,f as L,au as T,g as u,av as I,aw as H,a7 as S,al as V,ax as $,ay as z}from"./index-BT8fF6jA.js";import{_ as A}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";const F=s({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(a){const n=a,{locale:l}=B(),f=e=>{},r=V(),m=b(),o=N(null),v=E(n.buttonId,{close:()=>k(()=>{o.value?.()})},m),g=s({name:"ModalBoundaryBridge",setup(e,{slots:t}){return H(r),$(z,v),()=>t.default?.()}}),h=(e,t)=>S()?.(e,t),C=_(function*(){const e=i(n.config.modalTitle,l.value)??i(n.buttonTitle,l.value)??"",{modal:t,close:y}=yield*x({title:e,width:n.config.modalWidth});o.value=()=>p(y()),yield*t,o.value=null});return(e,t)=>(w(),M(A,{"action-id":a.buttonId,effect:d(C)},{default:c(()=>[L("div",{style:T(a.config.modalMinHeight?`min-height: ${a.config.modalMinHeight}`:void 0)},[u(d(g),null,{default:c(()=>[u(I,{"slot-value":a.config.slot,configure:f,"find-entry":h},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{F as default};
+import{d as s,ad as B,ar as E,ae as _,af as i,as as x,at as p,e as M,w as c,u as d,a0 as N,am as b,aq as k,o as w,f as L,au as T,g as u,av as I,aw as H,a7 as S,al as V,ax as $,ay as z}from"./index-DOUzPsqV.js";import{_ as A}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";const F=s({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(a){const n=a,{locale:l}=B(),f=e=>{},r=V(),m=b(),o=N(null),v=E(n.buttonId,{close:()=>k(()=>{o.value?.()})},m),g=s({name:"ModalBoundaryBridge",setup(e,{slots:t}){return H(r),$(z,v),()=>t.default?.()}}),h=(e,t)=>S()?.(e,t),C=_(function*(){const e=i(n.config.modalTitle,l.value)??i(n.buttonTitle,l.value)??"",{modal:t,close:y}=yield*x({title:e,width:n.config.modalWidth});o.value=()=>p(y()),yield*t,o.value=null});return(e,t)=>(w(),M(A,{"action-id":a.buttonId,effect:d(C)},{default:c(()=>[L("div",{style:T(a.config.modalMinHeight?`min-height: ${a.config.modalMinHeight}`:void 0)},[u(d(g),null,{default:c(()=>[u(I,{"slot-value":a.config.slot,configure:f,"find-entry":h},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{F as default};

package/dist/preview/assets/{runtime--kEuSRJR.js → runtime-CNI--nfZ.js}

@@ -1 +1 @@
-import{d as f,ad as u,ae as l,af as g,ag as d,ah as m,ai as p,e as x,u as E,aj as _,ak as h,al as k,am as w,o as C}from"./index-BT8fF6jA.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";const R=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const n=s,{locale:c}=u(),a=k(),t=(e,o)=>_(e,{...h(a),...o}),i=w(),r=l(function*(){const e=g(n.config.markdown,c.value)??"",o=d(e,t);(yield*m({content:o,icon:n.config.icon,color:n.config.color}))||(yield*p(n.config.expression,t,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:i,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(C(),x(I,{"action-id":s.buttonId,effect:E(r)},null,8,["action-id","effect"]))}});export{R as default};
+import{d as f,ad as u,ae as l,af as g,ag as d,ah as m,ai as p,e as x,u as E,aj as _,ak as h,al as k,am as w,o as C}from"./index-DOUzPsqV.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";const R=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const n=s,{locale:c}=u(),a=k(),t=(e,o)=>_(e,{...h(a),...o}),i=w(),r=l(function*(){const e=g(n.config.markdown,c.value)??"",o=d(e,t);(yield*m({content:o,icon:n.config.icon,color:n.config.color}))||(yield*p(n.config.expression,t,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:i,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(C(),x(I,{"action-id":s.buttonId,effect:E(r)},null,8,["action-id","effect"]))}});export{R as default};

package/dist/preview/assets/{runtime-BlndSTII.js → runtime-CWwZuZQ7.js}

@@ -1 +1 @@
-import{_ as s}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";import{d as c,an as o,az as i,e as r,u as f,am as u,o as m}from"./index-BT8fF6jA.js";const g=c({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const n=e,t=u(),a=o(()=>i(t,n.config.triggers));return(p,d)=>(m(),r(s,{"action-id":e.buttonId,effect:f(a)},null,8,["action-id","effect"]))}});export{g as default};
+import{_ as s}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";import{d as c,an as o,az as i,e as r,u as f,am as u,o as m}from"./index-DOUzPsqV.js";const g=c({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const n=e,t=u(),a=o(()=>i(t,n.config.triggers));return(p,d)=>(m(),r(s,{"action-id":e.buttonId,effect:f(a)},null,8,["action-id","effect"]))}});export{g as default};

package/dist/preview/assets/{runtime-BiAcObbN.js → runtime-Dg8BS7Rt.js}

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";import{d as n,e as a,u as c,o as f,ao as i}from"./index-BT8fF6jA.js";const _=n({name:"ShwfedPrototypeActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=i;return(r,s)=>(f(),a(o,{"action-id":e.buttonId,effect:c(t)},null,8,["action-id","effect"]))}});export{_ as default};
+import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";import{d as n,e as a,u as c,o as f,ao as i}from"./index-DOUzPsqV.js";const _=n({name:"ShwfedPrototypeActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=i;return(r,s)=>(f(),a(o,{"action-id":e.buttonId,effect:c(t)},null,8,["action-id","effect"]))}});export{_ as default};

package/dist/preview/assets/{runtime-n8qxUfe8.js → runtime-Dj39BqNd.js}

@@ -1 +1 @@
-import{d as u,ad as l,e as i,u as p,$ as d,o as m,k as f,af as _,ag as k,aj as g,ak as w,al as x}from"./index-BT8fF6jA.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(n){const s=n,{locale:o}=l(),t=x(),c=(e,a)=>g(e,{...w(t),...a}),r=d(()=>{const e=_(s.config.content,o.value)??"";return k(e,c)});return(e,a)=>(m(),i(p(f),{"data-slot":"buttons-markdown",source:r.value,class:"prose prose-sm prose-zinc px-1"},null,8,["source"]))}});export{B as default};
+import{d as u,ad as l,e as i,u as p,$ as d,o as m,k as f,af as _,ag as k,aj as g,ak as w,al as x}from"./index-DOUzPsqV.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(n){const s=n,{locale:o}=l(),t=x(),c=(e,a)=>g(e,{...w(t),...a}),r=d(()=>{const e=_(s.config.content,o.value)??"";return k(e,c)});return(e,a)=>(m(),i(p(f),{"data-slot":"buttons-markdown",source:r.value,class:"prose prose-sm prose-zinc px-1"},null,8,["source"]))}});export{B as default};

package/dist/preview/assets/{runtime-DDA8wR0s.js → runtime-TUjKxXEj.js}

@@ -1 +1 @@
-import{d as i,an as f,ap as r,aq as d,e as u,u as m,aj as p,ak as l,al as _,o as g}from"./index-BT8fF6jA.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";const x=i({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=e,o=_(),c=(n,a)=>p(n,{...l(o),...a}),s=f(()=>r(c(t.config.url),n=>d(()=>{window.open(n,t.config.mode)})));return(n,a)=>(g(),u(h,{"action-id":e.buttonId,effect:m(s)},null,8,["action-id","effect"]))}});export{x as default};
+import{d as i,an as f,ap as r,aq as d,e as u,u as m,aj as p,ak as l,al as _,o as g}from"./index-DOUzPsqV.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";const x=i({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=e,o=_(),c=(n,a)=>p(n,{...l(o),...a}),s=f(()=>r(c(t.config.url),n=>d(()=>{window.open(n,t.config.mode)})));return(n,a)=>(g(),u(h,{"action-id":e.buttonId,effect:m(s)},null,8,["action-id","effect"]))}});export{x as default};

package/dist/preview/assets/{runtime-KCPICzI0.js → runtime-eRS_ur88.js}

@@ -1 +1 @@
-import{d as r,an as f,ai as u,e as p,u as g,aj as m,ak as l,al as d,am as x,o as E}from"./index-BT8fF6jA.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-CiwBbLRf.js";const k=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,t=d(),c=(s,o)=>m(s,{...l(t),...o}),i=x(),a=f(()=>u(e.config.expression,c,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:i,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}}));return(s,o)=>(E(),p(_,{"action-id":n.buttonId,effect:g(a)},null,8,["action-id","effect"]))}});export{k as default};
+import{d as r,an as f,ai as u,e as p,u as g,aj as m,ak as l,al as d,am as x,o as E}from"./index-DOUzPsqV.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-CvzBdDHI.js";const k=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,t=d(),c=(s,o)=>m(s,{...l(t),...o}),i=x(),a=f(()=>u(e.config.expression,c,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:i,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}}));return(s,o)=>(E(),p(_,{"action-id":n.buttonId,effect:g(a)},null,8,["action-id","effect"]))}});export{k as default};

package/dist/preview/index.html

@@ -10,8 +10,8 @@
          `--primary`, the primary button variant renders as transparent. */
       body { --primary: #009689; }
     </style>
-    <script type="module" crossorigin src="./assets/index-BT8fF6jA.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-Br_eXThF.css">
+    <script type="module" crossorigin src="./assets/index-DOUzPsqV.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BUyz4nJb.css">
   </head>
   <body>
     <div id="app"></div>

package/dist/runtime/components/form/fields/2026-05-23/com.shwfed.form.field.tree.multi/runtime.vue

@@ -2,7 +2,7 @@
 import { Icon } from "@iconify/vue";
 import { Effect, Fiber, Option } from "effect";
 import { Fetch } from "fx-fetch";
-import { computed, ref, watch } from "vue";
+import { computed, ref, shallowRef, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
@@ -10,6 +10,7 @@ import { getLocalizedText } from "../../../../../share/locale";
 import { Field, FieldLabel } from "../../../../ui/field";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../../../ui/input-group";
 import { Markdown } from "../../../../ui/markdown";
+import { Skeleton } from "../../../../ui/skeleton";
 import { Tree as UiTree } from "../../../../ui/tree";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
 import { useFormReadonly } from "../../../utils/readonly";
@@ -26,7 +27,6 @@ const { locale, t } = useI18n({
       "tree-multi-search-label": "\u641C\u7D22",
       "tree-multi-search-clear": "\u6E05\u9664\u641C\u7D22",
       "tree-multi-load-error": "\u52A0\u8F7D\u5931\u8D25",
-      "tree-multi-loading": "\u52A0\u8F7D\u4E2D\u2026",
       "tree-multi-empty": "\u65E0\u53EF\u9009\u9879",
       "tree-multi-readonly-empty": "\u2014",
       "tree-multi-readonly-separator": "\u3001"
@@ -35,7 +35,6 @@ const { locale, t } = useI18n({
       "tree-multi-search-label": "Search",
       "tree-multi-search-clear": "Clear search",
       "tree-multi-load-error": "Failed to load",
-      "tree-multi-loading": "Loading\u2026",
       "tree-multi-empty": "No options",
       "tree-multi-readonly-empty": "\u2014",
       "tree-multi-readonly-separator": ", "
@@ -44,7 +43,6 @@ const { locale, t } = useI18n({
       "tree-multi-search-label": "\u691C\u7D22",
       "tree-multi-search-clear": "\u691C\u7D22\u3092\u30AF\u30EA\u30A2",
       "tree-multi-load-error": "\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      "tree-multi-loading": "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026",
       "tree-multi-empty": "\u9078\u629E\u80A2\u306A\u3057",
       "tree-multi-readonly-empty": "\u2014",
       "tree-multi-readonly-separator": "\u3001"
@@ -222,15 +220,36 @@ function evalKeywords(node) {
     return [];
   }
 }
+const searchCorpus = shallowRef(/* @__PURE__ */ new Map());
+watch(
+  () => [
+    roots.value,
+    locale.value,
+    props.config.nodeLabel,
+    props.config.filter?.keywords
+  ],
+  () => {
+    const map = /* @__PURE__ */ new Map();
+    const stack = [...roots.value];
+    while (stack.length) {
+      const n = stack.pop();
+      const label = nodeLabelText(n).trim().toLowerCase();
+      const kw = evalKeywords(n).map((k) => k.trim().toLowerCase()).join("\n");
+      map.set(getKey(n), kw ? `${label}
+${kw}` : label);
+      const kids = getChildren(n);
+      if (kids && kids.length) stack.push(...kids);
+    }
+    searchCorpus.value = map;
+  },
+  { immediate: true }
+);
 function filterPredicate(node, query) {
   const q = query.trim().toLowerCase();
   if (!q) return true;
-  const label = nodeLabelText(node).trim().toLowerCase();
-  if (label.includes(q)) return true;
-  for (const k of evalKeywords(node)) {
-    if (k.trim().toLowerCase().includes(q)) return true;
-  }
-  return false;
+  const hay = searchCorpus.value.get(getKey(node));
+  if (hay !== void 0) return hay.includes(q);
+  return nodeLabelText(node).trim().toLowerCase().includes(q);
 }
 const filterLabelText = computed(() => {
   const localized = props.config.filter?.label ? getLocalizedText(props.config.filter.label, locale.value) : void 0;
@@ -319,9 +338,13 @@ const readonlyText = computed(() => {
       </div>
       <div
         v-else-if="loading && roots.length === 0"
-        class="min-h-9 py-1.5 text-sm text-zinc-400"
+        class="flex flex-col gap-1.5 py-1"
+        aria-busy="true"
       >
-        {{ t("tree-multi-loading") }}
+        <Skeleton class="h-6 w-2/3" />
+        <Skeleton class="h-6 w-1/2" />
+        <Skeleton class="h-6 w-3/5" />
+        <Skeleton class="h-6 w-2/5" />
       </div>
 
       <UiTree
@@ -336,6 +359,7 @@ const readonlyText = computed(() => {
         :filter-predicate="filterPredicate"
         :filter-query="filterQuery"
         :initial-expanded="initialExpanded"
+        :show-focused-row="false"
         :class="isDisabled ? 'pointer-events-none opacity-60' : void 0"
       >
         <template #node="{ node }">

package/dist/runtime/components/ui/tree/Tree.d.vue.ts

@@ -23,6 +23,13 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         filterQuery?: string;
         /** Initial expanded set (uncontrolled). */
         initialExpanded?: NodeKey[];
+        /**
+         * Paint the focused row with a subtle background. Keyboard navigation
+         * still tracks focus either way — this only controls the visual. Forms
+         * and similar surfaces that don't expose keyboard nav to users can turn
+         * it off so a stray click doesn't leave a permanent highlight.
+         */
+        showFocusedRow?: boolean;
     } & {
         onMove?: ((payload: MoveEventPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;

package/dist/runtime/components/ui/tree/Tree.vue

@@ -16,7 +16,8 @@ const props = defineProps({
   canDrop: { type: Function, required: false, default: void 0 },
   filterPredicate: { type: Function, required: false, default: void 0 },
   filterQuery: { type: String, required: false, default: "" },
-  initialExpanded: { type: Array, required: false, default: () => [] }
+  initialExpanded: { type: Array, required: false, default: () => [] },
+  showFocusedRow: { type: Boolean, required: false, default: true }
 });
 const emit = defineEmits(["update:modelValue", "update:roots", "move"]);
 defineSlots();
@@ -275,6 +276,7 @@ const selectedPanePayload = computed(() => ({
           :is-expandable="isExpandable"
           :tree="tree"
           :focused-key="state.focusedKey.value"
+          :show-focused-row="showFocusedRow"
           @toggle-expand="handleToggleExpand"
           @toggle-select="handleToggleSelect"
           @focus-row="handleFocusRow"

package/dist/runtime/components/ui/tree/Tree.vue.d.ts

@@ -23,6 +23,13 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         filterQuery?: string;
         /** Initial expanded set (uncontrolled). */
         initialExpanded?: NodeKey[];
+        /**
+         * Paint the focused row with a subtle background. Keyboard navigation
+         * still tracks focus either way — this only controls the visual. Forms
+         * and similar surfaces that don't expose keyboard nav to users can turn
+         * it off so a stray click doesn't leave a permanent highlight.
+         */
+        showFocusedRow?: boolean;
     } & {
         onMove?: ((payload: MoveEventPayload) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;

package/dist/runtime/components/ui/tree/TreeNode.d.vue.ts

@@ -25,6 +25,7 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         isExpandable: (n: Node) => boolean;
         tree: TreeHandle<Node>;
         focusedKey: NodeKey | null;
+        showFocusedRow: boolean;
     } & {
         "onToggle-expand"?: ((key: string) => any) | undefined;
         "onToggle-select"?: ((key: string) => any) | undefined;

package/dist/runtime/components/ui/tree/TreeNode.vue

@@ -27,7 +27,8 @@ const props = defineProps({
   filterQuery: { type: String, required: true },
   isExpandable: { type: Function, required: true },
   tree: { type: Object, required: true },
-  focusedKey: { type: [String, null], required: true }
+  focusedKey: { type: [String, null], required: true },
+  showFocusedRow: { type: Boolean, required: true }
 });
 const emit = defineEmits(["toggle-expand", "toggle-select", "focus-row"]);
 defineSlots();
@@ -109,7 +110,7 @@ const showChildren = computed(
       v-if="subtreeMatches"
       :class="cn(
   'group flex items-center justify-between gap-2 rounded px-1 py-1 outline-none',
-  focusedKey === key && 'bg-(--primary)/10'
+  showFocusedRow && focusedKey === key && 'bg-(--primary)/10'
 )"
       tabindex="-1"
       @click.stop="emit('focus-row', key)"
@@ -250,6 +251,7 @@ const showChildren = computed(
           :is-expandable="isExpandable"
           :tree="tree"
           :focused-key="focusedKey"
+          :show-focused-row="showFocusedRow"
           @toggle-expand="(k) => emit('toggle-expand', k)"
           @toggle-select="(k) => emit('toggle-select', k)"
           @focus-row="(k) => emit('focus-row', k)"

package/dist/runtime/components/ui/tree/TreeNode.vue.d.ts

@@ -25,6 +25,7 @@ declare const __VLS_export: <Node>(__VLS_props: NonNullable<Awaited<typeof __VLS
         isExpandable: (n: Node) => boolean;
         tree: TreeHandle<Node>;
         focusedKey: NodeKey | null;
+        showFocusedRow: boolean;
     } & {
         "onToggle-expand"?: ((key: string) => any) | undefined;
         "onToggle-select"?: ((key: string) => any) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.3.16",
+  "version": "2.3.17",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {