@gtkx/react 0.13.3 → 0.15.0

package/dist/nodes/calendar.js

@@ -3,7 +3,6 @@ import { registerNodeClass } from "../registry.js";
 import { CommitPriority, scheduleAfterCommit } from "../scheduler.js";
 import { CalendarMarkNode } from "./calendar-mark.js";
 import { isContainerType } from "./internal/utils.js";
-import { SlotNode } from "./slot.js";
 import { WidgetNode } from "./widget.js";
 class CalendarNode extends WidgetNode {
     static priority = 1;
@@ -18,11 +17,7 @@ class CalendarNode extends WidgetNode {
             scheduleAfterCommit(() => child.addMark());
             return;
         }
-        if (child instanceof SlotNode || child instanceof WidgetNode) {
-            super.appendChild(child);
-            return;
-        }
-        throw new Error(`Cannot append '${child.typeName}' to 'Calendar': expected x.CalendarMark or Widget`);
+        super.appendChild(child);
     }
     insertBefore(child, before) {
         if (child instanceof CalendarMarkNode) {
@@ -37,11 +32,7 @@ class CalendarNode extends WidgetNode {
             this.scheduleRebuildAllMarks();
             return;
         }
-        if (child instanceof SlotNode || child instanceof WidgetNode) {
-            super.insertBefore(child, before);
-            return;
-        }
-        throw new Error(`Cannot insert '${child.typeName}' into 'Calendar': expected x.CalendarMark or Widget`);
+        super.insertBefore(child, before);
     }
     removeChild(child) {
         if (child instanceof CalendarMarkNode) {
@@ -52,11 +43,7 @@ class CalendarNode extends WidgetNode {
             this.scheduleRebuildAllMarks(CommitPriority.HIGH);
             return;
         }
-        if (child instanceof SlotNode || child instanceof WidgetNode) {
-            super.removeChild(child);
-            return;
-        }
-        throw new Error(`Cannot remove '${child.typeName}' from 'Calendar': expected x.CalendarMark or Widget`);
+        super.removeChild(child);
     }
     scheduleRebuildAllMarks(priority = CommitPriority.NORMAL) {
         scheduleAfterCommit(() => {

package/dist/nodes/column-view-column.d.ts

@@ -10,6 +10,7 @@ export declare class ColumnViewColumnNode extends VirtualNode<Props> {
     column: Gtk.ColumnViewColumn;
     private itemRenderer;
     constructor(typeName: string, props: Props, container: undefined, rootContainer?: Container);
+    unmount(): void;
     setStore(model?: ListStore): void;
     setEstimatedRowHeight(height?: number): void;
     updateProps(oldProps: Props | null, newProps: Props): void;

package/dist/nodes/column-view-column.js

@@ -15,6 +15,10 @@ export class ColumnViewColumnNode extends VirtualNode {
         this.column = new Gtk.ColumnViewColumn();
         this.column.setFactory(this.itemRenderer.getFactory());
     }
+    unmount() {
+        this.itemRenderer.dispose();
+        super.unmount();
+    }
     setStore(model) {
         this.itemRenderer.setStore(model);
     }

package/dist/nodes/column-view.js

@@ -7,7 +7,7 @@ import { filterProps, matchesAnyClass } from "./internal/utils.js";
 import { ListItemNode } from "./list-item.js";
 import { List } from "./models/list.js";
 import { WidgetNode } from "./widget.js";
-const PROP_NAMES = ["sortColumn", "sortOrder", "onSortChange", "estimatedRowHeight"];
+const PROP_NAMES = ["sortColumn", "sortOrder", "onSortChanged", "estimatedRowHeight"];
 class ColumnViewNode extends WidgetNode {
     static priority = 1;
     handleSortChange;
@@ -85,12 +85,12 @@ class ColumnViewNode extends WidgetNode {
         this.columnNodes.delete(child);
     }
     updateProps(oldProps, newProps) {
-        if (!oldProps || oldProps.onSortChange !== newProps.onSortChange) {
+        if (!oldProps || oldProps.onSortChanged !== newProps.onSortChanged) {
             const sorter = this.container.getSorter();
-            const onSortChange = newProps.onSortChange;
+            const onSortChanged = newProps.onSortChanged;
             if (sorter) {
                 this.handleSortChange = () => {
-                    onSortChange?.(sorter.getPrimarySortColumn()?.getId() ?? null, sorter.getPrimarySortOrder());
+                    onSortChanged?.(sorter.getPrimarySortColumn()?.getId() ?? null, sorter.getPrimarySortOrder());
                 };
                 signalStore.set(this, sorter, "changed", this.handleSortChange);
             }
@@ -111,8 +111,8 @@ class ColumnViewNode extends WidgetNode {
                 column.setEstimatedRowHeight(this.estimatedRowHeight);
             }
         }
-        this.list.updateProps(oldProps ? filterProps(oldProps, PROP_NAMES) : null, filterProps(newProps, PROP_NAMES));
-        super.updateProps(oldProps ? filterProps(oldProps, PROP_NAMES) : null, filterProps(newProps, PROP_NAMES));
+        this.list.updateProps(filterProps(oldProps ?? {}, PROP_NAMES), filterProps(newProps, PROP_NAMES));
+        super.updateProps(filterProps(oldProps ?? {}, PROP_NAMES), filterProps(newProps, PROP_NAMES));
     }
     getColumn(columnId) {
         const columns = this.container.getColumns();

package/dist/nodes/drawing-area.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/nodes/drawing-area.js

@@ -0,0 +1,19 @@
+import * as Gtk from "@gtkx/ffi/gtk";
+import { registerNodeClass } from "../registry.js";
+import { filterProps, isContainerType } from "./internal/utils.js";
+import { WidgetNode } from "./widget.js";
+const PROPS = ["onDraw"];
+class DrawingAreaNode extends WidgetNode {
+    static priority = 1;
+    static matches(_type, containerOrClass) {
+        return isContainerType(Gtk.DrawingArea, containerOrClass);
+    }
+    updateProps(oldProps, newProps) {
+        if (newProps.onDraw && (!oldProps || oldProps.onDraw !== newProps.onDraw)) {
+            this.container.setDrawFunc(newProps.onDraw);
+            this.container.queueDraw();
+        }
+        super.updateProps(filterProps(oldProps ?? {}, PROPS), filterProps(newProps, PROPS));
+    }
+}
+registerNodeClass(DrawingAreaNode);

package/dist/nodes/expander-row.js

@@ -42,6 +42,7 @@ class ExpanderRowNode extends WidgetNode {
     }
     removeChild(child) {
         if (child instanceof ExpanderRowChild || child instanceof ActionRowChild) {
+            child.unmount();
             return;
         }
         if (child instanceof SlotNode || child instanceof WidgetNode) {

package/dist/nodes/index.d.ts

@@ -6,6 +6,7 @@ import "./calendar-mark.js";
 import "./calendar.js";
 import "./column-view-column.js";
 import "./column-view.js";
+import "./drawing-area.js";
 import "./expander-row-child.js";
 import "./expander-row.js";
 import "./fixed-child.js";
@@ -24,13 +25,21 @@ import "./overlay-child.js";
 import "./pack-child.js";
 import "./pack.js";
 import "./popover-menu.js";
+import "./adjustment.js";
 import "./scale-mark.js";
 import "./scale.js";
+import "./scrolled-window.js";
+import "./shortcut-controller.js";
+import "./shortcut.js";
 import "./simple-list-item.js";
 import "./simple-list-view.js";
 import "./slot.js";
+import "./source-buffer.js";
+import "./source-view.js";
 import "./stack-page.js";
 import "./stack.js";
+import "./text-buffer.js";
+import "./text-view.js";
 import "./toggle.js";
 import "./toggle-group.js";
 import "./toolbar-child.js";

package/dist/nodes/index.js

@@ -6,6 +6,7 @@ import "./calendar-mark.js";
 import "./calendar.js";
 import "./column-view-column.js";
 import "./column-view.js";
+import "./drawing-area.js";
 import "./expander-row-child.js";
 import "./expander-row.js";
 import "./fixed-child.js";
@@ -24,13 +25,21 @@ import "./overlay-child.js";
 import "./pack-child.js";
 import "./pack.js";
 import "./popover-menu.js";
+import "./adjustment.js";
 import "./scale-mark.js";
 import "./scale.js";
+import "./scrolled-window.js";
+import "./shortcut-controller.js";
+import "./shortcut.js";
 import "./simple-list-item.js";
 import "./simple-list-view.js";
 import "./slot.js";
+import "./source-buffer.js";
+import "./source-view.js";
 import "./stack-page.js";
 import "./stack.js";
+import "./text-buffer.js";
+import "./text-view.js";
 import "./toggle.js";
 import "./toggle-group.js";
 import "./toolbar-child.js";

package/dist/nodes/internal/constants.js

@@ -7,4 +7,18 @@ export const EVENT_CONTROLLER_PROPS = new Set([
     "onKeyPressed",
     "onKeyReleased",
     "onScroll",
+    "onDragPrepare",
+    "onDragBegin",
+    "onDragEnd",
+    "onDragCancel",
+    "dragActions",
+    "onDrop",
+    "onDropEnter",
+    "onDropLeave",
+    "onDropMotion",
+    "dropActions",
+    "dropTypes",
+    "onGestureDragBegin",
+    "onGestureDragUpdate",
+    "onGestureDragEnd",
 ]);

package/dist/nodes/internal/list-item-renderer.d.ts

@@ -15,5 +15,6 @@ export declare class ListItemRenderer {
     setStore(store?: ListStore | null): void;
     setEstimatedItemHeight(height?: number): void;
     private getStore;
+    dispose(): void;
     private initialize;
 }

package/dist/nodes/internal/list-item-renderer.js

@@ -32,10 +32,15 @@ export class ListItemRenderer {
         }
         return this.store;
     }
+    dispose() {
+        signalStore.clear(this);
+        this.fiberRoots.clear();
+        this.tornDown.clear();
+    }
     initialize() {
         signalStore.set(this, this.factory, "setup", (_self, listItem) => {
             const ptr = getNativeId(listItem.handle);
-            const box = new Gtk.Box(Gtk.Orientation.VERTICAL, 0);
+            const box = new Gtk.Box(Gtk.Orientation.VERTICAL);
             if (this.estimatedItemHeight !== undefined) {
                 box.setSizeRequest(-1, this.estimatedItemHeight);
             }

package/dist/nodes/internal/predicates.d.ts

@@ -27,6 +27,9 @@ type EditableWidget = Gtk.Widget & {
     setPosition: (position: number) => void;
     getText: () => string;
 };
+export type AdjustableWidget = Gtk.Widget & {
+    setAdjustment: (adjustment: Gtk.Adjustment) => void;
+};
 export declare const isAppendable: (obj: unknown) => obj is AppendableWidget;
 export declare const isAddable: (obj: unknown) => obj is AddableWidget;
 export declare const hasSingleContent: (obj: unknown) => obj is ContentWidget;
@@ -35,4 +38,5 @@ export declare const isRemovable: (obj: unknown) => obj is RemovableWidget;
 export declare const isReorderable: (obj: unknown) => obj is ReorderableWidget;
 export declare const isInsertable: (obj: unknown) => obj is InsertableWidget;
 export declare const isEditable: (obj: unknown) => obj is EditableWidget;
+export declare const isAdjustable: (obj: unknown) => obj is AdjustableWidget;
 export {};

package/dist/nodes/internal/predicates.js

@@ -37,3 +37,6 @@ export const isEditable = (obj) => {
         "getText" in obj &&
         typeof obj.getText === "function");
 };
+export const isAdjustable = (obj) => {
+    return obj instanceof Gtk.Widget && "setAdjustment" in obj && typeof obj.setAdjustment === "function";
+};

package/dist/nodes/internal/signal-store.d.ts

@@ -4,6 +4,7 @@ export type SignalHandler = (...args: any[]) => any;
 declare class SignalStore {
     private ownerHandlers;
     private blockedHandlers;
+    private isBlocking;
     private getOwnerMap;
     private disconnect;
     private connect;

package/dist/nodes/internal/signal-store.js

@@ -18,6 +18,7 @@ const LIFECYCLE_SIGNALS = new Set([
 class SignalStore {
     ownerHandlers = new Map();
     blockedHandlers = new Set();
+    isBlocking = false;
     getOwnerMap(owner) {
         let map = this.ownerHandlers.get(owner);
         if (!map) {
@@ -41,6 +42,10 @@ class SignalStore {
         const key = `${objectId}:${signal}`;
         const handlerId = obj.connect(signal, handler);
         this.getOwnerMap(owner).set(key, { obj, handlerId });
+        if (this.isBlocking && !LIFECYCLE_SIGNALS.has(signal)) {
+            GObject.signalHandlerBlock(obj, handlerId);
+            this.blockedHandlers.add(handlerId);
+        }
     }
     set(owner, obj, signal, handler) {
         this.disconnect(owner, obj, signal);
@@ -58,6 +63,7 @@ class SignalStore {
         }
     }
     blockAll() {
+        this.isBlocking = true;
         this.blockedHandlers.clear();
         for (const ownerMap of this.ownerHandlers.values()) {
             for (const [key, { obj, handlerId }] of ownerMap.entries()) {
@@ -70,6 +76,7 @@ class SignalStore {
         }
     }
     unblockAll() {
+        this.isBlocking = false;
         for (const ownerMap of this.ownerHandlers.values()) {
             for (const { obj, handlerId } of ownerMap.values()) {
                 if (this.blockedHandlers.has(handlerId)) {

package/dist/nodes/internal/tree-list-item-renderer.d.ts

@@ -18,6 +18,7 @@ export declare class TreeListItemRenderer {
     setStore(store?: TreeStore | null): void;
     setEstimatedItemHeight(height?: number): void;
     private getStore;
+    dispose(): void;
     private initialize;
     private processPendingBind;
     private renderBind;

package/dist/nodes/internal/tree-list-item-renderer.js

@@ -35,11 +35,19 @@ export class TreeListItemRenderer {
         }
         return this.store;
     }
+    dispose() {
+        signalStore.clear(this);
+        this.fiberRoots.clear();
+        this.expanders.clear();
+        this.setupComplete.clear();
+        this.pendingBinds.clear();
+        this.tornDown.clear();
+    }
     initialize() {
         signalStore.set(this, this.factory, "setup", (_self, listItem) => {
             const ptr = getNativeId(listItem.handle);
             const expander = new Gtk.TreeExpander();
-            const box = new Gtk.Box(Gtk.Orientation.VERTICAL, 0);
+            const box = new Gtk.Box(Gtk.Orientation.VERTICAL);
             if (this.estimatedItemHeight !== undefined) {
                 box.setSizeRequest(-1, this.estimatedItemHeight);
             }

package/dist/nodes/level-bar.js

@@ -3,7 +3,6 @@ import { registerNodeClass } from "../registry.js";
 import { CommitPriority, scheduleAfterCommit } from "../scheduler.js";
 import { isContainerType } from "./internal/utils.js";
 import { LevelBarOffsetNode } from "./level-bar-offset.js";
-import { SlotNode } from "./slot.js";
 import { WidgetNode } from "./widget.js";
 class LevelBarNode extends WidgetNode {
     static priority = 1;
@@ -24,11 +23,7 @@ class LevelBarNode extends WidgetNode {
             });
             return;
         }
-        if (child instanceof SlotNode || child instanceof WidgetNode) {
-            super.appendChild(child);
-            return;
-        }
-        throw new Error(`Cannot append '${child.typeName}' to 'LevelBar': expected x.LevelBarOffset or Widget`);
+        super.appendChild(child);
     }
     insertBefore(child, before) {
         if (child instanceof LevelBarOffsetNode) {
@@ -43,11 +38,7 @@ class LevelBarNode extends WidgetNode {
             this.scheduleRebuildAllOffsets();
             return;
         }
-        if (child instanceof SlotNode || child instanceof WidgetNode) {
-            super.insertBefore(child, before);
-            return;
-        }
-        throw new Error(`Cannot insert '${child.typeName}' into 'LevelBar': expected x.LevelBarOffset or Widget`);
+        super.insertBefore(child, before);
     }
     removeChild(child) {
         if (child instanceof LevelBarOffsetNode) {
@@ -58,11 +49,7 @@ class LevelBarNode extends WidgetNode {
             this.scheduleRebuildAllOffsets(CommitPriority.HIGH);
             return;
         }
-        if (child instanceof SlotNode || child instanceof WidgetNode) {
-            super.removeChild(child);
-            return;
-        }
-        throw new Error(`Cannot remove '${child.typeName}' from 'LevelBar': expected x.LevelBarOffset or Widget`);
+        super.removeChild(child);
     }
     scheduleRebuildAllOffsets(priority = CommitPriority.NORMAL) {
         scheduleAfterCommit(() => {

package/dist/nodes/list-view.js

@@ -28,6 +28,10 @@ class ListViewNode extends WidgetNode {
         super.mount();
         this.container.setModel(this.list.getSelectionModel());
     }
+    unmount() {
+        this.itemRenderer.dispose();
+        super.unmount();
+    }
     appendChild(child) {
         if (!(child instanceof ListItemNode)) {
             throw new Error(`Cannot append '${child.typeName}' to 'ListView': expected x.ListItem`);
@@ -53,8 +57,13 @@ class ListViewNode extends WidgetNode {
         if (!oldProps || oldProps.estimatedItemHeight !== newProps.estimatedItemHeight) {
             this.itemRenderer.setEstimatedItemHeight(newProps.estimatedItemHeight);
         }
-        this.list.updateProps(oldProps ? filterProps(oldProps, PROP_NAMES) : null, filterProps(newProps, PROP_NAMES));
-        super.updateProps(oldProps ? filterProps(oldProps, PROP_NAMES) : null, filterProps(newProps, PROP_NAMES));
+        const previousModel = this.list.getSelectionModel();
+        this.list.updateProps(filterProps(oldProps ?? {}, PROP_NAMES), filterProps(newProps, PROP_NAMES));
+        const currentModel = this.list.getSelectionModel();
+        if (previousModel !== currentModel) {
+            this.container.setModel(currentModel);
+        }
+        super.updateProps(filterProps(oldProps ?? {}, PROP_NAMES), filterProps(newProps, PROP_NAMES));
     }
 }
 registerNodeClass(ListViewNode);

package/dist/nodes/models/list.d.ts

@@ -7,14 +7,17 @@ export type ListProps = {
     selected?: string[];
     onSelectionChanged?: (ids: string[]) => void;
 };
+type SelectionModel = Gtk.NoSelection | Gtk.SingleSelection | Gtk.MultiSelection;
 export declare class List extends VirtualNode<ListProps> {
     private store;
     private selectionModel;
     private handleSelectionChange?;
+    private pendingSelection?;
+    private selectionScheduled;
     constructor(props?: ListProps);
     private initSelectionHandler;
     getStore(): ListStore;
-    getSelectionModel(): Gtk.SingleSelection | Gtk.MultiSelection;
+    getSelectionModel(): SelectionModel;
     appendChild(child: Node): void;
     insertBefore(child: Node, before: Node): void;
     removeChild(child: Node): void;
@@ -22,4 +25,6 @@ export declare class List extends VirtualNode<ListProps> {
     private createSelectionModel;
     private getSelection;
     private setSelection;
+    private applySelection;
 }
+export {};

package/dist/nodes/models/list.js

@@ -1,4 +1,5 @@
 import * as Gtk from "@gtkx/ffi/gtk";
+import { CommitPriority, scheduleAfterCommit } from "../../scheduler.js";
 import { ListStore } from "../internal/list-store.js";
 import { signalStore } from "../internal/signal-store.js";
 import { ListItemNode } from "../list-item.js";
@@ -7,6 +8,8 @@ export class List extends VirtualNode {
     store;
     selectionModel;
     handleSelectionChange;
+    pendingSelection;
+    selectionScheduled = false;
     constructor(props = {}) {
         super("", {}, undefined);
         this.store = new ListStore();
@@ -71,13 +74,15 @@ export class List extends VirtualNode {
     createSelectionModel(mode) {
         const model = this.store.getModel();
         const selectionMode = mode ?? Gtk.SelectionMode.SINGLE;
-        const selectionModel = selectionMode === Gtk.SelectionMode.MULTIPLE
-            ? new Gtk.MultiSelection(model)
-            : new Gtk.SingleSelection(model);
-        if (selectionModel instanceof Gtk.SingleSelection) {
-            selectionModel.setAutoselect(false);
-            selectionModel.setCanUnselect(true);
+        if (selectionMode === Gtk.SelectionMode.NONE) {
+            return new Gtk.NoSelection(model);
         }
+        if (selectionMode === Gtk.SelectionMode.MULTIPLE) {
+            return new Gtk.MultiSelection(model);
+        }
+        const selectionModel = new Gtk.SingleSelection(model);
+        selectionModel.setAutoselect(selectionMode === Gtk.SelectionMode.BROWSE);
+        selectionModel.setCanUnselect(selectionMode !== Gtk.SelectionMode.BROWSE);
         return selectionModel;
     }
     getSelection() {
@@ -95,6 +100,16 @@ export class List extends VirtualNode {
         return ids;
     }
     setSelection(ids) {
+        this.pendingSelection = ids;
+        if (!this.selectionScheduled) {
+            this.selectionScheduled = true;
+            scheduleAfterCommit(() => this.applySelection(), CommitPriority.LOW);
+        }
+    }
+    applySelection() {
+        this.selectionScheduled = false;
+        const ids = this.pendingSelection;
+        this.pendingSelection = undefined;
         const model = this.store.getModel();
         const nItems = model.getNItems();
         const selected = new Gtk.Bitset();

package/dist/nodes/models/tree-list.d.ts

@@ -8,17 +8,20 @@ export type TreeListProps = {
     selected?: string[];
     onSelectionChanged?: (ids: string[]) => void;
 };
+type SelectionModel = Gtk.NoSelection | Gtk.SingleSelection | Gtk.MultiSelection;
 export declare class TreeList extends VirtualNode<TreeListProps> {
     private store;
     private treeListModel;
     private selectionModel;
     private handleSelectionChange?;
+    private pendingSelection?;
+    private selectionScheduled;
     constructor(props?: TreeListProps);
     private initSelectionHandler;
     private createChildModel;
     getStore(): TreeStore;
     getTreeListModel(): Gtk.TreeListModel;
-    getSelectionModel(): Gtk.SingleSelection | Gtk.MultiSelection;
+    getSelectionModel(): SelectionModel;
     appendChild(child: Node): void;
     insertBefore(child: Node, before: Node): void;
     removeChild(child: Node): void;
@@ -26,4 +29,6 @@ export declare class TreeList extends VirtualNode<TreeListProps> {
     private createSelectionModel;
     private getSelection;
     private setSelection;
+    private applySelection;
 }
+export {};

package/dist/nodes/models/tree-list.js

@@ -1,5 +1,5 @@
 import * as Gtk from "@gtkx/ffi/gtk";
-import { scheduleAfterCommit } from "../../scheduler.js";
+import { CommitPriority, scheduleAfterCommit } from "../../scheduler.js";
 import { signalStore } from "../internal/signal-store.js";
 import { TreeStore } from "../internal/tree-store.js";
 import { TreeListItemNode } from "../tree-list-item.js";
@@ -9,6 +9,8 @@ export class TreeList extends VirtualNode {
     treeListModel;
     selectionModel;
     handleSelectionChange;
+    pendingSelection;
+    selectionScheduled = false;
     constructor(props = {}) {
         super("", {}, undefined);
         this.store = new TreeStore();
@@ -117,13 +119,15 @@ export class TreeList extends VirtualNode {
     }
     createSelectionModel(mode) {
         const selectionMode = mode ?? Gtk.SelectionMode.SINGLE;
-        const selectionModel = selectionMode === Gtk.SelectionMode.MULTIPLE
-            ? new Gtk.MultiSelection(this.treeListModel)
-            : new Gtk.SingleSelection(this.treeListModel);
-        if (selectionModel instanceof Gtk.SingleSelection) {
-            selectionModel.setAutoselect(false);
-            selectionModel.setCanUnselect(true);
+        if (selectionMode === Gtk.SelectionMode.NONE) {
+            return new Gtk.NoSelection(this.treeListModel);
         }
+        if (selectionMode === Gtk.SelectionMode.MULTIPLE) {
+            return new Gtk.MultiSelection(this.treeListModel);
+        }
+        const selectionModel = new Gtk.SingleSelection(this.treeListModel);
+        selectionModel.setAutoselect(selectionMode === Gtk.SelectionMode.BROWSE);
+        selectionModel.setCanUnselect(selectionMode !== Gtk.SelectionMode.BROWSE);
         return selectionModel;
     }
     getSelection() {
@@ -143,6 +147,16 @@ export class TreeList extends VirtualNode {
         return ids;
     }
     setSelection(ids) {
+        this.pendingSelection = ids;
+        if (!this.selectionScheduled) {
+            this.selectionScheduled = true;
+            scheduleAfterCommit(() => this.applySelection(), CommitPriority.LOW);
+        }
+    }
+    applySelection() {
+        this.selectionScheduled = false;
+        const ids = this.pendingSelection;
+        this.pendingSelection = undefined;
         const nItems = this.treeListModel.getNItems();
         const selected = new Gtk.Bitset();
         const mask = Gtk.Bitset.newRange(0, nItems);

package/dist/nodes/navigation-page.js

@@ -1,3 +1,4 @@
+import { batch } from "@gtkx/ffi";
 import * as Adw from "@gtkx/ffi/adw";
 import { registerNodeClass } from "../registry.js";
 import { SlotNode } from "./slot.js";
@@ -12,36 +13,44 @@ export class NavigationPageNode extends SlotNode {
         if (!(child instanceof Adw.NavigationPage)) {
             return;
         }
-        if (newProps.id !== undefined && (!oldProps || oldProps.id !== newProps.id)) {
-            child.setTag(newProps.id);
+        if (!oldProps || oldProps.id !== newProps.id) {
+            if (newProps.id !== undefined) {
+                child.setTag(newProps.id);
+            }
         }
-        if (newProps.title !== undefined && (!oldProps || oldProps.title !== newProps.title)) {
-            child.setTitle(newProps.title);
+        if (!oldProps || oldProps.title !== newProps.title) {
+            if (newProps.title !== undefined) {
+                child.setTitle(newProps.title);
+            }
         }
-        if (newProps.canPop !== undefined && (!oldProps || oldProps.canPop !== newProps.canPop)) {
-            child.setCanPop(newProps.canPop);
+        if (!oldProps || oldProps.canPop !== newProps.canPop) {
+            if (newProps.canPop !== undefined) {
+                child.setCanPop(newProps.canPop);
+            }
         }
     }
     onChildChange(oldChild) {
-        const navigationView = this.getParent();
-        const title = this.props.title ?? "";
-        if (this.child) {
-            this.child = this.props.id
-                ? Adw.NavigationPage.newWithTag(this.child, title, this.props.id)
-                : new Adw.NavigationPage(this.child, title);
-            this.updateProps(null, this.props);
-        }
-        if (navigationView instanceof Adw.NavigationView) {
-            if (oldChild instanceof Adw.NavigationPage) {
-                navigationView.remove(oldChild);
-            }
+        batch(() => {
+            const navigationView = this.getParent();
+            const title = this.props.title ?? "";
             if (this.child) {
-                navigationView.add(this.child);
+                this.child = this.props.id
+                    ? Adw.NavigationPage.newWithTag(this.child, title, this.props.id)
+                    : new Adw.NavigationPage(this.child, title);
+                this.updateProps(null, this.props);
             }
-        }
-        else {
-            super.onChildChange(oldChild);
-        }
+            if (navigationView instanceof Adw.NavigationView) {
+                if (oldChild instanceof Adw.NavigationPage) {
+                    navigationView.remove(oldChild);
+                }
+                if (this.child) {
+                    navigationView.add(this.child);
+                }
+            }
+            else {
+                super.onChildChange(oldChild);
+            }
+        });
     }
 }
 registerNodeClass(NavigationPageNode);