@adecore/ui 0.31.12 → 0.32.0

package/dist/file-icon.js

@@ -6,18 +6,20 @@ const SPRITE_ELEMENT_ID = 'adecore-ui-file-icon-sprite';
    sprite brings the rules that color it. Everything drawn beside a tree calls `fileIconFor`, so a tab,
    a picker row and a tree row never disagree about what a file is. */
 export const FILE_TREE_ICONS = {
-    set: 'none',
-    spriteSheet: SETI_SPRITE_SHEET,
-    remap: { 'file-tree-icon-file': SETI_DEFAULT_SYMBOL },
-    byFileName: SETI_BY_FILE_NAME,
-    byFileExtension: SETI_BY_FILE_EXTENSION,
-    byFileNameContains: SETI_BY_FILE_NAME_CONTAINS
+  set: 'none',
+  spriteSheet: SETI_SPRITE_SHEET,
+  remap: {
+    'file-tree-icon-file': SETI_DEFAULT_SYMBOL
+  },
+  byFileName: SETI_BY_FILE_NAME,
+  byFileExtension: SETI_BY_FILE_EXTENSION,
+  byFileNameContains: SETI_BY_FILE_NAME_CONTAINS
 };
 let resolver = null;
 /* Built on the first icon rather than on import, so a bundle that never draws one never builds it. */
 const resolveIcon = (...args) => {
-    resolver ??= createFileTreeIconResolver(FILE_TREE_ICONS);
-    return resolver.resolveIcon(...args);
+  resolver ??= createFileTreeIconResolver(FILE_TREE_ICONS);
+  return resolver.resolveIcon(...args);
 };
 /*
  * The id of the `<symbol>` the set gives a file, in the sprite `mountFileIconSprite` puts in the
@@ -26,19 +28,19 @@ const resolveIcon = (...args) => {
  * `ts`). Anything else falls back to the generic file icon, a directory included: the tree marks a
  * folder with its chevron, not a glyph.
  */
-export const fileIconFor = (path) => resolveIcon('file-tree-icon-file', path).name;
+export const fileIconFor = path => resolveIcon('file-tree-icon-file', path).name;
 /* The tree carries the sprite into its own shadow root, out of reach of anything that draws an
    icon next to it, so the document gets a copy of the same sheet to point `<use>` at. */
 export const mountFileIconSprite = () => {
-    if (document.getElementById(SPRITE_ELEMENT_ID) !== null) {
-        return;
-    }
-    const holder = document.createElement('div');
-    holder.innerHTML = SETI_SPRITE_SHEET;
-    const sprite = holder.firstElementChild;
-    if (sprite === null) {
-        return;
-    }
-    sprite.id = SPRITE_ELEMENT_ID;
-    (document.body ?? document.documentElement).append(sprite);
-};
+  if (document.getElementById(SPRITE_ELEMENT_ID) !== null) {
+    return;
+  }
+  const holder = document.createElement('div');
+  holder.innerHTML = SETI_SPRITE_SHEET;
+  const sprite = holder.firstElementChild;
+  if (sprite === null) {
+    return;
+  }
+  sprite.id = SPRITE_ELEMENT_ID;
+  (document.body ?? document.documentElement).append(sprite);
+};

package/dist/file-tree/helpers.js

@@ -2,175 +2,189 @@ import { nameOrder } from '../format/locale.js';
 // Expanded folders can reveal more flattened rows; cap custom-key cycles.
 const EXPANSION_PASSES = 32;
 export function directoryHandle(model, path) {
-    const item = model.getItem(path);
-    return item?.isDirectory() ? item : null;
+  const item = model.getItem(path);
+  return item?.isDirectory() ? item : null;
 }
 export function pathOfRow(row) {
-    return row.isFlattened ? (row.flattenedSegments?.findLast((segment) => segment.isTerminal)?.path ?? row.path) : row.path;
+  return row.isFlattened ? row.flattenedSegments?.findLast(segment => segment.isTerminal)?.path ?? row.path : row.path;
 }
 export function visibleRows(model) {
-    return model.getVisibleRows(0, model.getVisibleCount()).map((row) => ({ ...row, path: pathOfRow(row) }));
+  return model.getVisibleRows(0, model.getVisibleCount()).map(row => ({
+    ...row,
+    path: pathOfRow(row)
+  }));
 }
 /* The `count` rows from `start` and one on each side, for a neighbor's selection, without copying the whole list. */
 export function visibleRowsAround(model, start, count) {
-    const first = Math.max(0, start - 1);
-    const last = Math.min(model.getVisibleCount() - 1, start + count);
-    if (last < first) {
-        return [];
-    }
-    return model.getVisibleRows(first, last).map((row) => ({ ...row, path: pathOfRow(row) }));
+  const first = Math.max(0, start - 1);
+  const last = Math.min(model.getVisibleCount() - 1, start + count);
+  if (last < first) {
+    return [];
+  }
+  return model.getVisibleRows(first, last).map(row => ({
+    ...row,
+    path: pathOfRow(row)
+  }));
 }
 export function applyExpansion(model, collapsed, keyOf) {
-    for (let pass = 0; pass < EXPANSION_PASSES; pass++) {
-        const { collapse, expand } = expansionChanges(visibleRows(model), collapsed, keyOf);
-        if (collapse.length === 0 && expand.length === 0) {
-            return;
-        }
-        for (const path of collapse) {
-            directoryHandle(model, path)?.collapse();
-        }
-        for (const path of expand) {
-            directoryHandle(model, path)?.expand();
-        }
+  for (let pass = 0; pass < EXPANSION_PASSES; pass++) {
+    const {
+      collapse,
+      expand
+    } = expansionChanges(visibleRows(model), collapsed, keyOf);
+    if (collapse.length === 0 && expand.length === 0) {
+      return;
+    }
+    for (const path of collapse) {
+      directoryHandle(model, path)?.collapse();
+    }
+    for (const path of expand) {
+      directoryHandle(model, path)?.expand();
     }
+  }
 }
 export function resetExpandedPaths(model, paths, expanded) {
-    model.resetPaths(paths, { initialExpandedPaths: [...expanded] });
-    // @pierre/trees beta.6 restores expansion with its default sort, so custom sorting needs a second pass.
-    for (const path of expanded) {
-        directoryHandle(model, path)?.expand();
-    }
+  model.resetPaths(paths, {
+    initialExpandedPaths: [...expanded]
+  });
+  // @pierre/trees beta.6 restores expansion with its default sort, so custom sorting needs a second pass.
+  for (const path of expanded) {
+    directoryHandle(model, path)?.expand();
+  }
 }
 export function rowPathOf(event) {
-    for (const node of event.nativeEvent.composedPath()) {
-        const path = node instanceof HTMLElement ? node.dataset.itemPath : undefined;
-        if (path) {
-            return path;
-        }
+  for (const node of event.nativeEvent.composedPath()) {
+    const path = node instanceof HTMLElement ? node.dataset.itemPath : undefined;
+    if (path) {
+      return path;
     }
-    return null;
+  }
+  return null;
 }
 export function menuTargetsOf(row, selected) {
-    return selected.includes(row) && selected.length > 1 ? [...selected] : [row];
+  return selected.includes(row) && selected.length > 1 ? [...selected] : [row];
 }
 export function extendsSelection(event) {
-    return event.shiftKey || event.metaKey || event.ctrlKey;
+  return event.shiftKey || event.metaKey || event.ctrlKey;
 }
 const FOCUS_KEYS = new Set(['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End']);
 export function movesFocus(event) {
-    return FOCUS_KEYS.has(event.key) && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey;
+  return FOCUS_KEYS.has(event.key) && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey;
 }
 export function selectOnly(model, path) {
-    for (const selected of model.getSelectedPaths()) {
-        if (selected !== path) {
-            model.getItem(selected)?.deselect();
-        }
-    }
-    const item = path === null ? null : model.getItem(path);
-    if (item && !item.isSelected()) {
-        item.select();
+  for (const selected of model.getSelectedPaths()) {
+    if (selected !== path) {
+      model.getItem(selected)?.deselect();
     }
+  }
+  const item = path === null ? null : model.getItem(path);
+  if (item && !item.isSelected()) {
+    item.select();
+  }
 }
 export function followFocus(model, onMoved) {
-    const from = model.getFocusedPath();
-    const timer = window.setTimeout(() => {
-        const path = model.getFocusedPath();
-        selectOnly(model, path);
-        if (path !== null && path !== from) {
-            onMoved?.(path);
-        }
-    }, 0);
-    return () => window.clearTimeout(timer);
+  const from = model.getFocusedPath();
+  const timer = window.setTimeout(() => {
+    const path = model.getFocusedPath();
+    selectOnly(model, path);
+    if (path !== null && path !== from) {
+      onMoved?.(path);
+    }
+  }, 0);
+  return () => window.clearTimeout(timer);
 }
 export function focusRow(model, path) {
-    const selector = `[data-type="item"][data-item-path="${CSS.escape(path)}"]:not([data-item-parked="true"])`;
-    const row = model.getFileTreeContainer()?.shadowRoot?.querySelector(selector) ?? null;
-    row?.focus();
-    return row !== null;
+  const selector = `[data-type="item"][data-item-path="${CSS.escape(path)}"]:not([data-item-parked="true"])`;
+  const row = model.getFileTreeContainer()?.shadowRoot?.querySelector(selector) ?? null;
+  row?.focus();
+  return row !== null;
 }
 export function ancestorDirsOf(treePath) {
-    const segments = treePath.split('/').filter((segment) => segment !== '');
-    segments.pop();
-    const dirs = [];
-    let prefix = '';
-    for (const segment of segments) {
-        prefix = `${prefix}${segment}/`;
-        dirs.push(prefix);
-    }
-    return dirs;
+  const segments = treePath.split('/').filter(segment => segment !== '');
+  segments.pop();
+  const dirs = [];
+  let prefix = '';
+  for (const segment of segments) {
+    prefix = `${prefix}${segment}/`;
+    dirs.push(prefix);
+  }
+  return dirs;
 }
 export function withoutClosedBranches(open, known) {
-    return new Set([...open].filter((path) => ancestorDirsOf(path).every((dir) => open.has(dir) || !known.has(dir))));
+  return new Set([...open].filter(path => ancestorDirsOf(path).every(dir => open.has(dir) || !known.has(dir))));
 }
 export function newlyExpanded(before, after) {
-    return [...after].filter((path) => !before.has(path));
+  return [...after].filter(path => !before.has(path));
 }
 export function mergeExpanded(remembered, reported, known) {
-    const merged = new Set(reported);
-    for (const path of remembered) {
-        if (!known.has(path)) {
-            merged.add(path);
-        }
+  const merged = new Set(reported);
+  for (const path of remembered) {
+    if (!known.has(path)) {
+      merged.add(path);
     }
-    return merged;
+  }
+  return merged;
 }
 export function compareRows(left, right) {
-    const shared = Math.min(left.segments.length, right.segments.length);
-    for (let i = 0; i < shared; i++) {
-        const leftSegment = left.segments[i];
-        const rightSegment = right.segments[i];
-        if (leftSegment === rightSegment) {
-            continue;
-        }
-        const leftIsDirectory = left.isDirectory || i < left.segments.length - 1;
-        const rightIsDirectory = right.isDirectory || i < right.segments.length - 1;
-        if (leftIsDirectory !== rightIsDirectory) {
-            return leftIsDirectory ? -1 : 1;
-        }
-        return nameOrder(leftSegment, rightSegment);
+  const shared = Math.min(left.segments.length, right.segments.length);
+  for (let i = 0; i < shared; i++) {
+    const leftSegment = left.segments[i];
+    const rightSegment = right.segments[i];
+    if (leftSegment === rightSegment) {
+      continue;
+    }
+    const leftIsDirectory = left.isDirectory || i < left.segments.length - 1;
+    const rightIsDirectory = right.isDirectory || i < right.segments.length - 1;
+    if (leftIsDirectory !== rightIsDirectory) {
+      return leftIsDirectory ? -1 : 1;
     }
-    // One path is the head of the other, so the shorter one is the directory the longer one sits in.
-    return left.segments.length - right.segments.length;
+    return nameOrder(leftSegment, rightSegment);
+  }
+  // One path is the head of the other, so the shorter one is the directory the longer one sits in.
+  return left.segments.length - right.segments.length;
 }
 export function dirPathOf(rowPath) {
-    return rowPath.endsWith('/') ? rowPath.slice(0, -1) : rowPath;
+  return rowPath.endsWith('/') ? rowPath.slice(0, -1) : rowPath;
 }
 function plainKey(rowPath) {
-    return dirPathOf(rowPath);
+  return dirPathOf(rowPath);
 }
 export function collapsedPathsOf(rows, keyOf = plainKey) {
-    return rows.flatMap((row) => {
-        const key = row.kind === 'directory' && !row.isExpanded ? keyOf(row.path) : null;
-        return key === null ? [] : [key];
-    });
+  return rows.flatMap(row => {
+    const key = row.kind === 'directory' && !row.isExpanded ? keyOf(row.path) : null;
+    return key === null ? [] : [key];
+  });
 }
 export function mergeCollapsedPaths(current, rows, keyOf = plainKey) {
-    const known = new Set(rows.flatMap((row) => (row.kind === 'directory' ? [keyOf(row.path)] : [])));
-    const folded = new Set(collapsedPathsOf(rows, keyOf));
-    const next = current.filter((dir) => !known.has(dir) || folded.has(dir));
-    const existing = new Set(current);
-    for (const dir of folded) {
-        if (!existing.has(dir)) {
-            next.push(dir);
-        }
+  const known = new Set(rows.flatMap(row => row.kind === 'directory' ? [keyOf(row.path)] : []));
+  const folded = new Set(collapsedPathsOf(rows, keyOf));
+  const next = current.filter(dir => !known.has(dir) || folded.has(dir));
+  const existing = new Set(current);
+  for (const dir of folded) {
+    if (!existing.has(dir)) {
+      next.push(dir);
     }
-    // Selection also notifies subscribers; unchanged folds must not restart the shared-state cycle.
-    return next.length === current.length && next.every((dir, index) => dir === current[index]) ? current : next;
+  }
+  // Selection also notifies subscribers; unchanged folds must not restart the shared-state cycle.
+  return next.length === current.length && next.every((dir, index) => dir === current[index]) ? current : next;
 }
 export function expansionChanges(rows, collapsed, keyOf = plainKey) {
-    const changes = { collapse: [], expand: [] };
-    for (const row of rows) {
-        const key = row.kind === 'directory' ? keyOf(row.path) : null;
-        if (key === null) {
-            continue;
-        }
-        const folded = collapsed.has(key);
-        if (folded && row.isExpanded) {
-            changes.collapse.push(row.path);
-        }
-        if (!folded && !row.isExpanded) {
-            changes.expand.push(row.path);
-        }
+  const changes = {
+    collapse: [],
+    expand: []
+  };
+  for (const row of rows) {
+    const key = row.kind === 'directory' ? keyOf(row.path) : null;
+    if (key === null) {
+      continue;
     }
-    return changes;
-}
+    const folded = collapsed.has(key);
+    if (folded && row.isExpanded) {
+      changes.collapse.push(row.path);
+    }
+    if (!folded && !row.isExpanded) {
+      changes.expand.push(row.path);
+    }
+  }
+  return changes;
+}

package/dist/file-tree/index.parts.js

@@ -1,3 +1,3 @@
-export { FileTreeRoot as Root } from './parts.js';
-export { TreeCheckbox as Checkbox, TreeControl as Control, TreeDecoration as Decoration } from '../tree/parts.js';
-export { ancestorDirsOf, applyExpansion, collapsedPathsOf, compareRows, directoryHandle, dirPathOf, expansionChanges, extendsSelection, focusRow, followFocus, menuTargetsOf, mergeCollapsedPaths, mergeExpanded, movesFocus, newlyExpanded, pathOfRow, resetExpandedPaths, rowPathOf, selectOnly, visibleRows, withoutClosedBranches } from './helpers.js';
+export { FileTreeRoot as Root } from "./parts.js";
+export { TreeCheckbox as Checkbox, TreeControl as Control, TreeDecoration as Decoration } from "../tree/parts.js";
+export { ancestorDirsOf, applyExpansion, collapsedPathsOf, compareRows, directoryHandle, dirPathOf, expansionChanges, extendsSelection, focusRow, followFocus, menuTargetsOf, mergeCollapsedPaths, mergeExpanded, movesFocus, newlyExpanded, pathOfRow, resetExpandedPaths, rowPathOf, selectOnly, visibleRows, withoutClosedBranches } from './helpers.js';