@gtkx/components 2.0.0-beta.11 → 2.0.0-beta.13

package/dist/internal/collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../src/internal/collection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAInD,KAAK,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG;IAC7D,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,QAAQ,GAAG,SAAS,CAAC;IAC/C,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,eAAe,GAAG,SAAS,CAAC;IAC/D,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC1C,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,CAAC;IACzC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,WAAW,CAAC;CAC3C,CAAC;AA2DF,iBAAS,gBAAgB,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAIzD;AAED,iBAAS,gBAAgB,CACrB,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,GACnC,UAAU,CAaZ;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,UAAU,EAAE,CAAC"}
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../src/internal/collection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,KAAK,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,GAAG,YAAY,CAAC,GAAG;IAC1F,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,QAAQ,GAAG,SAAS,CAAC;IAC/C,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC1C,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,CAAC;IACzC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC5C,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,WAAW,CAAC;CAC3C,CAAC;AAyDF,iBAAS,gBAAgB,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAIzD;AAED,iBAAS,gBAAgB,CACrB,QAAQ,EAAE,eAAe,EACzB,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,GACnC,UAAU,CAeZ;AAED,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,UAAU,EAAE,CAAC"}

package/dist/internal/collection.js

@@ -1,4 +1,5 @@
 import { slotPathAt, slotRefFor } from "./collection-model.js";
+import { orderFor } from "./tree-expansion.js";
 import { findIds, findRows } from "./tree-order.js";
 const NO_ROWS = { positions: [], ids: [] };
 const NO_IDS = [];
@@ -10,8 +11,7 @@ function rowsFor(gtkModel, ids) {
     return findRows(expansion.index, expansion.slots, new Set(ids));
 }
 function positionFor(gtkModel, id) {
-    const [first = -1] = rowsFor(gtkModel, [id]).positions;
-    return first;
+    return orderFor(gtkModel.expansion).positions.get(id) ?? -1;
 }
 function refAt(model, position) {
     if (position < 0) {
@@ -19,12 +19,12 @@ function refAt(model, position) {
     }
     return slotRefFor(model?.getItem(position) ?? null);
 }
-function itemAt(index, ref) {
-    return index.itemAt(ref.store.level.path, ref.slot);
+function itemAt(ref) {
+    return ref.store.level.items[ref.slot];
 }
-function idAt(model, index, position) {
+function idAt(model, position) {
     const ref = refAt(model, position);
-    return ref === null ? null : (itemAt(index, ref)?.id ?? null);
+    return ref === null ? null : (itemAt(ref)?.id ?? null);
 }
 function pathAt(model, position) {
     const ref = refAt(model, position);
@@ -49,11 +49,13 @@ function createCollection(gtkModel, index, model) {
         expansion: gtkModel.expansion,
         isTree: index.isTree,
         rowAt: gtkModel.rowAt,
-        itemAt: (ref) => itemAt(index, ref),
-        sectionFor: index.sectionFor,
-        idAt: (position) => idAt(model, index, position),
+        subscribe: gtkModel.subscribe,
+        getVersion: gtkModel.getVersion,
+        itemAt,
+        idAt: (position) => idAt(model, position),
         idsAt: (positions) => idsAt(gtkModel, positions),
         pathAt: (position) => pathAt(model, position),
+        isPending: () => gtkModel.isPending(index),
         positionFor: (id) => positionFor(gtkModel, id),
         rowsFor: (ids) => rowsFor(gtkModel, ids),
     };

package/dist/internal/collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection.js","sourceRoot":"","sources":["../../src/internal/collection.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport type { ListItem } from \"../types.js\";\nimport type { CollectionIndex, SectionIdentity } from \"./collection-index.js\";\nimport type { CollectionModel, SlotRef } from \"./collection-model.js\";\nimport type { MatchedRows } from \"./tree-order.js\";\nimport { slotPathAt, slotRefFor } from \"./collection-model.js\";\nimport { findIds, findRows } from \"./tree-order.js\";\n\ntype Collection = Pick<CollectionModel, \"expansion\" | \"rowAt\"> & {\n    isTree: boolean;\n    itemAt: (ref: SlotRef) => ListItem | undefined;\n    sectionFor: (levelPath: string) => SectionIdentity | undefined;\n    idAt: (position: number) => string | null;\n    idsAt: (positions: number[]) => string[];\n    pathAt: (position: number) => string | null;\n    positionFor: (id: string) => number;\n    rowsFor: (ids: string[]) => MatchedRows;\n};\n\nconst NO_ROWS: MatchedRows = { positions: [], ids: [] };\nconst NO_IDS: string[] = [];\n\nfunction rowsFor(gtkModel: CollectionModel, ids: string[]): MatchedRows {\n    if (ids.length === 0) {\n        return NO_ROWS;\n    }\n\n    const { expansion } = gtkModel;\n\n    return findRows(expansion.index, expansion.slots, new Set(ids));\n}\n\nfunction positionFor(gtkModel: CollectionModel, id: string): number {\n    const [first = -1] = rowsFor(gtkModel, [id]).positions;\n\n    return first;\n}\n\nfunction refAt(model: Gtk.FlattenListModel | null, position: number): SlotRef | null {\n    if (position < 0) {\n        return null;\n    }\n\n    return slotRefFor(model?.getItem(position) ?? null);\n}\n\nfunction itemAt(index: CollectionIndex, ref: SlotRef): ListItem | undefined {\n    return index.itemAt(ref.store.level.path, ref.slot);\n}\n\nfunction idAt(model: Gtk.FlattenListModel | null, index: CollectionIndex, position: number): string | null {\n    const ref = refAt(model, position);\n\n    return ref === null ? null : (itemAt(index, ref)?.id ?? null);\n}\n\nfunction pathAt(model: Gtk.FlattenListModel | null, position: number): string | null {\n    const ref = refAt(model, position);\n\n    if (ref === null) {\n        return null;\n    }\n\n    return slotPathAt(ref.store, ref.slot);\n}\n\nfunction idsAt(gtkModel: CollectionModel, positions: number[]): string[] {\n    if (positions.length === 0) {\n        return NO_IDS;\n    }\n\n    const { expansion } = gtkModel;\n\n    return findIds(expansion.index, expansion.slots, new Set(positions));\n}\n\nfunction isCollectionIdle(collection: Collection): boolean {\n    const { expansion } = collection;\n\n    return !expansion.isApplying && !expansion.isSyncing;\n}\n\nfunction createCollection(\n    gtkModel: CollectionModel,\n    index: CollectionIndex,\n    model: Gtk.FlattenListModel | null,\n): Collection {\n    return {\n        expansion: gtkModel.expansion,\n        isTree: index.isTree,\n        rowAt: gtkModel.rowAt,\n        itemAt: (ref) => itemAt(index, ref),\n        sectionFor: index.sectionFor,\n        idAt: (position) => idAt(model, index, position),\n        idsAt: (positions) => idsAt(gtkModel, positions),\n        pathAt: (position) => pathAt(model, position),\n        positionFor: (id) => positionFor(gtkModel, id),\n        rowsFor: (ids) => rowsFor(gtkModel, ids),\n    };\n}\n\nexport { createCollection, isCollectionIdle, type Collection };\n"]}
+{"version":3,"file":"collection.js","sourceRoot":"","sources":["../../src/internal/collection.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport type { ListItem } from \"../types.js\";\nimport type { CollectionIndex } from \"./collection-index.js\";\nimport type { CollectionModel, SlotRef } from \"./collection-model.js\";\nimport type { MatchedRows } from \"./tree-order.js\";\nimport { slotPathAt, slotRefFor } from \"./collection-model.js\";\nimport { orderFor } from \"./tree-expansion.js\";\nimport { findIds, findRows } from \"./tree-order.js\";\n\ntype Collection = Pick<CollectionModel, \"expansion\" | \"rowAt\" | \"subscribe\" | \"getVersion\"> & {\n    isTree: boolean;\n    itemAt: (ref: SlotRef) => ListItem | undefined;\n    idAt: (position: number) => string | null;\n    idsAt: (positions: number[]) => string[];\n    pathAt: (position: number) => string | null;\n    isPending: () => boolean;\n    positionFor: (id: string) => number;\n    rowsFor: (ids: string[]) => MatchedRows;\n};\n\nconst NO_ROWS: MatchedRows = { positions: [], ids: [] };\nconst NO_IDS: string[] = [];\n\nfunction rowsFor(gtkModel: CollectionModel, ids: string[]): MatchedRows {\n    if (ids.length === 0) {\n        return NO_ROWS;\n    }\n\n    const { expansion } = gtkModel;\n\n    return findRows(expansion.index, expansion.slots, new Set(ids));\n}\n\nfunction positionFor(gtkModel: CollectionModel, id: string): number {\n    return orderFor(gtkModel.expansion).positions.get(id) ?? -1;\n}\n\nfunction refAt(model: Gtk.FlattenListModel | null, position: number): SlotRef | null {\n    if (position < 0) {\n        return null;\n    }\n\n    return slotRefFor(model?.getItem(position) ?? null);\n}\n\nfunction itemAt(ref: SlotRef): ListItem | undefined {\n    return ref.store.level.items[ref.slot];\n}\n\nfunction idAt(model: Gtk.FlattenListModel | null, position: number): string | null {\n    const ref = refAt(model, position);\n\n    return ref === null ? null : (itemAt(ref)?.id ?? null);\n}\n\nfunction pathAt(model: Gtk.FlattenListModel | null, position: number): string | null {\n    const ref = refAt(model, position);\n\n    if (ref === null) {\n        return null;\n    }\n\n    return slotPathAt(ref.store, ref.slot);\n}\n\nfunction idsAt(gtkModel: CollectionModel, positions: number[]): string[] {\n    if (positions.length === 0) {\n        return NO_IDS;\n    }\n\n    const { expansion } = gtkModel;\n\n    return findIds(expansion.index, expansion.slots, new Set(positions));\n}\n\nfunction isCollectionIdle(collection: Collection): boolean {\n    const { expansion } = collection;\n\n    return !expansion.isApplying && !expansion.isSyncing;\n}\n\nfunction createCollection(\n    gtkModel: CollectionModel,\n    index: CollectionIndex,\n    model: Gtk.FlattenListModel | null,\n): Collection {\n    return {\n        expansion: gtkModel.expansion,\n        isTree: index.isTree,\n        rowAt: gtkModel.rowAt,\n        subscribe: gtkModel.subscribe,\n        getVersion: gtkModel.getVersion,\n        itemAt,\n        idAt: (position) => idAt(model, position),\n        idsAt: (positions) => idsAt(gtkModel, positions),\n        pathAt: (position) => pathAt(model, position),\n        isPending: () => gtkModel.isPending(index),\n        positionFor: (id) => positionFor(gtkModel, id),\n        rowsFor: (ids) => rowsFor(gtkModel, ids),\n    };\n}\n\nexport { createCollection, isCollectionIdle, type Collection };\n"]}

package/dist/internal/controlled-sync.d.ts

@@ -4,6 +4,7 @@ type ControlledSyncOptions<T> = {
     target?: object | null | undefined;
     apply: (value: T) => void;
 };
+declare function hasSameIds(reported: string[], requested: string[]): boolean;
 declare function useControlledSync<T>(options: ControlledSyncOptions<T>): () => void;
-export { useControlledSync };
+export { hasSameIds, useControlledSync };
 //# sourceMappingURL=controlled-sync.d.ts.map

package/dist/internal/controlled-sync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controlled-sync.d.ts","sourceRoot":"","sources":["../../src/internal/controlled-sync.ts"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAiB3E;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"controlled-sync.d.ts","sourceRoot":"","sources":["../../src/internal/controlled-sync.ts"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAKpE;AAED,iBAAS,iBAAiB,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAiB3E;AAED,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/internal/controlled-sync.js

@@ -1,5 +1,10 @@
 import { useLatestRef } from "@gtkx/react/internal";
 import { startTransition, useLayoutEffect, useState } from "react";
+function hasSameIds(reported, requested) {
+    const wanted = new Set(requested);
+    const actual = new Set(reported);
+    return actual.size === wanted.size && actual.isSubsetOf(wanted);
+}
 function useControlledSync(options) {
     const { value, source, target } = options;
     const [drift, setDrift] = useState(0);
@@ -14,5 +19,5 @@ function useControlledSync(options) {
     }, [applyRef, target, source, value, drift]);
     return markDrift;
 }
-export { useControlledSync };
+export { hasSameIds, useControlledSync };
 //# sourceMappingURL=controlled-sync.js.map

package/dist/internal/controlled-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"controlled-sync.js","sourceRoot":"","sources":["../../src/internal/controlled-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASnE,SAAS,iBAAiB,CAAI,OAAiC;IAC3D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,SAAS,GAAG,GAAS,EAAE;QACzB,eAAe,CAAC,GAAG,EAAE;YACjB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE7C,eAAe,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7C,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import { useLatestRef } from \"@gtkx/react/internal\";\nimport { startTransition, useLayoutEffect, useState } from \"react\";\n\ntype ControlledSyncOptions<T> = {\n    value: T;\n    source?: object | null | undefined;\n    target?: object | null | undefined;\n    apply: (value: T) => void;\n};\n\nfunction useControlledSync<T>(options: ControlledSyncOptions<T>): () => void {\n    const { value, source, target } = options;\n    const [drift, setDrift] = useState(0);\n\n    const markDrift = (): void => {\n        startTransition(() => {\n            setDrift((count) => count + 1);\n        });\n    };\n\n    const applyRef = useLatestRef(options.apply);\n\n    useLayoutEffect(() => {\n        applyRef.current(value);\n    }, [applyRef, target, source, value, drift]);\n\n    return markDrift;\n}\n\nexport { useControlledSync };\n"]}
+{"version":3,"file":"controlled-sync.js","sourceRoot":"","sources":["../../src/internal/controlled-sync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASnE,SAAS,UAAU,CAAC,QAAkB,EAAE,SAAmB;IACvD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEjC,OAAO,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AACpE,CAAC;AAED,SAAS,iBAAiB,CAAI,OAAiC;IAC3D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,MAAM,SAAS,GAAG,GAAS,EAAE;QACzB,eAAe,CAAC,GAAG,EAAE;YACjB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE7C,eAAe,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE7C,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import { useLatestRef } from \"@gtkx/react/internal\";\nimport { startTransition, useLayoutEffect, useState } from \"react\";\n\ntype ControlledSyncOptions<T> = {\n    value: T;\n    source?: object | null | undefined;\n    target?: object | null | undefined;\n    apply: (value: T) => void;\n};\n\nfunction hasSameIds(reported: string[], requested: string[]): boolean {\n    const wanted = new Set(requested);\n    const actual = new Set(reported);\n\n    return actual.size === wanted.size && actual.isSubsetOf(wanted);\n}\n\nfunction useControlledSync<T>(options: ControlledSyncOptions<T>): () => void {\n    const { value, source, target } = options;\n    const [drift, setDrift] = useState(0);\n\n    const markDrift = (): void => {\n        startTransition(() => {\n            setDrift((count) => count + 1);\n        });\n    };\n\n    const applyRef = useLatestRef(options.apply);\n\n    useLayoutEffect(() => {\n        applyRef.current(value);\n    }, [applyRef, target, source, value, drift]);\n\n    return markDrift;\n}\n\nexport { hasSameIds, useControlledSync };\n"]}

package/dist/internal/drop-down.d.ts

@@ -1,9 +1,14 @@
-import type * as GObject from "@gtkx/gi/gobject";
+import type * as Adw from "@gtkx/gi/adw";
 import type { ElementType, ReactNode, Ref } from "react";
+import * as Gtk from "@gtkx/gi/gtk";
+import type * as Pango from "@gtkx/gi/pango";
 import type { DropDownOwnProps } from "../types.js";
-type SelectableWidget = GObject.Object & {
-    getSelected: () => number;
-    selected: number;
+type SelectableWidget = Gtk.DropDown | Adw.ComboRow;
+/** Label settings of the widget's own default item factory, kept by the default renderers. */
+type ItemLabelProps = {
+    ellipsize?: Pango.EllipsizeMode;
+    maxWidthChars?: number;
+    widthChars?: number;
 };
 type DropDownBaseProps = DropDownOwnProps<unknown, unknown> & {
     onNotifySelected?: ((value: number | null, self: SelectableWidget) => void) | null | undefined;
@@ -11,6 +16,7 @@ type DropDownBaseProps = DropDownOwnProps<unknown, unknown> & {
 } & Record<string, unknown>;
 declare function DropDownBase(props: DropDownBaseProps & {
     component: ElementType;
+    itemLabel?: ItemLabelProps;
 }): ReactNode;
 export { DropDownBase, type DropDownBaseProps };
 //# sourceMappingURL=drop-down.d.ts.map

package/dist/internal/drop-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,gBAAgB,EAAwC,MAAM,aAAa,CAAC;AAO1F,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,GAAG;IAAE,WAAW,EAAE,MAAM,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzF,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/F,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAClD,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAoK5B,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG;IAAE,SAAS,EAAE,WAAW,CAAA;CAAE,GAAG,SAAS,CA8BtF;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAM7C,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,aAAa,CAAC;AAStE,KAAK,gBAAgB,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAEpD,8FAA8F;AAC9F,KAAK,cAAc,GAAG;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG;IAC1D,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/F,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAClD,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA2O5B,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG;IAAE,SAAS,EAAE,WAAW,CAAC;IAAC,SAAS,CAAC,EAAE,cAAc,CAAA;CAAE,GAAG,SAAS,CAsClH;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAC"}

package/dist/internal/drop-down.js

@@ -1,14 +1,21 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { GtkLabel, GtkSignalListItemFactory } from "@gtkx/jsx/gtk";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as GObject from "@gtkx/gi/gobject";
+import * as Gtk from "@gtkx/gi/gtk";
+import { GtkBox, GtkImage, GtkLabel, GtkSignalListItemFactory } from "@gtkx/jsx/gtk";
+import { useProperty } from "@gtkx/react";
+import { useLatestRef } from "@gtkx/react/internal";
 import { omit } from "@gtkx/utils";
-import { useRef } from "react";
+import { useLayoutEffect, useRef, useState } from "react";
 import { ItemPortals, useItemCells, useSectionHeader } from "./cells.js";
+import { slotRefFor } from "./collection-model.js";
 import { isCollectionIdle } from "./collection.js";
 import { useControlledSync } from "./controlled-sync.js";
+import { showFirstHeader } from "./first-header.js";
 import { useCollectionData } from "./use-collection.js";
 import { useWidgetRef } from "./use-widget-ref.js";
 const DROP_DOWN_PROPS = [
     "component",
+    "itemLabel",
     "items",
     "sections",
     "selectedId",
@@ -22,8 +29,46 @@ const DROP_DOWN_PROPS = [
 function newApplyState() {
     return { isApplying: false, isReady: false };
 }
-const defaultRenderItem = ({ item }) => item == null ? null : _jsx(GtkLabel, { children: String(item) });
-const faceRenderer = (props) => props.renderItem ?? defaultRenderItem;
+const defaultRenderer = (itemLabel) => ({ item }) => item == null ? null : _jsx(GtkLabel, { ...itemLabel, children: String(item) });
+const faceRenderer = (props, itemLabel) => props.renderItem ?? defaultRenderer(itemLabel);
+const selectionMarkedRenderer = (selected, itemLabel) => ({ item, index }) => (_jsxs(GtkBox, { children: [_jsx(GtkLabel, { xalign: 0, ...itemLabel, children: item == null ? "" : String(item) }), _jsx(GtkImage, { iconName: "object-select-symbolic", accessibleRole: Gtk.AccessibleRole.PRESENTATION, opacity: index === selected ? 1 : 0 })] }));
+const popupRenderer = (props, selected, itemLabel) => props.renderListItem ?? (props.renderItem == null ? selectionMarkedRenderer(selected, itemLabel) : null);
+const textOf = (value) => {
+    switch (typeof value) {
+        case "string":
+            return value;
+        case "number":
+        case "bigint":
+        case "boolean":
+            return String(value);
+        case "symbol":
+            return value.toString();
+        default:
+            return "";
+    }
+};
+const slotText = (collection, ref) => ref === null ? "" : textOf(collection.itemAt(ref)?.value);
+/**
+ * AdwComboRow reads the selected item's text for its subtitle only when the selected item or the expression changes.
+ * Slots keep their objects when an item's value changes in place, so the expression is replaced when the selected
+ * item's text changes without a selection change.
+ */
+const useItemTextExpression = (widget, collection) => {
+    const latest = useLatestRef(collection);
+    const shown = useRef({ ref: null, text: "" });
+    const createExpression = () => Gtk.ClosureExpression.new(GObject.TYPE_STRING, (object) => slotText(latest.current, slotRefFor(object)), null);
+    const [expression, setExpression] = useState(createExpression);
+    useLayoutEffect(() => {
+        const ref = slotRefFor(widget?.getSelectedItem() ?? null);
+        const text = slotText(collection, ref);
+        const isRenamed = ref !== null && ref === shown.current.ref && text !== shown.current.text;
+        shown.current = { ref, text };
+        if (isRenamed) {
+            setExpression(createExpression());
+        }
+    });
+    return expression;
+};
 const resolvePosition = (widget, collection, selectedId) => {
     if (selectedId === undefined) {
         return widget.getSelected();
@@ -107,17 +152,24 @@ const useDropDownSelection = (options) => {
     };
 };
 function DropDownBase(props) {
-    const { component: Component, items, sections, renderListItem, renderHeader, ref } = props;
+    const { component: Component, itemLabel = {}, items, sections, renderHeader, ref } = props;
     const rest = omit(props, DROP_DOWN_PROPS);
     const [widget, refCallback] = useWidgetRef(ref);
-    const { collection, model } = useCollectionData({ items, sections, isFlat: true });
+    const { collection, model } = useCollectionData({
+        items,
+        sections,
+        isFlat: true,
+        onSectionsFilled: () => showFirstHeader(widget),
+    });
     const faceCells = useItemCells({ width: -1, height: -1 });
     const listCells = useItemCells({ width: -1, height: -1 });
     const header = useSectionHeader(renderHeader, collection, { width: -1, height: -1 });
     const handleNotifySelected = useDropDownSelection({ widget, collection, props });
-    return (_jsxs(_Fragment, { children: [_jsx(Component, { ref: refCallback, model: model, factory: _jsx(GtkSignalListItemFactory, { ...faceCells.handlers }), ...(renderListItem != null && {
+    const renderListItem = popupRenderer(props, useProperty(widget, "selected"), itemLabel);
+    const expression = useItemTextExpression(widget, collection);
+    return (_jsxs(_Fragment, { children: [_jsx(Component, { ref: refCallback, model: model, expression: expression, factory: _jsx(GtkSignalListItemFactory, { ...faceCells.handlers }), ...(renderListItem !== null && {
                     listFactory: _jsx(GtkSignalListItemFactory, { ...listCells.handlers }),
-                }), ...header.factoryProps, ...rest, onNotifySelected: handleNotifySelected }), _jsx(ItemPortals, { registry: faceCells, render: faceRenderer(props), collection: collection }), renderListItem != null && (_jsx(ItemPortals, { registry: listCells, render: renderListItem, collection: collection })), header.portals] }));
+                }), ...header.factoryProps, ...rest, onNotifySelected: handleNotifySelected }), _jsx(ItemPortals, { registry: faceCells, render: faceRenderer(props, itemLabel), collection: collection }), renderListItem !== null && (_jsx(ItemPortals, { registry: listCells, render: renderListItem, collection: collection })), header.portals] }));
 }
 export { DropDownBase };
 //# sourceMappingURL=drop-down.js.map

package/dist/internal/drop-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.js","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type { ElementType, ReactNode, Ref } from \"react\";\nimport { GtkLabel, GtkSignalListItemFactory } from \"@gtkx/jsx/gtk\";\nimport { omit, type Primitive } from \"@gtkx/utils\";\nimport { useRef } from \"react\";\nimport type { DropDownOwnProps, ListItemRenderArgs, ListItemRenderer } from \"../types.js\";\nimport { ItemPortals, useItemCells, useSectionHeader } from \"./cells.js\";\nimport { type Collection, isCollectionIdle } from \"./collection.js\";\nimport { useControlledSync } from \"./controlled-sync.js\";\nimport { useCollectionData } from \"./use-collection.js\";\nimport { useWidgetRef } from \"./use-widget-ref.js\";\n\ntype SelectableWidget = GObject.Object & { getSelected: () => number; selected: number };\n\ntype DropDownBaseProps = DropDownOwnProps<unknown, unknown> & {\n    onNotifySelected?: ((value: number | null, self: SelectableWidget) => void) | null | undefined;\n    ref?: Ref<SelectableWidget | null> | undefined;\n} & Record<string, unknown>;\n\ntype SelectionOptions = {\n    widget: SelectableWidget | null;\n    collection: Collection;\n    props: DropDownBaseProps;\n};\n\ntype NotifySelectedHandler = NonNullable<DropDownBaseProps[\"onNotifySelected\"]>;\ntype ApplyState = { isApplying: boolean; isReady: boolean };\n\ntype NotifyContext = {\n    options: SelectionOptions;\n    known: { current: string | null };\n    state: ApplyState;\n    markDrift: () => void;\n};\n\ntype KnownSelection = {\n    known: { current: string | null };\n    onSelectionChanged: ((id: string | null) => void) | null | undefined;\n};\n\nconst DROP_DOWN_PROPS: string[] = [\n    \"component\",\n    \"items\",\n    \"sections\",\n    \"selectedId\",\n    \"onSelectionChanged\",\n    \"onNotifySelected\",\n    \"renderItem\",\n    \"renderListItem\",\n    \"renderHeader\",\n    \"ref\",\n];\n\nfunction newApplyState(): ApplyState {\n    return { isApplying: false, isReady: false };\n}\n\nconst defaultRenderItem = ({ item }: ListItemRenderArgs<Primitive>): ReactNode =>\n    item == null ? null : <GtkLabel>{String(item)}</GtkLabel>;\nconst faceRenderer = (props: DropDownBaseProps): ListItemRenderer<never> => props.renderItem ?? defaultRenderItem;\n\nconst resolvePosition = (\n    widget: SelectableWidget,\n    collection: Collection,\n    selectedId: string | undefined,\n): number => {\n    if (selectedId === undefined) {\n        return widget.getSelected();\n    }\n\n    const requested = collection.positionFor(selectedId);\n\n    return requested >= 0 ? requested : widget.getSelected();\n};\n\nconst updateKnownSelection = (\n    tracker: KnownSelection,\n    effectiveId: string | null,\n    selectedId: string | undefined,\n): void => {\n    const { known, onSelectionChanged } = tracker;\n    const expectedId = selectedId ?? known.current;\n    const isNew = effectiveId !== known.current;\n    known.current = effectiveId;\n\n    if (expectedId !== null && effectiveId !== expectedId && isNew) {\n        onSelectionChanged?.(effectiveId);\n    }\n};\n\nconst reportKnownSelection = (tracker: KnownSelection, id: string | null): void => {\n    const { known, onSelectionChanged } = tracker;\n\n    if (id === known.current) {\n        return;\n    }\n\n    known.current = id;\n    onSelectionChanged?.(id);\n};\n\nconst hasSelectionDrifted = (\n    widget: SelectableWidget,\n    collection: Collection,\n    selectedId: string | undefined,\n): boolean => {\n    if (selectedId === undefined) {\n        return false;\n    }\n\n    const requested = collection.positionFor(selectedId);\n\n    return requested >= 0 && widget.getSelected() !== requested;\n};\n\nconst applySelectedPosition = (widget: SelectableWidget, position: number, state: ApplyState): void => {\n    state.isApplying = true;\n\n    try {\n        widget.selected = position;\n    } finally {\n        state.isApplying = false;\n    }\n};\n\nconst dispatchSelectedNotify = (context: NotifyContext, value: number | null, self: SelectableWidget): void => {\n    const { options, known, state, markDrift } = context;\n\n    if (state.isApplying) {\n        return;\n    }\n\n    options.props.onNotifySelected?.(value, self);\n\n    if (!state.isReady || !isCollectionIdle(options.collection)) {\n        return;\n    }\n\n    reportKnownSelection(\n        { known, onSelectionChanged: options.props.onSelectionChanged },\n        options.collection.idAt(self.getSelected()),\n    );\n\n    if (hasSelectionDrifted(self, options.collection, options.props.selectedId)) {\n        markDrift();\n    }\n};\n\nconst useDropDownSelection = (options: SelectionOptions): NotifySelectedHandler => {\n    const { widget, collection } = options;\n    const { selectedId } = options.props;\n    const known = useRef<string | null>(null);\n    const applyState = useRef<ApplyState>(newApplyState());\n\n    const syncKnownSelection = (position: number, requestedId: string | undefined): void => {\n        const effectiveId = collection.idAt(position);\n        const { onSelectionChanged } = options.props;\n        updateKnownSelection({ known, onSelectionChanged }, effectiveId, requestedId);\n        applyState.current.isReady = true;\n    };\n\n    const markDrift = useControlledSync({\n        value: selectedId,\n        source: collection,\n        target: widget,\n        apply: (value) => {\n            if (widget === null) {\n                return;\n            }\n\n            const position = resolvePosition(widget, collection, value);\n            applySelectedPosition(widget, position, applyState.current);\n            syncKnownSelection(position, value);\n        },\n    });\n\n    return (value, self) => {\n        dispatchSelectedNotify({ options, known, state: applyState.current, markDrift }, value, self);\n    };\n};\n\nfunction DropDownBase(props: DropDownBaseProps & { component: ElementType }): ReactNode {\n    const { component: Component, items, sections, renderListItem, renderHeader, ref } = props;\n    const rest = omit(props, DROP_DOWN_PROPS);\n    const [widget, refCallback] = useWidgetRef<SelectableWidget>(ref);\n    const { collection, model } = useCollectionData({ items, sections, isFlat: true });\n    const faceCells = useItemCells({ width: -1, height: -1 });\n    const listCells = useItemCells({ width: -1, height: -1 });\n    const header = useSectionHeader(renderHeader, collection, { width: -1, height: -1 });\n    const handleNotifySelected = useDropDownSelection({ widget, collection, props });\n\n    return (\n        <>\n            <Component\n                ref={refCallback}\n                model={model}\n                factory={<GtkSignalListItemFactory {...faceCells.handlers} />}\n                {...(renderListItem != null && {\n                    listFactory: <GtkSignalListItemFactory {...listCells.handlers} />,\n                })}\n                {...header.factoryProps}\n                {...rest}\n                onNotifySelected={handleNotifySelected}\n            />\n            <ItemPortals registry={faceCells} render={faceRenderer(props)} collection={collection} />\n            {renderListItem != null && (\n                <ItemPortals registry={listCells} render={renderListItem} collection={collection} />\n            )}\n            {header.portals}\n        </>\n    );\n}\n\nexport { DropDownBase, type DropDownBaseProps };\n"]}
+{"version":3,"file":"drop-down.js","sourceRoot":"","sources":["../../src/internal/drop-down.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAkB,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EAAgB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAsCnD,MAAM,eAAe,GAAa;IAC9B,WAAW;IACX,WAAW;IACX,OAAO;IACP,UAAU;IACV,YAAY;IACZ,oBAAoB;IACpB,kBAAkB;IAClB,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,KAAK;CACR,CAAC;AAEF,SAAS,aAAa;IAClB,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACjD,CAAC;AAED,MAAM,eAAe,GACjB,CAAC,SAAyB,EAA+B,EAAE,CAC3D,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACT,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,OAAK,SAAS,YAAG,MAAM,CAAC,IAAI,CAAC,GAAY,CAAC;AACjF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,SAAyB,EAA2B,EAAE,CAClG,KAAK,CAAC,UAAU,IAAI,eAAe,CAAC,SAAS,CAAC,CAAC;AAEnD,MAAM,uBAAuB,GACzB,CAAC,QAA4B,EAAE,SAAyB,EAA+B,EAAE,CACzF,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACjB,MAAC,MAAM,eACH,KAAC,QAAQ,IAAC,MAAM,EAAE,CAAC,KAAM,SAAS,YAC7B,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAC1B,EACX,KAAC,QAAQ,IACL,QAAQ,EAAC,wBAAwB,EACjC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC,YAAY,EAC/C,OAAO,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACrC,IACG,CACZ,CAAC;AAEN,MAAM,aAAa,GAAG,CAClB,KAAwB,EACxB,QAA4B,EAC5B,SAAyB,EACK,EAAE,CAChC,KAAK,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAE7G,MAAM,MAAM,GAAG,CAAC,KAAc,EAAU,EAAE;IACtC,QAAQ,OAAO,KAAK,EAAE,CAAC;QACnB,KAAK,QAAQ;YACT,OAAO,KAAK,CAAC;QACjB,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS;YACV,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,KAAK,QAAQ;YACT,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC5B;YACI,OAAO,EAAE,CAAC;IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,UAAsB,EAAE,GAAmB,EAAU,EAAE,CACrE,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,MAA+B,EAAE,UAAsB,EAAkB,EAAE;IACtG,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,MAAM,CAAiB,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,GAAmB,EAAE,CAC1C,GAAG,CAAC,iBAAiB,CAAC,GAAG,CACrB,OAAO,CAAC,WAAW,EACnB,CAAC,MAA6B,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,EAC/E,IAAI,CACP,CAAC;IACN,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAE/D,eAAe,CAAC,GAAG,EAAE;QACjB,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,EAAE,IAAI,IAAI,CAAC,CAAC;QAC1D,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACvC,MAAM,SAAS,GAAG,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,IAAI,KAAK,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC3F,KAAK,CAAC,OAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAE9B,IAAI,SAAS,EAAE,CAAC;YACZ,aAAa,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACtC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,MAAwB,EAAE,UAAsB,EAAE,UAA8B,EAAU,EAAE;IACjH,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,WAAW,EAAE,CAAC;IAChC,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAErD,OAAO,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CACzB,OAAuB,EACvB,WAA0B,EAC1B,UAA8B,EAC1B,EAAE;IACN,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IAC9C,MAAM,UAAU,GAAG,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,KAAK,KAAK,CAAC,OAAO,CAAC;IAC5C,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC;IAE5B,IAAI,UAAU,KAAK,IAAI,IAAI,WAAW,KAAK,UAAU,IAAI,KAAK,EAAE,CAAC;QAC7D,kBAAkB,EAAE,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,OAAuB,EAAE,EAAiB,EAAQ,EAAE;IAC9E,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IAE9C,IAAI,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO;IACX,CAAC;IAED,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,kBAAkB,EAAE,CAAC,EAAE,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CACxB,MAAwB,EACxB,UAAsB,EACtB,UAA8B,EACvB,EAAE;IACT,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAErD,OAAO,SAAS,IAAI,CAAC,IAAI,MAAM,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,MAAwB,EAAE,QAAgB,EAAE,KAAiB,EAAQ,EAAE;IAClG,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAExB,IAAI,CAAC;QACD,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/B,CAAC;YAAS,CAAC;QACP,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;IAC7B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,CAAC,OAAsB,EAAE,KAAoB,EAAE,IAAsB,EAAQ,EAAE;IAC1G,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAErD,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,OAAO;IACX,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAE9C,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1D,OAAO;IACX,CAAC;IAED,oBAAoB,CAChB,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,EAC/D,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAC9C,CAAC;IAEF,IAAI,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1E,SAAS,EAAE,CAAC;IAChB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,OAAyB,EAAyB,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IACvC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAa,aAAa,EAAE,CAAC,CAAC;IAEvD,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,WAA+B,EAAQ,EAAE;QACnF,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;QAC7C,oBAAoB,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QAC9E,UAAU,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAChC,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;YACb,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;gBAClB,OAAO;YACX,CAAC;YAED,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;YAC5D,qBAAqB,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;YAC5D,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;QACnB,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAClG,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,YAAY,CAAC,KAAiF;IACnG,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAC3F,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,YAAY,CAAmB,GAAG,CAAC,CAAC;IAClE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;QAC5C,KAAK;QACL,QAAQ;QACR,MAAM,EAAE,IAAI;QACZ,gBAAgB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC;KAClD,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,gBAAgB,CAAC,YAAY,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACrF,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;IACjF,MAAM,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,SAAS,CAAC,CAAC;IACxF,MAAM,UAAU,GAAG,qBAAqB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAE7D,OAAO,CACH,8BACI,KAAC,SAAS,IACN,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,KAAC,wBAAwB,OAAK,SAAS,CAAC,QAAQ,GAAI,KACzD,CAAC,cAAc,KAAK,IAAI,IAAI;oBAC5B,WAAW,EAAE,KAAC,wBAAwB,OAAK,SAAS,CAAC,QAAQ,GAAI;iBACpE,CAAC,KACE,MAAM,CAAC,YAAY,KACnB,IAAI,EACR,gBAAgB,EAAE,oBAAoB,GACxC,EACF,KAAC,WAAW,IAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,UAAU,EAAE,UAAU,GAAI,EACnG,cAAc,KAAK,IAAI,IAAI,CACxB,KAAC,WAAW,IAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,GAAI,CACvF,EACA,MAAM,CAAC,OAAO,IAChB,CACN,CAAC;AACN,CAAC;AAED,OAAO,EAAE,YAAY,EAA0B,CAAC","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport type { ElementType, ReactNode, Ref } from \"react\";\nimport * as GObject from \"@gtkx/gi/gobject\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport type * as Pango from \"@gtkx/gi/pango\";\nimport { GtkBox, GtkImage, GtkLabel, GtkSignalListItemFactory } from \"@gtkx/jsx/gtk\";\nimport { useProperty } from \"@gtkx/react\";\nimport { useLatestRef } from \"@gtkx/react/internal\";\nimport { omit, type Primitive } from \"@gtkx/utils\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport type { DropDownOwnProps, ListItemRenderer } from \"../types.js\";\nimport { ItemPortals, useItemCells, useSectionHeader } from \"./cells.js\";\nimport { type SlotRef, slotRefFor } from \"./collection-model.js\";\nimport { type Collection, isCollectionIdle } from \"./collection.js\";\nimport { useControlledSync } from \"./controlled-sync.js\";\nimport { showFirstHeader } from \"./first-header.js\";\nimport { useCollectionData } from \"./use-collection.js\";\nimport { useWidgetRef } from \"./use-widget-ref.js\";\n\ntype SelectableWidget = Gtk.DropDown | Adw.ComboRow;\n\n/** Label settings of the widget's own default item factory, kept by the default renderers. */\ntype ItemLabelProps = {\n    ellipsize?: Pango.EllipsizeMode;\n    maxWidthChars?: number;\n    widthChars?: number;\n};\n\ntype DropDownBaseProps = DropDownOwnProps<unknown, unknown> & {\n    onNotifySelected?: ((value: number | null, self: SelectableWidget) => void) | null | undefined;\n    ref?: Ref<SelectableWidget | null> | undefined;\n} & Record<string, unknown>;\n\ntype SelectionOptions = {\n    widget: SelectableWidget | null;\n    collection: Collection;\n    props: DropDownBaseProps;\n};\n\ntype NotifySelectedHandler = NonNullable<DropDownBaseProps[\"onNotifySelected\"]>;\ntype ApplyState = { isApplying: boolean; isReady: boolean };\ntype ShownSelection = { ref: SlotRef | null; text: string };\n\ntype NotifyContext = {\n    options: SelectionOptions;\n    known: { current: string | null };\n    state: ApplyState;\n    markDrift: () => void;\n};\n\ntype KnownSelection = {\n    known: { current: string | null };\n    onSelectionChanged: ((id: string | null) => void) | null | undefined;\n};\n\nconst DROP_DOWN_PROPS: string[] = [\n    \"component\",\n    \"itemLabel\",\n    \"items\",\n    \"sections\",\n    \"selectedId\",\n    \"onSelectionChanged\",\n    \"onNotifySelected\",\n    \"renderItem\",\n    \"renderListItem\",\n    \"renderHeader\",\n    \"ref\",\n];\n\nfunction newApplyState(): ApplyState {\n    return { isApplying: false, isReady: false };\n}\n\nconst defaultRenderer =\n    (itemLabel: ItemLabelProps): ListItemRenderer<Primitive> =>\n    ({ item }) =>\n        item == null ? null : <GtkLabel {...itemLabel}>{String(item)}</GtkLabel>;\nconst faceRenderer = (props: DropDownBaseProps, itemLabel: ItemLabelProps): ListItemRenderer<never> =>\n    props.renderItem ?? defaultRenderer(itemLabel);\n\nconst selectionMarkedRenderer =\n    (selected: number | undefined, itemLabel: ItemLabelProps): ListItemRenderer<Primitive> =>\n    ({ item, index }) => (\n        <GtkBox>\n            <GtkLabel xalign={0} {...itemLabel}>\n                {item == null ? \"\" : String(item)}\n            </GtkLabel>\n            <GtkImage\n                iconName=\"object-select-symbolic\"\n                accessibleRole={Gtk.AccessibleRole.PRESENTATION}\n                opacity={index === selected ? 1 : 0}\n            />\n        </GtkBox>\n    );\n\nconst popupRenderer = (\n    props: DropDownBaseProps,\n    selected: number | undefined,\n    itemLabel: ItemLabelProps,\n): ListItemRenderer<never> | null =>\n    props.renderListItem ?? (props.renderItem == null ? selectionMarkedRenderer(selected, itemLabel) : null);\n\nconst textOf = (value: unknown): string => {\n    switch (typeof value) {\n        case \"string\":\n            return value;\n        case \"number\":\n        case \"bigint\":\n        case \"boolean\":\n            return String(value);\n        case \"symbol\":\n            return value.toString();\n        default:\n            return \"\";\n    }\n};\n\nconst slotText = (collection: Collection, ref: SlotRef | null): string =>\n    ref === null ? \"\" : textOf(collection.itemAt(ref)?.value);\n\n/**\n * AdwComboRow reads the selected item's text for its subtitle only when the selected item or the expression changes.\n * Slots keep their objects when an item's value changes in place, so the expression is replaced when the selected\n * item's text changes without a selection change.\n */\nconst useItemTextExpression = (widget: SelectableWidget | null, collection: Collection): Gtk.Expression => {\n    const latest = useLatestRef(collection);\n    const shown = useRef<ShownSelection>({ ref: null, text: \"\" });\n    const createExpression = (): Gtk.Expression =>\n        Gtk.ClosureExpression.new(\n            GObject.TYPE_STRING,\n            (object: GObject.Object | null) => slotText(latest.current, slotRefFor(object)),\n            null,\n        );\n    const [expression, setExpression] = useState(createExpression);\n\n    useLayoutEffect(() => {\n        const ref = slotRefFor(widget?.getSelectedItem() ?? null);\n        const text = slotText(collection, ref);\n        const isRenamed = ref !== null && ref === shown.current.ref && text !== shown.current.text;\n        shown.current = { ref, text };\n\n        if (isRenamed) {\n            setExpression(createExpression());\n        }\n    });\n\n    return expression;\n};\n\nconst resolvePosition = (widget: SelectableWidget, collection: Collection, selectedId: string | undefined): number => {\n    if (selectedId === undefined) {\n        return widget.getSelected();\n    }\n\n    const requested = collection.positionFor(selectedId);\n\n    return requested >= 0 ? requested : widget.getSelected();\n};\n\nconst updateKnownSelection = (\n    tracker: KnownSelection,\n    effectiveId: string | null,\n    selectedId: string | undefined,\n): void => {\n    const { known, onSelectionChanged } = tracker;\n    const expectedId = selectedId ?? known.current;\n    const isNew = effectiveId !== known.current;\n    known.current = effectiveId;\n\n    if (expectedId !== null && effectiveId !== expectedId && isNew) {\n        onSelectionChanged?.(effectiveId);\n    }\n};\n\nconst reportKnownSelection = (tracker: KnownSelection, id: string | null): void => {\n    const { known, onSelectionChanged } = tracker;\n\n    if (id === known.current) {\n        return;\n    }\n\n    known.current = id;\n    onSelectionChanged?.(id);\n};\n\nconst hasSelectionDrifted = (\n    widget: SelectableWidget,\n    collection: Collection,\n    selectedId: string | undefined,\n): boolean => {\n    if (selectedId === undefined) {\n        return false;\n    }\n\n    const requested = collection.positionFor(selectedId);\n\n    return requested >= 0 && widget.getSelected() !== requested;\n};\n\nconst applySelectedPosition = (widget: SelectableWidget, position: number, state: ApplyState): void => {\n    state.isApplying = true;\n\n    try {\n        widget.selected = position;\n    } finally {\n        state.isApplying = false;\n    }\n};\n\nconst dispatchSelectedNotify = (context: NotifyContext, value: number | null, self: SelectableWidget): void => {\n    const { options, known, state, markDrift } = context;\n\n    if (state.isApplying) {\n        return;\n    }\n\n    options.props.onNotifySelected?.(value, self);\n\n    if (!state.isReady || !isCollectionIdle(options.collection)) {\n        return;\n    }\n\n    reportKnownSelection(\n        { known, onSelectionChanged: options.props.onSelectionChanged },\n        options.collection.idAt(self.getSelected()),\n    );\n\n    if (hasSelectionDrifted(self, options.collection, options.props.selectedId)) {\n        markDrift();\n    }\n};\n\nconst useDropDownSelection = (options: SelectionOptions): NotifySelectedHandler => {\n    const { widget, collection } = options;\n    const { selectedId } = options.props;\n    const known = useRef<string | null>(null);\n    const applyState = useRef<ApplyState>(newApplyState());\n\n    const syncKnownSelection = (position: number, requestedId: string | undefined): void => {\n        const effectiveId = collection.idAt(position);\n        const { onSelectionChanged } = options.props;\n        updateKnownSelection({ known, onSelectionChanged }, effectiveId, requestedId);\n        applyState.current.isReady = true;\n    };\n\n    const markDrift = useControlledSync({\n        value: selectedId,\n        source: collection,\n        target: widget,\n        apply: (value) => {\n            if (widget === null) {\n                return;\n            }\n\n            const position = resolvePosition(widget, collection, value);\n            applySelectedPosition(widget, position, applyState.current);\n            syncKnownSelection(position, value);\n        },\n    });\n\n    return (value, self) => {\n        dispatchSelectedNotify({ options, known, state: applyState.current, markDrift }, value, self);\n    };\n};\n\nfunction DropDownBase(props: DropDownBaseProps & { component: ElementType; itemLabel?: ItemLabelProps }): ReactNode {\n    const { component: Component, itemLabel = {}, items, sections, renderHeader, ref } = props;\n    const rest = omit(props, DROP_DOWN_PROPS);\n    const [widget, refCallback] = useWidgetRef<SelectableWidget>(ref);\n    const { collection, model } = useCollectionData({\n        items,\n        sections,\n        isFlat: true,\n        onSectionsFilled: () => showFirstHeader(widget),\n    });\n    const faceCells = useItemCells({ width: -1, height: -1 });\n    const listCells = useItemCells({ width: -1, height: -1 });\n    const header = useSectionHeader(renderHeader, collection, { width: -1, height: -1 });\n    const handleNotifySelected = useDropDownSelection({ widget, collection, props });\n    const renderListItem = popupRenderer(props, useProperty(widget, \"selected\"), itemLabel);\n    const expression = useItemTextExpression(widget, collection);\n\n    return (\n        <>\n            <Component\n                ref={refCallback}\n                model={model}\n                expression={expression}\n                factory={<GtkSignalListItemFactory {...faceCells.handlers} />}\n                {...(renderListItem !== null && {\n                    listFactory: <GtkSignalListItemFactory {...listCells.handlers} />,\n                })}\n                {...header.factoryProps}\n                {...rest}\n                onNotifySelected={handleNotifySelected}\n            />\n            <ItemPortals registry={faceCells} render={faceRenderer(props, itemLabel)} collection={collection} />\n            {renderListItem !== null && (\n                <ItemPortals registry={listCells} render={renderListItem} collection={collection} />\n            )}\n            {header.portals}\n        </>\n    );\n}\n\nexport { DropDownBase, type DropDownBaseProps };\n"]}

package/dist/internal/expansion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expansion.d.ts","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAUlD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnE,CAAC;AAQF,KAAK,kBAAkB,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAiGrF,iBAAS,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAgBnE;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"expansion.d.ts","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAUlD,KAAK,gBAAgB,GAAG;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnE,CAAC;AAQF,KAAK,kBAAkB,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAiIrF,iBAAS,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,kBAAkB,CAgBnE;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/internal/expansion.js

@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { isCollectionIdle } from "./collection.js";
-import { useControlledSync } from "./controlled-sync.js";
+import { hasSameIds, useControlledSync } from "./controlled-sync.js";
 import { joinParts } from "./keys.js";
 import { trackPaths } from "./slots.js";
 import { adoptOrder, markExpanded, orderFor } from "./tree-expansion.js";
@@ -8,27 +8,38 @@ import { expandedPathsFor, walkVisible } from "./tree-order.js";
 function hasSameExpansion(expanded, wanted) {
     return expanded.size === wanted.size && wanted.isSubsetOf(expanded);
 }
-function toggleOptions(collection, wanted) {
+function collapsingPositions(expansion, wanted) {
+    const positions = [];
+    walkVisible({
+        index: expansion.index,
+        slots: expansion.slots,
+        marks: trackPaths(expansion.expanded.difference(wanted)),
+        visit: (row) => {
+            if (row.isMarked) {
+                positions.push(row.position);
+            }
+        },
+    });
+    return positions;
+}
+function expandOptions(collection, wanted) {
     const { expansion } = collection;
     return {
         index: expansion.index,
         slots: trackPaths(wanted),
-        marks: trackPaths(wanted.symmetricDifference(expansion.expanded)),
+        marks: trackPaths(wanted.difference(expansion.expanded)),
         visit: (row) => {
             if (row.isMarked) {
-                collection.rowAt(row.position)?.setExpanded(row.isOpen);
+                collection.rowAt(row.position)?.setExpanded(true);
             }
         },
     };
 }
-function walkApplying(expansion, options) {
-    expansion.isApplying = true;
-    try {
-        return walkVisible(options);
-    }
-    finally {
-        expansion.isApplying = false;
+function toggleRows(collection, wanted) {
+    for (const position of collapsingPositions(collection.expansion, wanted).toReversed()) {
+        collection.rowAt(position)?.setExpanded(false);
     }
+    return walkVisible(expandOptions(collection, wanted));
 }
 function applyWanted(collection, expandedIds) {
     const { expansion } = collection;
@@ -36,23 +47,39 @@ function applyWanted(collection, expandedIds) {
     if (hasSameExpansion(expansion.expanded, wanted)) {
         return;
     }
-    adoptOrder(expansion, walkApplying(expansion, toggleOptions(collection, wanted)));
+    expansion.isApplying = true;
+    try {
+        adoptOrder(expansion, toggleRows(collection, wanted));
+    }
+    finally {
+        expansion.isApplying = false;
+    }
+}
+function rememberExpansion(context, expandedPaths) {
+    const key = joinParts(expandedPaths);
+    const isKnown = context.last.key === key;
+    context.last.key = key;
+    return isKnown;
 }
 function reportExpansion(context) {
     const { expandedIds, expandedPaths } = orderFor(context.collection.expansion);
-    const key = joinParts(expandedPaths);
-    if (context.last.key === key) {
-        return;
+    if (!rememberExpansion(context, expandedPaths)) {
+        context.onExpandedChange?.([...expandedIds]);
     }
-    context.last.key = key;
-    context.onExpandedChange?.([...expandedIds]);
 }
 function applyControlledExpansion(context, expandedIds) {
     if (!context.collection.isTree) {
         return;
     }
-    applyWanted(context.collection, expandedIds ?? []);
-    reportExpansion(context);
+    const requested = expandedIds ?? [];
+    applyWanted(context.collection, requested);
+    const order = orderFor(context.collection.expansion);
+    if (hasSameIds(order.expandedIds, requested)) {
+        rememberExpansion(context, order.expandedPaths);
+    }
+    else {
+        reportExpansion(context);
+    }
 }
 function didRowDrift(collection, change) {
     const path = collection.pathAt(change.position - 1);

package/dist/internal/expansion.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion.js","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport type { Collection } from \"./collection.js\";\nimport type { TreeExpansion } from \"./tree-expansion.js\";\nimport type { VisibleOrder, WalkOptions } from \"./tree-order.js\";\nimport { isCollectionIdle } from \"./collection.js\";\nimport { useControlledSync } from \"./controlled-sync.js\";\nimport { joinParts } from \"./keys.js\";\nimport { trackPaths } from \"./slots.js\";\nimport { adoptOrder, markExpanded, orderFor } from \"./tree-expansion.js\";\nimport { expandedPathsFor, walkVisible } from \"./tree-order.js\";\n\ntype ExpansionOptions = {\n    collection: Collection;\n    expandedIds?: string[] | null | undefined;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\ntype ItemsChange = {\n    position: number;\n    removed: number;\n    added: number;\n};\n\ntype ItemsChangeHandler = (position: number, removed: number, added: number) => void;\ntype LastExpansion = { key: string };\n\ntype ExpansionContext = {\n    collection: Collection;\n    last: LastExpansion;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\nfunction hasSameExpansion(expanded: Set<string>, wanted: Set<string>): boolean {\n    return expanded.size === wanted.size && wanted.isSubsetOf(expanded);\n}\n\nfunction toggleOptions(collection: Collection, wanted: Set<string>): WalkOptions {\n    const { expansion } = collection;\n\n    return {\n        index: expansion.index,\n        slots: trackPaths(wanted),\n        marks: trackPaths(wanted.symmetricDifference(expansion.expanded)),\n        visit: (row) => {\n            if (row.isMarked) {\n                collection.rowAt(row.position)?.setExpanded(row.isOpen);\n            }\n        },\n    };\n}\n\nfunction walkApplying(expansion: TreeExpansion, options: WalkOptions): VisibleOrder {\n    expansion.isApplying = true;\n\n    try {\n        return walkVisible(options);\n    } finally {\n        expansion.isApplying = false;\n    }\n}\n\nfunction applyWanted(collection: Collection, expandedIds: string[]): void {\n    const { expansion } = collection;\n    const wanted = expandedPathsFor(expansion.index, new Set(expandedIds));\n\n    if (hasSameExpansion(expansion.expanded, wanted)) {\n        return;\n    }\n\n    adoptOrder(expansion, walkApplying(expansion, toggleOptions(collection, wanted)));\n}\n\nfunction reportExpansion(context: ExpansionContext): void {\n    const { expandedIds, expandedPaths } = orderFor(context.collection.expansion);\n    const key = joinParts(expandedPaths);\n\n    if (context.last.key === key) {\n        return;\n    }\n\n    context.last.key = key;\n    context.onExpandedChange?.([...expandedIds]);\n}\n\nfunction applyControlledExpansion(context: ExpansionContext, expandedIds: string[] | null | undefined): void {\n    if (!context.collection.isTree) {\n        return;\n    }\n\n    applyWanted(context.collection, expandedIds ?? []);\n    reportExpansion(context);\n}\n\nfunction didRowDrift(collection: Collection, change: ItemsChange): boolean {\n    const path = collection.pathAt(change.position - 1);\n    const isExpanded = change.removed === 0 && change.added > 0;\n    const isCollapsed = change.added === 0 && change.removed > 0;\n\n    if (path === null || isExpanded === isCollapsed) {\n        return false;\n    }\n\n    markExpanded(collection.expansion, path, isExpanded);\n\n    return true;\n}\n\nfunction observeExpansion(context: ExpansionContext, change: ItemsChange, onDrift: () => void): void {\n    if (!context.collection.isTree || !isCollectionIdle(context.collection)) {\n        return;\n    }\n\n    const didDrift = didRowDrift(context.collection, change);\n    reportExpansion(context);\n\n    if (didDrift) {\n        onDrift();\n    }\n}\n\nfunction useExpansion(options: ExpansionOptions): ItemsChangeHandler {\n    const { collection, expandedIds, onExpandedChange } = options;\n    const [last] = useState<LastExpansion>(() => ({ key: \"\" }));\n    const context: ExpansionContext = { collection, last, onExpandedChange };\n\n    const markDrift = useControlledSync({\n        value: expandedIds,\n        source: collection,\n        apply: (value) => {\n            applyControlledExpansion(context, value);\n        },\n    });\n\n    return (position, removed, added) => {\n        observeExpansion(context, { position, removed, added }, markDrift);\n    };\n}\n\nexport { useExpansion, type ItemsChangeHandler };\n"]}
+{"version":3,"file":"expansion.js","sourceRoot":"","sources":["../../src/internal/expansion.ts"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport type { Collection } from \"./collection.js\";\nimport type { TreeExpansion } from \"./tree-expansion.js\";\nimport type { VisibleOrder, WalkOptions } from \"./tree-order.js\";\nimport { isCollectionIdle } from \"./collection.js\";\nimport { hasSameIds, useControlledSync } from \"./controlled-sync.js\";\nimport { joinParts } from \"./keys.js\";\nimport { trackPaths } from \"./slots.js\";\nimport { adoptOrder, markExpanded, orderFor } from \"./tree-expansion.js\";\nimport { expandedPathsFor, walkVisible } from \"./tree-order.js\";\n\ntype ExpansionOptions = {\n    collection: Collection;\n    expandedIds?: string[] | null | undefined;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\ntype ItemsChange = {\n    position: number;\n    removed: number;\n    added: number;\n};\n\ntype ItemsChangeHandler = (position: number, removed: number, added: number) => void;\ntype LastExpansion = { key: string };\n\ntype ExpansionContext = {\n    collection: Collection;\n    last: LastExpansion;\n    onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n};\n\nfunction hasSameExpansion(expanded: Set<string>, wanted: Set<string>): boolean {\n    return expanded.size === wanted.size && wanted.isSubsetOf(expanded);\n}\n\nfunction collapsingPositions(expansion: TreeExpansion, wanted: Set<string>): number[] {\n    const positions: number[] = [];\n\n    walkVisible({\n        index: expansion.index,\n        slots: expansion.slots,\n        marks: trackPaths(expansion.expanded.difference(wanted)),\n        visit: (row) => {\n            if (row.isMarked) {\n                positions.push(row.position);\n            }\n        },\n    });\n\n    return positions;\n}\n\nfunction expandOptions(collection: Collection, wanted: Set<string>): WalkOptions {\n    const { expansion } = collection;\n\n    return {\n        index: expansion.index,\n        slots: trackPaths(wanted),\n        marks: trackPaths(wanted.difference(expansion.expanded)),\n        visit: (row) => {\n            if (row.isMarked) {\n                collection.rowAt(row.position)?.setExpanded(true);\n            }\n        },\n    };\n}\n\nfunction toggleRows(collection: Collection, wanted: Set<string>): VisibleOrder {\n    for (const position of collapsingPositions(collection.expansion, wanted).toReversed()) {\n        collection.rowAt(position)?.setExpanded(false);\n    }\n\n    return walkVisible(expandOptions(collection, wanted));\n}\n\nfunction applyWanted(collection: Collection, expandedIds: string[]): void {\n    const { expansion } = collection;\n    const wanted = expandedPathsFor(expansion.index, new Set(expandedIds));\n\n    if (hasSameExpansion(expansion.expanded, wanted)) {\n        return;\n    }\n\n    expansion.isApplying = true;\n\n    try {\n        adoptOrder(expansion, toggleRows(collection, wanted));\n    } finally {\n        expansion.isApplying = false;\n    }\n}\n\nfunction rememberExpansion(context: ExpansionContext, expandedPaths: string[]): boolean {\n    const key = joinParts(expandedPaths);\n    const isKnown = context.last.key === key;\n    context.last.key = key;\n\n    return isKnown;\n}\n\nfunction reportExpansion(context: ExpansionContext): void {\n    const { expandedIds, expandedPaths } = orderFor(context.collection.expansion);\n\n    if (!rememberExpansion(context, expandedPaths)) {\n        context.onExpandedChange?.([...expandedIds]);\n    }\n}\n\nfunction applyControlledExpansion(context: ExpansionContext, expandedIds: string[] | null | undefined): void {\n    if (!context.collection.isTree) {\n        return;\n    }\n\n    const requested = expandedIds ?? [];\n    applyWanted(context.collection, requested);\n    const order = orderFor(context.collection.expansion);\n\n    if (hasSameIds(order.expandedIds, requested)) {\n        rememberExpansion(context, order.expandedPaths);\n    } else {\n        reportExpansion(context);\n    }\n}\n\nfunction didRowDrift(collection: Collection, change: ItemsChange): boolean {\n    const path = collection.pathAt(change.position - 1);\n    const isExpanded = change.removed === 0 && change.added > 0;\n    const isCollapsed = change.added === 0 && change.removed > 0;\n\n    if (path === null || isExpanded === isCollapsed) {\n        return false;\n    }\n\n    markExpanded(collection.expansion, path, isExpanded);\n\n    return true;\n}\n\nfunction observeExpansion(context: ExpansionContext, change: ItemsChange, onDrift: () => void): void {\n    if (!context.collection.isTree || !isCollectionIdle(context.collection)) {\n        return;\n    }\n\n    const didDrift = didRowDrift(context.collection, change);\n    reportExpansion(context);\n\n    if (didDrift) {\n        onDrift();\n    }\n}\n\nfunction useExpansion(options: ExpansionOptions): ItemsChangeHandler {\n    const { collection, expandedIds, onExpandedChange } = options;\n    const [last] = useState<LastExpansion>(() => ({ key: \"\" }));\n    const context: ExpansionContext = { collection, last, onExpandedChange };\n\n    const markDrift = useControlledSync({\n        value: expandedIds,\n        source: collection,\n        apply: (value) => {\n            applyControlledExpansion(context, value);\n        },\n    });\n\n    return (position, removed, added) => {\n        observeExpansion(context, { position, removed, added }, markDrift);\n    };\n}\n\nexport { useExpansion, type ItemsChangeHandler };\n"]}

package/dist/internal/first-header.d.ts

@@ -0,0 +1,11 @@
+import type * as Adw from "@gtkx/gi/adw";
+import * as Gtk from "@gtkx/gi/gtk";
+type SectionedWidget = Gtk.ListView | Gtk.ColumnView | Gtk.DropDown | Adw.ComboRow;
+/**
+ * TODO: GTK 4.22 anchors a list whose model fills after the list holds it at the first row, scrolled past that
+ * row's section header. Scrolling a view to its first row, or handing a drop-down its filled model again, starts
+ * it at the header. Remove once a GTK release fixes the anchor and GTKX requires it.
+ */
+declare function showFirstHeader(widget: SectionedWidget | null): void;
+export { showFirstHeader };
+//# sourceMappingURL=first-header.d.ts.map

package/dist/internal/first-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-header.d.ts","sourceRoot":"","sources":["../../src/internal/first-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAEpC,KAAK,eAAe,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,UAAU,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAEnF;;;;GAIG;AACH,iBAAS,eAAe,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI,CAU7D;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/internal/first-header.js

@@ -0,0 +1,21 @@
+import * as Gtk from "@gtkx/gi/gtk";
+/**
+ * TODO: GTK 4.22 anchors a list whose model fills after the list holds it at the first row, scrolled past that
+ * row's section header. Scrolling a view to its first row, or handing a drop-down its filled model again, starts
+ * it at the header. Remove once a GTK release fixes the anchor and GTKX requires it.
+ */
+function showFirstHeader(widget) {
+    if (widget instanceof Gtk.ListView) {
+        widget.scrollTo(0, Gtk.ListScrollFlags.NONE, null);
+    }
+    else if (widget instanceof Gtk.ColumnView) {
+        widget.scrollTo(0, null, Gtk.ListScrollFlags.NONE, null);
+    }
+    else if (widget !== null) {
+        const model = widget.getModel();
+        widget.setModel(null);
+        widget.setModel(model);
+    }
+}
+export { showFirstHeader };
+//# sourceMappingURL=first-header.js.map

package/dist/internal/first-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-header.js","sourceRoot":"","sources":["../../src/internal/first-header.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AAIpC;;;;GAIG;AACH,SAAS,eAAe,CAAC,MAA8B;IACnD,IAAI,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,CAAC;QACjC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;SAAM,IAAI,MAAM,YAAY,GAAG,CAAC,UAAU,EAAE,CAAC;QAC1C,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7D,CAAC;SAAM,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QAChC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;AACL,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\n\ntype SectionedWidget = Gtk.ListView | Gtk.ColumnView | Gtk.DropDown | Adw.ComboRow;\n\n/**\n * TODO: GTK 4.22 anchors a list whose model fills after the list holds it at the first row, scrolled past that\n * row's section header. Scrolling a view to its first row, or handing a drop-down its filled model again, starts\n * it at the header. Remove once a GTK release fixes the anchor and GTKX requires it.\n */\nfunction showFirstHeader(widget: SectionedWidget | null): void {\n    if (widget instanceof Gtk.ListView) {\n        widget.scrollTo(0, Gtk.ListScrollFlags.NONE, null);\n    } else if (widget instanceof Gtk.ColumnView) {\n        widget.scrollTo(0, null, Gtk.ListScrollFlags.NONE, null);\n    } else if (widget !== null) {\n        const model = widget.getModel();\n        widget.setModel(null);\n        widget.setModel(model);\n    }\n}\n\nexport { showFirstHeader };\n"]}

package/dist/internal/keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/internal/keys.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAA8D,CAAC;AACnG,QAAA,MAAM,SAAS,GAAI,QAAQ,MAAM,EAAE,KAAG,MAA2D,CAAC;AAElG,QAAA,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,GAAG,IAU9D,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../src/internal/keys.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,UAAW,MAAM,KAAG,MAA8D,CAAC;AACnG,QAAA,MAAM,SAAS,WAAY,MAAM,EAAE,KAAG,MAA2D,CAAC;AAElG,QAAA,MAAM,YAAY,UAAW,MAAM,UAAU,MAAM,KAAG,MAAM,GAAG,IAU9D,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/internal/level-splice.d.ts

@@ -0,0 +1,27 @@
+type Splice = {
+    start: number;
+    removed: number;
+    added: number;
+};
+type KeyAt = (slot: number) => string;
+type LevelKeys = {
+    previousLength: number;
+    nextLength: number;
+    previousKey: KeyAt;
+    nextKey: KeyAt;
+};
+type Relocate = (slot: number) => number | undefined;
+declare const NO_SPLICE: Splice;
+declare function findSplice(keys: LevelKeys): Splice;
+declare function hasSplice(splice: Splice): boolean;
+declare function matchMoves(keys: LevelKeys, splice: Splice, candidates: Iterable<number>): Map<number, number>;
+declare function relocateSlot(splice: Splice, slot: number, moves?: Map<number, number>): number | undefined;
+declare function relocateEntries<V>(entries: Map<number, V>, relocate: Relocate, onDrop: (value: V) => void): Map<number, V>;
+/**
+ * GTK looks up every added item for a moved row whenever a splice removes a row it tracks, such as the scroll
+ * anchor or the focus, which makes every lazily created item real. Past a limit, the overlapping slots are
+ * rewritten in place instead and only the difference is spliced, so rows that move there remount.
+ */
+declare function searchableSplice(splice: Splice, addedRows: number): Splice;
+export { NO_SPLICE, findSplice, hasSplice, matchMoves, relocateEntries, relocateSlot, searchableSplice, type LevelKeys, type Relocate, type Splice, };
+//# sourceMappingURL=level-splice.d.ts.map

package/dist/internal/level-splice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"level-splice.d.ts","sourceRoot":"","sources":["../../src/internal/level-splice.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,KAAK,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtC,KAAK,SAAS,GAAG;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;AAGrD,QAAA,MAAM,SAAS,EAAE,MAA2C,CAAC;AAG7D,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAgB3C;AAED,iBAAS,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAE1C;AAyBD,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAgCtG;AAED,iBAAS,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,GAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAY,GAAG,MAAM,GAAG,SAAS,CAU7G;AAED,iBAAS,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAcnH;AAED;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAQnE;AAED,OAAO,EACH,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,MAAM,GACd,CAAC"}