winui-svelte 0.0.4 → 0.0.6

package/dist/incremental/incremental-source.svelte.js

@@ -0,0 +1,138 @@
+import { IncrementalStatus } from "./state.js";
+const DEFAULT_BATCH_SIZE = 20;
+const DEFAULT_THRESHOLD = 5;
+function errorOf(thrown) {
+    return thrown instanceof Error ? thrown : new Error(String(thrown));
+}
+/**
+ * Items that arrive in batches as a list nears its end: `items` for the
+ * list's `items`, `state` for a footer, and the list's `incremental` prop.
+ */
+export class IncrementalSource {
+    options;
+    batchSize;
+    threshold;
+    loaded = $state.raw([]);
+    current = $state.raw({ status: IncrementalStatus.IDLE });
+    controller;
+    running;
+    constructor(options) {
+        this.options = options;
+        this.batchSize = options.batchSize ?? DEFAULT_BATCH_SIZE;
+        this.threshold = options.threshold ?? DEFAULT_THRESHOLD;
+        const isBatchValid = Number.isInteger(this.batchSize) && this.batchSize >= 1;
+        if (!isBatchValid) {
+            throw new RangeError(`batchSize must be a positive integer, got ${this.batchSize}`);
+        }
+    }
+    /** The items loaded so far, in order. Reactive. */
+    get items() {
+        return this.loaded;
+    }
+    /** What the source is doing. Reactive. */
+    get state() {
+        return this.current;
+    }
+    /**
+     * Loads the next batch, unless one is loading (then it is that load's
+     * promise), the source is done, or the last load failed (`retry()`). Never
+     * rejects: a failure is the `error` state.
+     */
+    loadMore() {
+        const isLoading = this.current.status === IncrementalStatus.LOADING;
+        if (isLoading) {
+            return this.running ?? Promise.resolve();
+        }
+        const isIdle = this.current.status === IncrementalStatus.IDLE;
+        if (!isIdle) {
+            return Promise.resolve();
+        }
+        const controller = new AbortController();
+        this.controller = controller;
+        this.current = { status: IncrementalStatus.LOADING };
+        const running = this.fetchBatch(controller);
+        this.running = running;
+        return running;
+    }
+    /** Tries the failed batch again; does nothing in any other state. */
+    retry() {
+        const isFailed = this.current.status === IncrementalStatus.ERROR;
+        if (!isFailed) {
+            return Promise.resolve();
+        }
+        this.current = { status: IncrementalStatus.IDLE };
+        return this.loadMore();
+    }
+    /** Drops the load in flight; the source is idle and may load again. */
+    cancel() {
+        this.controller?.abort();
+        this.controller = undefined;
+        this.running = undefined;
+        const isLoading = this.current.status === IncrementalStatus.LOADING;
+        if (isLoading) {
+            this.current = { status: IncrementalStatus.IDLE };
+        }
+    }
+    /** Drops the load in flight and every item; a list bound to the source loads the first batch again. */
+    reset() {
+        this.cancel();
+        this.loaded = [];
+        this.current = { status: IncrementalStatus.IDLE };
+    }
+    /** Stops loading for good: aborts the load in flight. */
+    dispose() {
+        this.cancel();
+    }
+    realized({ index }) {
+        const isIdle = this.current.status === IncrementalStatus.IDLE;
+        const isNearEnd = index >= this.loaded.length - this.threshold;
+        const shouldLoad = isIdle && isNearEnd;
+        if (shouldLoad) {
+            void this.loadMore();
+        }
+    }
+    async fetchBatch(controller) {
+        const { signal } = controller;
+        try {
+            const batch = await this.options.load({
+                offset: this.loaded.length,
+                count: this.batchSize,
+                signal
+            });
+            if (signal.aborted) {
+                return;
+            }
+            this.loaded = [...this.loaded, ...batch];
+            const isLast = batch.length === 0 || (this.options.isLast?.({
+                batch,
+                items: this.loaded
+            }) ?? batch.length < this.batchSize);
+            this.current = { status: isLast ? IncrementalStatus.DONE : IncrementalStatus.IDLE };
+        }
+        catch (thrown) {
+            if (!signal.aborted) {
+                this.current = {
+                    status: IncrementalStatus.ERROR,
+                    error: errorOf(thrown)
+                };
+            }
+        }
+        finally {
+            const isCurrent = this.controller === controller;
+            if (isCurrent) {
+                this.controller = undefined;
+                this.running = undefined;
+            }
+        }
+    }
+}
+/**
+ * Makes an incremental source: `items` grows by `batchSize` whenever the list
+ * it is bound to realizes an item near the end.
+ *
+ * @returns The source: pass `items` as the list's `items` and the source as its `incremental`.
+ */
+export function createIncrementalSource(options) {
+    return new IncrementalSource(options);
+}
+//# sourceMappingURL=incremental-source.svelte.js.map

package/dist/incremental/incremental-source.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"incremental-source.svelte.js","sourceRoot":"","sources":["../../src/incremental/incremental-source.svelte.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AA6B5B,SAAS,OAAO,CAAC,MAAe;IAC9B,OAAO,MAAM,YAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACtE,CAAC;AAED;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IACX,OAAO,CAAiC;IACxC,SAAS,CAAS;IAClB,SAAS,CAAS;IAC3B,MAAM,GAAG,MAAM,CAAC,GAAG,CAAkB,EAAE,CAAC,CAAC;IACzC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAmB,EAAE,MAAM,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3E,UAAU,CAA8B;IACxC,OAAO,CAA4B;IAE3C,YAAY,OAAuC;QACjD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,kBAAkB,CAAC;QACzD,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,iBAAiB,CAAC;QACxD,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;QAC7E,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,MAAM,IAAI,UAAU,CAAC,6CAA6C,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACtF,CAAC;IACH,CAAC;IAED,mDAAmD;IACnD,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,0CAA0C;IAC1C,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACH,QAAQ;QACN,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,OAAO,CAAC;QACpE,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QAC3C,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,IAAI,CAAC;QAC9D,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,iBAAiB,CAAC,OAAO,EAAE,CAAC;QACrD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QAC5C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,qEAAqE;IACrE,KAAK;QACH,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,KAAK,CAAC;QACjE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAED,uEAAuE;IACvE,MAAM;QACJ,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,OAAO,CAAC;QACpE,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC;QACpD,CAAC;IACH,CAAC;IAED,uGAAuG;IACvG,KAAK;QACH,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC;IACpD,CAAC;IAED,yDAAyD;IACzD,OAAO;QACL,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,QAAQ,CAAC,EAAE,KAAK,EAAqB;QACnC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,IAAI,CAAC;QAC9D,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/D,MAAM,UAAU,GAAG,MAAM,IAAI,SAAS,CAAC;QACvC,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,UAAU,CAAC,UAA2B;QAClD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;gBACpC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM;gBAC1B,KAAK,EAAE,IAAI,CAAC,SAAS;gBACrB,MAAM;aACP,CAAC,CAAC;YACH,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YAED,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;YACzC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;gBAC1D,KAAK;gBACL,KAAK,EAAE,IAAI,CAAC,MAAM;aACnB,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;YACrC,IAAI,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC;QACtF,CAAC;QAAC,OAAO,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,IAAI,CAAC,OAAO,GAAG;oBACb,MAAM,EAAE,iBAAiB,CAAC,KAAK;oBAC/B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC;iBACvB,CAAC;YACJ,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;YACjD,IAAI,SAAS,EAAE,CAAC;gBACd,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;gBAC5B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC;CACF;AAED;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAO,OAAuC;IACnF,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AACxC,CAAC"}

package/dist/incremental/index.d.ts

@@ -0,0 +1,5 @@
+export type { IncrementalSource, IncrementalSourceOptions } from "./incremental-source.svelte.js";
+export { createIncrementalSource } from "./incremental-source.svelte.js";
+export type { IncrementalLoading, IncrementalState } from "./state.js";
+export { IncrementalStatus } from "./state.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/incremental/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/incremental/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAClG,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/incremental/index.js

@@ -0,0 +1,3 @@
+export { createIncrementalSource } from "./incremental-source.svelte.js";
+export { IncrementalStatus } from "./state.js";
+//# sourceMappingURL=index.js.map

package/dist/incremental/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/incremental/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/incremental/state.d.ts

@@ -0,0 +1,35 @@
+/** Where an incremental source is: what it is doing, and whether there is more. */
+export declare const IncrementalStatus: {
+    /** Nothing is loading; the next batch loads when the list nears its end. */
+    readonly IDLE: "idle";
+    /** A batch is loading. */
+    readonly LOADING: "loading";
+    /** The last batch failed; `retry()` tries it again. */
+    readonly ERROR: "error";
+    /** The source has no more items. */
+    readonly DONE: "done";
+};
+/** One of `IncrementalStatus`'s values. */
+export type IncrementalStatus = (typeof IncrementalStatus)[keyof typeof IncrementalStatus];
+/** The state of an incremental source: `error` is there only in the failed state. */
+export type IncrementalState = {
+    readonly status: typeof IncrementalStatus.IDLE;
+} | {
+    readonly status: typeof IncrementalStatus.LOADING;
+} | {
+    readonly status: typeof IncrementalStatus.ERROR;
+    readonly error: Error;
+} | {
+    readonly status: typeof IncrementalStatus.DONE;
+};
+/**
+ * What a list component asks of its `incremental` prop: told which item
+ * index the control realized, it loads more when that is near the end.
+ */
+export interface IncrementalLoading {
+    /** The control realized the item at `index` (zero when the list starts). */
+    realized({ index }: {
+        index: number;
+    }): void;
+}
+//# sourceMappingURL=state.d.ts.map

package/dist/incremental/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/incremental/state.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,eAAO,MAAM,iBAAiB;IAC5B,4EAA4E;;IAE5E,0BAA0B;;IAE1B,uDAAuD;;IAEvD,oCAAoC;;CAE5B,CAAC;AAEX,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE3F,qFAAqF;AACrF,MAAM,MAAM,gBAAgB,GACxB;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,iBAAiB,CAAC,IAAI,CAAA;CAAE,GAClD;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,iBAAiB,CAAC,OAAO,CAAA;CAAE,GACrD;IACA,QAAQ,CAAC,MAAM,EAAE,OAAO,iBAAiB,CAAC,KAAK,CAAC;IAChD,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;CACvB,GACC;IAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,iBAAiB,CAAC,IAAI,CAAA;CAAE,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CAC9C"}

package/dist/incremental/state.js

@@ -0,0 +1,12 @@
+/** Where an incremental source is: what it is doing, and whether there is more. */
+export const IncrementalStatus = {
+    /** Nothing is loading; the next batch loads when the list nears its end. */
+    IDLE: "idle",
+    /** A batch is loading. */
+    LOADING: "loading",
+    /** The last batch failed; `retry()` tries it again. */
+    ERROR: "error",
+    /** The source has no more items. */
+    DONE: "done"
+};
+//# sourceMappingURL=state.js.map

package/dist/incremental/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/incremental/state.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,4EAA4E;IAC5E,IAAI,EAAE,MAAM;IACZ,0BAA0B;IAC1B,OAAO,EAAE,SAAS;IAClB,uDAAuD;IACvD,KAAK,EAAE,OAAO;IACd,oCAAoC;IACpC,IAAI,EAAE,MAAM;CACJ,CAAC"}

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export type { ElementSize } from "./renderer/host/element-size.svelte.js";
 export { elementSize } from "./renderer/host/element-size.svelte.js";
 export type { ElementThemeReader } from "./renderer/host/element-theme.svelte.js";
 export { elementTheme } from "./renderer/host/element-theme.svelte.js";
+export type { GlideHeightOptions } from "./renderer/host/glide-height.js";
+export { glideHeight } from "./renderer/host/glide-height.js";
 export type { Focusable } from "./renderer/host/focus-element.js";
 export { focusElement, FocusKind } from "./renderer/host/focus-element.js";
 export type { ClassHandler } from "./renderer/host/host.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC5E,YAAY,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,YAAY,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACR,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACjF,YAAY,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC3E,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC5E,YAAY,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,YAAY,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACR,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iCAAiC,CAAC"}

package/dist/index.js

@@ -2,6 +2,7 @@ export { control, placedControl, withControl } from "./renderer/host/control.js"
 export { elementRef } from "./renderer/host/element-ref.svelte.js";
 export { elementSize } from "./renderer/host/element-size.svelte.js";
 export { elementTheme } from "./renderer/host/element-theme.svelte.js";
+export { glideHeight } from "./renderer/host/glide-height.js";
 export { focusElement, FocusKind } from "./renderer/host/focus-element.js";
 export { registerControls, setClassHandler } from "./renderer/host/host.js";
 export { mountControl } from "./renderer/host/mount.svelte.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACR,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,OAAO,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACR,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iCAAiC,CAAC"}

package/dist/input/active-element.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { FrameworkElement } from "../winui.js";
+/** The element that has keyboard focus, as `document.activeElement` is on the web. */
+export interface ActiveElement {
+    /**
+     * The focused element, or null when none of the app's controls has focus
+     * (or the focus is on text inside a `RichTextBlock`, which is no element).
+     * Reactive.
+     */
+    readonly current: FrameworkElement | null;
+}
+/**
+ * Makes a reactive reader of the focused element, kept current by
+ * `FocusManager`'s `GotFocus` and `LostFocus`. Call it while a component is
+ * initialised: it stops listening when the component goes. It is null until
+ * focus first moves after that.
+ *
+ * @returns The reader; read `current` where the focus decides something.
+ */
+export declare function activeElement(): {
+    readonly current: FrameworkElement | null;
+};
+//# sourceMappingURL=active-element.svelte.d.ts.map

package/dist/input/active-element.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"active-element.svelte.d.ts","sourceRoot":"","sources":["../../src/input/active-element.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,sFAAsF;AACtF,MAAM,WAAW,aAAa;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC3C;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa;;EAoB5B"}

package/dist/input/active-element.svelte.js

@@ -0,0 +1,32 @@
+import { elementOf } from "./focused-element.js";
+import { FocusManager } from "#winui/microsoft/ui/xaml/input/FocusManager";
+/**
+ * Makes a reactive reader of the focused element, kept current by
+ * `FocusManager`'s `GotFocus` and `LostFocus`. Call it while a component is
+ * initialised: it stops listening when the component goes. It is null until
+ * focus first moves after that.
+ *
+ * @returns The reader; read `current` where the focus decides something.
+ */
+export function activeElement() {
+    let current = $state(null);
+    $effect(() => {
+        const gotToken = FocusManager.add_GotFocus((_sender, args) => {
+            current = elementOf(args.newFocusedElement);
+        });
+        const lostToken = FocusManager.add_LostFocus(() => {
+            current = null;
+        });
+        return () => {
+            FocusManager.remove_GotFocus(gotToken);
+            FocusManager.remove_LostFocus(lostToken);
+            current = null;
+        };
+    });
+    return {
+        get current() {
+            return current;
+        }
+    };
+}
+//# sourceMappingURL=active-element.svelte.js.map

package/dist/input/active-element.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"active-element.svelte.js","sourceRoot":"","sources":["../../src/input/active-element.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAa3E;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa;IAC3B,IAAI,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACpD,OAAO,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;YAC3D,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QACH,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,GAAG,EAAE;YAChD,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YACvC,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YACzC,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO;QACL,IAAI,OAAO;YACT,OAAO,OAAO,CAAC;QACjB,CAAC;KACsB,CAAC;AAC5B,CAAC"}

package/dist/input/dom-event.d.ts

@@ -0,0 +1,93 @@
+import type { KeyboardFields } from "./keyboard-fields.js";
+import type { PointerFields } from "./pointer-fields.js";
+import type { UIElement } from "#winui/microsoft/ui/xaml/UIElement";
+/** The members every web event has, which a WinUI event carries too. */
+export interface DomEvent {
+    readonly type: string;
+    /** The element the event started at, as `originalSource` says; the element it is heard on when WinUI names none. */
+    readonly target: UIElement;
+    /** The element the handler is written on. */
+    readonly currentTarget: UIElement;
+    readonly defaultPrevented: boolean;
+    readonly timeStamp: number;
+    /**
+     * Marks the WinUI event handled, so it goes no further up the tree and the
+     * control's own handling (the Tab key moving focus) is skipped.
+     */
+    preventDefault(): void;
+    /** The same as `preventDefault`: WinUI has one flag for both. */
+    stopPropagation(): void;
+}
+type WheelFieldName = "deltaX" | "deltaY" | "deltaZ" | "deltaMode";
+/**
+ * The web's `PointerEvent`: `pointerdown`, `pointerup`, `pointermove`,
+ * `pointerenter`, `pointerleave` and `pointercancel`.
+ */
+export interface PointerEvent extends DomEvent, Omit<PointerFields, WheelFieldName> {
+}
+/** The web's `WheelEvent`: `deltaY` is positive when the wheel turns toward the user, as on the web. */
+export interface WheelEvent extends PointerEvent, Pick<PointerFields, WheelFieldName> {
+}
+/** The web's `KeyboardEvent`: `keydown` and `keyup`. */
+export interface KeyboardEvent extends DomEvent, KeyboardFields {
+}
+/** The web's `FocusEvent`: `focusin` and `focusout`. It cannot be cancelled, and has no `relatedTarget`. */
+export interface FocusEvent {
+    readonly type: string;
+    readonly target: UIElement;
+    readonly currentTarget: UIElement;
+    readonly timeStamp: number;
+}
+/** The web's input event names, each with the event it hands the handler. */
+export interface InputEventMap {
+    pointerdown: PointerEvent;
+    pointerup: PointerEvent;
+    pointermove: PointerEvent;
+    pointerenter: PointerEvent;
+    pointerleave: PointerEvent;
+    pointercancel: PointerEvent;
+    wheel: WheelEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+    focusin: FocusEvent;
+    focusout: FocusEvent;
+}
+/** One of the web's input event names. */
+export type InputEventType = keyof InputEventMap;
+/** The part of a WinUI event's arguments the web event reads its target from. */
+export interface RoutedSource {
+    readonly originalSource?: unknown;
+}
+/**
+ * The element a WinUI event started at.
+ *
+ * @param options - The arguments of the event and the element the handler is on.
+ * @returns `originalSource` when WinUI names an element, otherwise the handler's element.
+ */
+export declare function targetOf({ args, control }: {
+    args: RoutedSource;
+    control: UIElement;
+}): UIElement;
+/**
+ * Makes a web event from a WinUI event.
+ *
+ * @param options - The type, the fields, where the handler is, and what `preventDefault` does to the WinUI event.
+ * @returns The event, with `fields` spread in.
+ */
+export declare function createDomEvent<Fields extends object>({ type, fields, target, currentTarget, onPrevent }: {
+    type: string;
+    fields: Fields;
+    target: UIElement;
+    currentTarget: UIElement;
+    onPrevent: () => void;
+}): Fields & {
+    type: string;
+    target: UIElement;
+    currentTarget: UIElement;
+    timeStamp: number;
+    readonly defaultPrevented: boolean;
+    preventDefault: () => void;
+    stopPropagation: () => void;
+};
+export {};
+//# sourceMappingURL=dom-event.d.ts.map

package/dist/input/dom-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-event.d.ts","sourceRoot":"","sources":["../../src/input/dom-event.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAEpE,wEAAwE;AACxE,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,oHAAoH;IACpH,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAE3B,6CAA6C;IAC7C,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,cAAc,IAAI,IAAI,CAAC;IAEvB,iEAAiE;IACjE,eAAe,IAAI,IAAI,CAAC;CACzB;AAED,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEnE;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;CAAG;AAEtF,wGAAwG;AACxG,MAAM,WAAW,UAAW,SAAQ,YAAY,EAAE,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;CAAG;AAExF,wDAAwD;AACxD,MAAM,WAAW,aAAc,SAAQ,QAAQ,EAAE,cAAc;CAAG;AAElE,4GAA4G;AAC5G,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,6EAA6E;AAC7E,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,YAAY,CAAC;IAC1B,SAAS,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,YAAY,CAAC;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;CACtB;AAED,0CAA0C;AAC1C,MAAM,MAAM,cAAc,GAAG,MAAM,aAAa,CAAC;AAEjD,iFAAiF;AACjF,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CACnC;AAMD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC1C,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;CACpB,aAGA;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE;IACxG,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;;;;;;;;EAmBA"}

package/dist/input/dom-event.js

@@ -0,0 +1,39 @@
+function isElement(value) {
+    return typeof value === "object" && value !== null;
+}
+/**
+ * The element a WinUI event started at.
+ *
+ * @param options - The arguments of the event and the element the handler is on.
+ * @returns `originalSource` when WinUI names an element, otherwise the handler's element.
+ */
+export function targetOf({ args, control }) {
+    const source = args.originalSource;
+    return isElement(source) ? source : control;
+}
+/**
+ * Makes a web event from a WinUI event.
+ *
+ * @param options - The type, the fields, where the handler is, and what `preventDefault` does to the WinUI event.
+ * @returns The event, with `fields` spread in.
+ */
+export function createDomEvent({ type, fields, target, currentTarget, onPrevent }) {
+    let isPrevented = false;
+    function prevent() {
+        isPrevented = true;
+        onPrevent();
+    }
+    return {
+        ...fields,
+        type,
+        target,
+        currentTarget,
+        timeStamp: performance.now(),
+        get defaultPrevented() {
+            return isPrevented;
+        },
+        preventDefault: prevent,
+        stopPropagation: prevent
+    };
+}
+//# sourceMappingURL=dom-event.js.map

package/dist/input/dom-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-event.js","sourceRoot":"","sources":["../../src/input/dom-event.ts"],"names":[],"mappings":"AAuEA,SAAS,SAAS,CAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACrD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAGvC;IACC,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;IACnC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAwB,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAMrG;IACC,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,SAAS,OAAO;QACd,WAAW,GAAG,IAAI,CAAC;QACnB,SAAS,EAAE,CAAC;IACd,CAAC;IAED,OAAO;QACL,GAAG,MAAM;QACT,IAAI;QACJ,MAAM;QACN,aAAa;QACb,SAAS,EAAE,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,gBAAgB;YAClB,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,cAAc,EAAE,OAAO;QACvB,eAAe,EAAE,OAAO;KACzB,CAAC;AACJ,CAAC"}

package/dist/input/events.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Makes the web's input event names work on elements: `onpointerdown`,
+ * `onpointerup`, `onpointermove`, `onpointerenter`, `onpointerleave`,
+ * `onpointercancel`, `onwheel`, `onkeydown`, `onkeyup`, `onfocusin` and
+ * `onfocusout`, written as in HTML, for example
+ * `<border onpointerdown={event => ...}>`. The handler gets a `PointerEvent`,
+ * `WheelEvent`, `KeyboardEvent` or `FocusEvent`. Call it once at start-up,
+ * before the first window. On a raw element it changes `onkeydown` from
+ * WinUI's arguments to the web's; components keep their WinUI props, and so
+ * does any WinUI-named event (`onpointerpressed`).
+ */
+export declare function enableInputEvents(): void;
+//# sourceMappingURL=events.d.ts.map

package/dist/input/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/input/events.ts"],"names":[],"mappings":"AAgQA;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,SAIhC"}