@leavepulse/ui 0.77.2 → 0.78.0

package/dist/chunks/LpFileTree-CooHinsC.js

@@ -1,425 +0,0 @@
-import { defineComponent, ref, watch, computed, openBlock, createElementBlock, mergeProps, unref, Fragment, renderList, createBlock, normalizeStyle, createVNode, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { useLocale } from "../composables/useLocale.js";
-import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
-import { _ as _sfc_main$2 } from "./LpEmptyState-EQHiRYhG.js";
-import { _ as _sfc_main$4 } from "./LpFileTreeNode-cT6BIWvz.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-MyEnVB_5.js";
-import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
-import { usePersisted } from "../composables/usePersisted.js";
-import { useMergedAttrs } from "../composables/useMergedClass.js";
-import { useLabels } from "../composables/useLpConfig.js";
-const _hoisted_1 = {
-  key: 2,
-  class: "flex h-full w-full min-w-0 flex-col"
-};
-const _hoisted_2 = ["aria-multiselectable"];
-const _hoisted_3 = {
-  key: 0,
-  class: "shrink-0 border-t border-line px-2 py-1.5 text-xs text-muted"
-};
-const __default__ = { inheritAttrs: false };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "LpFileTree",
-  props: {
-    nodes: {},
-    selected: {},
-    expanded: {},
-    persist: {},
-    loadingIds: {},
-    checkable: { type: Boolean, default: false },
-    checked: {},
-    showSize: { type: Boolean, default: false },
-    showModified: { type: Boolean, default: false },
-    sort: { type: Boolean, default: true },
-    iconSize: { default: 15 },
-    loading: { type: Boolean, default: false },
-    skeletonRows: { default: 8 },
-    emptyLabel: {},
-    emptyDescription: {},
-    labels: {}
-  },
-  emits: ["update:selected", "update:expanded", "select", "open", "expand", "collapse", "update:checked", "summary"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const storedOpen = usePersisted(
-      () => props.expanded === void 0 && props.persist && `lp-file-tree:${props.persist}`,
-      null,
-      { validate: (value) => value === null || Array.isArray(value) && value.every((id) => typeof id === "string") }
-    );
-    const openIds = ref(new Set(props.expanded ?? storedOpen.value ?? []));
-    watch(
-      () => props.expanded,
-      (ids) => {
-        if (ids) openIds.value = new Set(ids);
-      }
-    );
-    watch(openIds, (ids) => {
-      if (props.expanded === void 0 && props.persist) storedOpen.value = [...ids];
-    });
-    const text = useLabels(
-      "fileTree",
-      {
-        empty: "No files",
-        emptyDescription: "This folder is empty.",
-        file: "file",
-        files: "files",
-        folder: "folder",
-        folders: "folders"
-      },
-      () => props.labels
-    );
-    const loadingSet = computed(() => new Set(props.loadingIds ?? []));
-    const checkedIds = ref(new Set(props.checked ?? []));
-    watch(
-      () => props.checked,
-      (ids) => {
-        if (ids) checkedIds.value = new Set(ids);
-      }
-    );
-    const index = computed(() => {
-      const byId2 = /* @__PURE__ */ new Map();
-      const parentOfId = /* @__PURE__ */ new Map();
-      function walk(list, parent) {
-        for (const node of list) {
-          byId2.set(node.id, node);
-          if (parent !== void 0) parentOfId.set(node.id, parent);
-          if (node.children) walk(node.children, node.id);
-        }
-      }
-      walk(props.nodes);
-      return { byId: byId2, parentOfId };
-    });
-    const byId = computed(() => index.value.byId);
-    const stats = computed(() => computeStats(props.nodes, checkedIds.value));
-    const locale = useLocale();
-    const summary = computed(() => {
-      let files = 0;
-      let dirs = 0;
-      let bytes = 0;
-      let sized = false;
-      function walk(list) {
-        for (const node of list) {
-          const stat = stats.value.get(node.id);
-          if (!stat || stat.state === "unchecked") continue;
-          if (node.kind === "file") {
-            files++;
-            if (node.size !== void 0) {
-              bytes += node.size;
-              sized = true;
-            }
-            continue;
-          }
-          dirs++;
-          if (stat.state === "checked" && stat.size !== void 0) {
-            bytes += stat.size;
-            sized = true;
-            files += stat.total;
-            countDirs(node.children ?? []);
-            continue;
-          }
-          walk(node.children ?? []);
-        }
-      }
-      function countDirs(list) {
-        for (const node of list) {
-          if (node.kind !== "dir") continue;
-          dirs++;
-          countDirs(node.children ?? []);
-        }
-      }
-      walk(props.nodes);
-      return {
-        files,
-        dirs,
-        bytes: sized ? bytes : void 0,
-        sizeLabel: sized ? formatSize(bytes, locale.value) : "—"
-      };
-    });
-    watch(summary, (value) => emit("summary", value), { immediate: true });
-    function setChecked(next) {
-      checkedIds.value = next;
-      emit("update:checked", [...next]);
-    }
-    function onCheck(node, value) {
-      if (node.disabled) return;
-      const next = new Set(checkedIds.value);
-      for (const id of subtreeIds(node)) {
-        const target = byId.value.get(id);
-        if (target?.disabled) continue;
-        if (value) next.add(id);
-        else next.delete(id);
-      }
-      let ancestorId = index.value.parentOfId.get(node.id);
-      while (ancestorId !== void 0) {
-        const ancestor = byId.value.get(ancestorId);
-        if (ancestor?.children?.length) {
-          const all = ancestor.children.every((c) => c.disabled || next.has(c.id));
-          if (all) next.add(ancestorId);
-          else next.delete(ancestorId);
-        }
-        ancestorId = index.value.parentOfId.get(ancestorId);
-      }
-      setChecked(next);
-    }
-    function checkAll() {
-      const next = /* @__PURE__ */ new Set();
-      for (const [id, node] of byId.value) if (!node.disabled) next.add(id);
-      setChecked(next);
-    }
-    function clearChecked() {
-      setChecked(/* @__PURE__ */ new Set());
-    }
-    const requested = /* @__PURE__ */ new Set();
-    const roots = computed(() => props.sort ? sortNodes(props.nodes) : props.nodes);
-    const visible = computed(() => {
-      const out = [];
-      function walk(list) {
-        for (const node of props.sort ? sortNodes(list) : list) {
-          out.push(node);
-          if (node.kind === "dir" && openIds.value.has(node.id) && node.children?.length) {
-            walk(node.children);
-          }
-        }
-      }
-      walk(props.nodes);
-      return out;
-    });
-    const focusedId = ref(props.selected);
-    watch(
-      () => props.selected,
-      (id) => {
-        if (id) focusedId.value = id;
-      }
-    );
-    watch(
-      visible,
-      (rows) => {
-        if (!rows.length) {
-          focusedId.value = void 0;
-        } else if (!rows.some((n) => n.id === focusedId.value)) {
-          focusedId.value = rows[0].id;
-        }
-      },
-      { immediate: true }
-    );
-    const root = ref(null);
-    function focusRow(id) {
-      focusedId.value = id;
-      const el = root.value?.querySelector(`[data-node-id="${CSS.escape(id)}"]`);
-      el?.focus();
-      el?.scrollIntoView({ block: "nearest" });
-    }
-    function setExpanded(next) {
-      openIds.value = next;
-      emit("update:expanded", [...next]);
-    }
-    function expand(node) {
-      if (node.kind !== "dir" || openIds.value.has(node.id)) return;
-      const next = new Set(openIds.value);
-      next.add(node.id);
-      setExpanded(next);
-      if (node.children === void 0 && !requested.has(node.id)) {
-        requested.add(node.id);
-        emit("expand", node);
-      }
-    }
-    function collapse(node) {
-      if (!openIds.value.has(node.id)) return;
-      if (node.children === void 0 && !loadingSet.value.has(node.id)) requested.delete(node.id);
-      const next = new Set(openIds.value);
-      next.delete(node.id);
-      setExpanded(next);
-      emit("collapse", node);
-    }
-    function onToggle(node) {
-      if (openIds.value.has(node.id)) collapse(node);
-      else expand(node);
-    }
-    function onSelect(node) {
-      if (node.disabled) return;
-      if (props.selected === node.id) {
-        emit("update:selected", "");
-        return;
-      }
-      emit("update:selected", node.id);
-      emit("select", node);
-      if (node.kind === "file") emit("open", node);
-    }
-    function parentOf(id) {
-      const parentId = index.value.parentOfId.get(id);
-      return parentId ? visible.value.find((n) => n.id === parentId) : void 0;
-    }
-    function move(delta) {
-      const rows = visible.value;
-      if (!rows.length) return;
-      const i = rows.findIndex((n) => n.id === focusedId.value);
-      const next = rows[Math.min(rows.length - 1, Math.max(0, (i < 0 ? 0 : i) + delta))];
-      if (next) focusRow(next.id);
-    }
-    function current() {
-      return visible.value.find((n) => n.id === focusedId.value);
-    }
-    function onKeydown(e) {
-      const node = current();
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          move(1);
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          move(-1);
-          break;
-        case "ArrowRight": {
-          if (!node) return;
-          e.preventDefault();
-          if (node.kind === "dir" && !openIds.value.has(node.id)) expand(node);
-          else if (node.kind === "dir" && node.children?.length) move(1);
-          break;
-        }
-        case "ArrowLeft": {
-          if (!node) return;
-          e.preventDefault();
-          if (node.kind === "dir" && openIds.value.has(node.id)) collapse(node);
-          else {
-            const parent = parentOf(node.id);
-            if (parent) focusRow(parent.id);
-          }
-          break;
-        }
-        case "Home":
-          e.preventDefault();
-          if (visible.value[0]) focusRow(visible.value[0].id);
-          break;
-        case "End": {
-          e.preventDefault();
-          const last = visible.value.at(-1);
-          if (last) focusRow(last.id);
-          break;
-        }
-        case " ": {
-          if (!node) return;
-          e.preventDefault();
-          if (props.checkable) {
-            onCheck(node, stats.value.get(node.id)?.state !== "checked");
-            break;
-          }
-          onSelect(node);
-          if (node.kind === "dir") onToggle(node);
-          break;
-        }
-        case "Enter": {
-          if (!node) return;
-          e.preventDefault();
-          onSelect(node);
-          if (node.kind === "dir") onToggle(node);
-          break;
-        }
-      }
-    }
-    function reveal(id) {
-      const next = new Set(openIds.value);
-      for (const ancestor of ancestorIds(props.nodes, id)) next.add(ancestor);
-      setExpanded(next);
-      emit("update:selected", id);
-      requestAnimationFrame(() => focusRow(id));
-    }
-    function expandAll() {
-      const next = new Set(openIds.value);
-      function walk(list) {
-        for (const node of list) {
-          if (node.kind === "dir" && node.children?.length) {
-            next.add(node.id);
-            walk(node.children);
-          }
-        }
-      }
-      walk(props.nodes);
-      setExpanded(next);
-    }
-    function collapseAll() {
-      setExpanded(/* @__PURE__ */ new Set());
-    }
-    __expose({ reveal, expandAll, collapseAll, checkAll, clearChecked, summary });
-    const { class: rootClass, attrs: rest } = useMergedAttrs(
-      "flex h-full w-full min-w-0 flex-col gap-1 overflow-hidden"
-    );
-    return (_ctx, _cache) => {
-      return __props.loading ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        class: unref(rootClass)
-      }, unref(rest)), [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.skeletonRows, (n) => {
-          return openBlock(), createBlock(_sfc_main$1, {
-            key: n,
-            class: "h-7 shrink-0",
-            style: normalizeStyle({ marginLeft: `${n % 3 * 14}px` })
-          }, null, 8, ["style"]);
-        }), 128))
-      ], 16)) : !roots.value.length ? (openBlock(), createBlock(_sfc_main$2, {
-        key: 1,
-        icon: "lucide:folder-search",
-        title: __props.emptyLabel ?? unref(text).empty,
-        description: __props.emptyDescription ?? unref(text).emptyDescription
-      }, null, 8, ["title", "description"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$3, { class: "min-h-0 w-full min-w-0 flex-1" }, {
-          default: withCtx(() => [
-            createElementVNode("ul", {
-              ref_key: "root",
-              ref: root,
-              role: "tree",
-              "aria-multiselectable": __props.checkable,
-              class: "flex min-w-0 flex-col",
-              onKeydown
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(roots.value, (node) => {
-                return openBlock(), createBlock(_sfc_main$4, {
-                  key: node.id,
-                  node,
-                  depth: 0,
-                  expanded: openIds.value,
-                  loading: loadingSet.value,
-                  "selected-id": __props.selected,
-                  "focused-id": focusedId.value,
-                  sort: __props.sort,
-                  "icon-size": __props.iconSize,
-                  checkable: __props.checkable,
-                  checked: checkedIds.value,
-                  stats: stats.value,
-                  "show-size": __props.showSize,
-                  "show-modified": __props.showModified,
-                  onSelect,
-                  onToggle,
-                  onFocus: _cache[0] || (_cache[0] = ($event) => focusedId.value = $event.id),
-                  onCheck
-                }, {
-                  row: withCtx((slotProps) => [
-                    renderSlot(_ctx.$slots, "row", mergeProps({ ref_for: true }, slotProps))
-                  ]),
-                  _: 3
-                }, 8, ["node", "expanded", "loading", "selected-id", "focused-id", "sort", "icon-size", "checkable", "checked", "stats", "show-size", "show-modified"]);
-              }), 128))
-            ], 40, _hoisted_2)
-          ]),
-          _: 3
-        }),
-        __props.checkable && (_ctx.$slots.summary || summary.value.files || summary.value.dirs) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "summary", normalizeProps(guardReactiveProps(summary.value)), () => [
-            createTextVNode(toDisplayString(summary.value.files) + " " + toDisplayString(summary.value.files === 1 ? unref(text).file : unref(text).files), 1),
-            summary.value.dirs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createTextVNode(", " + toDisplayString(summary.value.dirs) + " " + toDisplayString(summary.value.dirs === 1 ? unref(text).folder : unref(text).folders), 1)
-            ], 64)) : createCommentVNode("", true),
-            summary.value.bytes !== void 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(" · " + toDisplayString(summary.value.sizeLabel), 1)
-            ], 64)) : createCommentVNode("", true)
-          ])
-        ])) : createCommentVNode("", true)
-      ]));
-    };
-  }
-});
-export {
-  _sfc_main as _
-};