@leavepulse/ui 0.22.19 → 0.22.20

package/dist/chunks/{LpFileTree-Cw50eG_y.js → LpFileTree-CMy2qQ1m.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, Fragment, renderList, normalizeStyle, createBlock, createVNode, withCtx, createElementVNode, renderSlot, mergeProps, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$1 } from "./LpEmptyState-CrfyRJUG.js";
-import { _ as _sfc_main$3 } from "./LpFileTreeNode-DFg4PhOK.js";
+import { _ as _sfc_main$3 } from "./LpFileTreeNode-Cgf68Tup.js";
 import { _ as _sfc_main$2 } from "./LpScrollArea-D8xyKXcF.js";
 const _hoisted_1 = {
   key: 0,
@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     emptyLabel: { default: "No files" },
     emptyDescription: { default: "This folder is empty." }
   },
-  emits: ["update:selected", "update:expanded", "select", "open", "expand", "collapse", "update:checked", "summary"],
+  emits: ["update:selected", "update:expanded", "select", "open", "expand", "collapse", "update:checked", "summary", "contextmenu"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -360,7 +360,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onSelect,
                   onToggle,
                   onFocus: _cache[0] || (_cache[0] = ($event) => focusedId.value = $event.id),
-                  onCheck
+                  onCheck,
+                  onContextmenu: _cache[1] || (_cache[1] = (n, e) => emit("contextmenu", n, e))
                 }, {
                   row: withCtx((slotProps) => [
                     renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))

package/dist/chunks/{LpFileTreeNode-DFg4PhOK.js → LpFileTreeNode-Cgf68Tup.js}

@@ -45,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showSize: { type: Boolean },
     showModified: { type: Boolean }
   },
-  emits: ["select", "toggle", "focus", "check"],
+  emits: ["select", "toggle", "focus", "check", "contextmenu"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -132,7 +132,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 __props.node.disabled ? "cursor-not-allowed text-muted/50" : isSelected.value ? "bg-brand-soft text-ink" : "text-muted hover:bg-surface-soft hover:text-ink"
               ]]),
               style: normalizeStyle({ paddingLeft: `${__props.depth * 14 + 6}px` }),
-              onClick: withModifiers(onActivate, ["stop"])
+              onClick: withModifiers(onActivate, ["stop"]),
+              onContextmenu: _cache[2] || (_cache[2] = ($event) => emit("contextmenu", __props.node, $event))
             }, [
               createElementVNode("span", _hoisted_3, [
                 isLoading.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -177,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               __props.node.meta ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.node.meta), 1)) : createCommentVNode("", true),
               modifiedLabel.value ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(modifiedLabel.value), 1)) : createCommentVNode("", true),
               sizeLabel.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(sizeLabel.value), 1)) : createCommentVNode("", true)
-            ], 14, _hoisted_2)
+            ], 46, _hoisted_2)
           ]),
           _: 3
         }, 8, ["items"]),
@@ -206,10 +207,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   stats: __props.stats,
                   "show-size": __props.showSize,
                   "show-modified": __props.showModified,
-                  onSelect: _cache[2] || (_cache[2] = ($event) => emit("select", $event)),
-                  onToggle: _cache[3] || (_cache[3] = ($event) => emit("toggle", $event)),
-                  onFocus: _cache[4] || (_cache[4] = ($event) => emit("focus", $event)),
-                  onCheck: _cache[5] || (_cache[5] = (n, v) => emit("check", n, v))
+                  onSelect: _cache[3] || (_cache[3] = ($event) => emit("select", $event)),
+                  onToggle: _cache[4] || (_cache[4] = ($event) => emit("toggle", $event)),
+                  onFocus: _cache[5] || (_cache[5] = ($event) => emit("focus", $event)),
+                  onCheck: _cache[6] || (_cache[6] = (n, v) => emit("check", n, v)),
+                  onContextmenu: _cache[7] || (_cache[7] = (n, e) => emit("contextmenu", n, e))
                 }, {
                   row: withCtx((slotProps) => [
                     renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))

package/dist/components/LpFileTree.vue.d.ts

@@ -71,6 +71,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     expand: (node: FileNode) => any;
     select: (node: FileNode) => any;
     summary: (summary: FileTreeSummary) => any;
+    contextmenu: (node: FileNode, event: MouseEvent) => any;
     open: (node: FileNode) => any;
     collapse: (node: FileNode) => any;
     "update:selected": (id: string) => any;
@@ -80,6 +81,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     onExpand?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
     onSummary?: ((summary: FileTreeSummary) => any) | undefined;
+    onContextmenu?: ((node: FileNode, event: MouseEvent) => any) | undefined;
     onOpen?: ((node: FileNode) => any) | undefined;
     onCollapse?: ((node: FileNode) => any) | undefined;
     "onUpdate:selected"?: ((id: string) => any) | undefined;

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-Cw50eG_y.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-CMy2qQ1m.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpFileTreeNode.vue.d.ts

@@ -30,11 +30,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     check: (node: FileNode, value: boolean) => any;
     focus: (node: FileNode) => any;
     select: (node: FileNode) => any;
+    contextmenu: (node: FileNode, event: MouseEvent) => any;
     toggle: (node: FileNode) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCheck?: ((node: FileNode, value: boolean) => any) | undefined;
     onFocus?: ((node: FileNode) => any) | undefined;
     onSelect?: ((node: FileNode) => any) | undefined;
+    onContextmenu?: ((node: FileNode, event: MouseEvent) => any) | undefined;
     onToggle?: ((node: FileNode) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-DFg4PhOK.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-Cgf68Tup.js";
 export {
   _sfc_main as default
 };

package/dist/index.js

@@ -22,7 +22,7 @@ import { _ as _19 } from "./chunks/LpDivider-CUX46KR0.js";
 import { _ as _20 } from "./chunks/LpDrawer-DAJN5rGK.js";
 import { _ as _21 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { _ as _22 } from "./chunks/LpEmptyState-CrfyRJUG.js";
-import { _ as _23 } from "./chunks/LpFileTree-Cw50eG_y.js";
+import { _ as _23 } from "./chunks/LpFileTree-CMy2qQ1m.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _24 } from "./chunks/LpFormField-Bn-ZwC6z.js";
 import { _ as _25 } from "./chunks/LpIcon-CCnX5_2j.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.22.19",
+  "version": "0.22.20",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpFileTree.vue

@@ -103,6 +103,9 @@ const emit = defineEmits<{
   (e: "update:checked", ids: string[]): void
   /** Ticked set changed, with the rolled-up stats already computed. */
   (e: "summary", summary: FileTreeSummary): void
+  /* Not prevented here: a caller that wants the native menu on some rows needs
+     the event intact to decide. */
+  (e: "contextmenu", node: FileNode, event: MouseEvent): void
 }>()
 
 defineSlots<{
@@ -528,6 +531,7 @@ defineExpose({ reveal, expandAll, collapseAll, checkAll, clearChecked, summary }
           @toggle="onToggle"
           @focus="focusedId = $event.id"
           @check="onCheck"
+          @contextmenu="(n, e) => emit('contextmenu', n, e)"
         >
           <template #row="slotProps">
             <slot name="row" v-bind="slotProps" />

package/src/components/LpFileTreeNode.vue

@@ -47,6 +47,7 @@ const emit = defineEmits<{
   (e: "toggle", node: FileNode): void
   (e: "focus", node: FileNode): void
   (e: "check", node: FileNode, value: boolean): void
+  (e: "contextmenu", node: FileNode, event: MouseEvent): void
 }>()
 
 // Declared explicitly: the component renders itself, so an inferred slot type
@@ -176,6 +177,7 @@ function onActivate() {
         ]"
         :style="{ paddingLeft: `${depth * 14 + 6}px` }"
         @click.stop="onActivate"
+        @contextmenu="emit('contextmenu', node, $event)"
       >
         <!-- Chevron sits in a fixed-width slot so names line up whether or not
              the row can expand. Leaves get the same gutter, left empty. -->
@@ -281,6 +283,7 @@ function onActivate() {
           @toggle="emit('toggle', $event)"
           @focus="emit('focus', $event)"
           @check="(n, v) => emit('check', n, v)"
+          @contextmenu="(n, e) => emit('contextmenu', n, e)"
         >
           <template #row="slotProps">
             <slot name="row" v-bind="slotProps" />