winui-svelte 0.0.3 → 0.0.4

package/dist/dev/dev-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-window.d.ts","sourceRoot":"","sources":["../../src/dev/dev-window.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAGlE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,yGAAyG;AACzG,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAE5H,oDAAoD;AACpD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,WAAW,CAAC;IACrB,kGAAkG;IAClG,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB;AAED;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,aAAa,iBAoCrD"}

package/dist/dev/dev-window.js

@@ -0,0 +1,42 @@
+import { createWindowModuleRunner } from "../vite/runner.js";
+import { runOnUiThread } from "../window/thread.js";
+/**
+ * The window's side of `startDev`: enters the apartment, loads the component
+ * through the module server (so a saved file updates the open window) and
+ * opens it in a window.
+ */
+export async function runDevWindow(data) {
+    await runOnUiThread(async () => {
+        const { runner } = createWindowModuleRunner(data.modules);
+        const { createWindow, exitWhenHostEnds, runWindow } = await runner.import("winui-svelte/window");
+        const { default: component } = await runner.import(data.component);
+        const { createHostChannel, createMessagePortTransport } = await runner.import("winui-svelte/state");
+        const { link } = data;
+        await runWindow({
+            onStart() {
+                const hasLink = link !== null;
+                if (!hasLink) {
+                    createWindow({
+                        ...data.window,
+                        component,
+                        props: data.props
+                    });
+                    return;
+                }
+                const channel = createHostChannel({
+                    transport: createMessagePortTransport({ port: link })
+                });
+                exitWhenHostEnds({ link: channel });
+                createWindow({
+                    ...data.window,
+                    component,
+                    props: {
+                        ...data.props,
+                        channel
+                    }
+                });
+            }
+        });
+    });
+}
+//# sourceMappingURL=dev-window.js.map

package/dist/dev/dev-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-window.js","sourceRoot":"","sources":["../../src/dev/dev-window.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAG/D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAgBtD;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAAmB;IACpD,MAAM,aAAa,CAAC,KAAK,IAAI,EAAE;QAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1D,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,MAAM,MAAM,CAAC,MAAM,CAAsB,qBAAqB,CAAC,CAAC;QACtH,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnE,MAAM,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,GAAG,MAAM,MAAM,CAAC,MAAM,CAC3E,oBAAoB,CACrB,CAAC;QACF,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,MAAM,SAAS,CAAC;YACd,OAAO;gBACL,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;gBAC9B,IAAI,CAAC,OAAO,EAAE,CAAC;oBACb,YAAY,CAAC;wBACX,GAAG,IAAI,CAAC,MAAM;wBACd,SAAS;wBACT,KAAK,EAAE,IAAI,CAAC,KAAK;qBAClB,CAAC,CAAC;oBACH,OAAO;gBACT,CAAC;gBAED,MAAM,OAAO,GAAG,iBAAiB,CAAC;oBAChC,SAAS,EAAE,0BAA0B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;iBACtD,CAAC,CAAC;gBACH,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;gBACpC,YAAY,CAAC;oBACX,GAAG,IAAI,CAAC,MAAM;oBACd,SAAS;oBACT,KAAK,EAAE;wBACL,GAAG,IAAI,CAAC,KAAK;wBACb,OAAO;qBACR;iBACF,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/dev/index.d.ts

@@ -0,0 +1,3 @@
+export type { DevOptions } from "./start-dev.js";
+export { startDev } from "./start-dev.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/dev/index.js

@@ -0,0 +1,2 @@
+export { startDev } from "./start-dev.js";
+//# sourceMappingURL=index.js.map

package/dist/dev/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dev/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/dev/start-dev.d.ts

@@ -0,0 +1,47 @@
+import type { DevWindowChrome } from "./dev-window.js";
+import type { Json } from "../messaging/json.js";
+import type { Transport } from "../state/host.js";
+/** What `startDev` opens and where its modules come from. */
+export interface DevOptions {
+    /** The folder of the app's sources, which the dev server serves and watches. */
+    root: string;
+    /** The window's root component, as a path under `root` that starts with a slash (`"/App.svelte"`). */
+    component: string;
+    /** The component's props: JSON, since they cross to the window's thread. */
+    props?: Record<string, Json>;
+    /** The window's title, size, backdrop and the other chrome `createWindow` takes, besides its content and owner. */
+    window?: DevWindowChrome;
+    /**
+     * The app's link to the framework that starts it (a Tauri core, an Electron
+     * main process, a script): `"stdio"` when it started this process as a
+     * sidecar and speaks JSON lines on its pipes, or a transport of its own
+     * (`utilityProcess`'s parent port, say). The component then gets a
+     * `channel` prop (`hostState`, `channel.send`), and the window closes when
+     * the link ends.
+     */
+    host?: "stdio" | Transport;
+    /** The app's Vite config, whose plugins should include `winuiSvelte()`; the plugin's defaults serve without one. */
+    configFile?: string;
+    /** Modules Node loads itself rather than Vite: an app's own native modules. */
+    isNative?: (file: string) => boolean;
+}
+/**
+ * Opens the app in a window and keeps it live: a saved `.svelte` or `.ts`
+ * file updates the open window without a restart. It starts the Windows App
+ * SDK, a Vite dev server for the app's modules and the window's thread, so the
+ * host is one call:
+ *
+ * ```ts
+ * import { startDev } from "winui-svelte/dev";
+ *
+ * process.exitCode = await startDev({
+ *   root: import.meta.dirname,
+ *   component: "/App.svelte",
+ *   window: { title: "My app" }
+ * });
+ * ```
+ *
+ * @returns The exit code, once the window has closed and the dev server has stopped.
+ */
+export declare function startDev({ component, props, window, host, ...serverOptions }: DevOptions): Promise<string | number>;
+//# sourceMappingURL=start-dev.d.ts.map

package/dist/dev/start-dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-dev.d.ts","sourceRoot":"","sources":["../../src/dev/start-dev.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,iBAAiB,CAAC;AACtE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAQpD,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IAEb,sGAAsG;IACtG,SAAS,EAAE,MAAM,CAAC;IAElB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE7B,mHAAmH;IACnH,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B,oHAAoH;IACpH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CACtC;AA8BD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAsB,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,EAAE,UAAU,4BAgCxG"}

package/dist/dev/start-dev.js

@@ -0,0 +1,81 @@
+import { createStdioTransport, reserveStdout } from "../state/host.js";
+import { startModuleServer } from "../vite/server.js";
+import { initWindowsAppSdk } from "../window/bootstrap.js";
+import path from "node:path";
+import { pathToFileURL } from "node:url";
+import { MessageChannel, Worker } from "node:worker_threads";
+// The window's thread is a worker that loads this package's dev-window module,
+// from source (.ts) or from the published package (.js).
+const WINDOW_MODULE = path.join(import.meta.dirname, `dev-window${path.extname(import.meta.filename)}`);
+const WORKER_SOURCE = `const { workerData } = require("node:worker_threads");
+import(workerData.moduleUrl).then(module => module.runDevWindow(workerData.data));`;
+// The host's transport and the window's end of a MessageChannel, joined: what
+// the host sends reaches the window, what the window sends reaches the host.
+function linkTo(host) {
+    const isStdio = host === "stdio";
+    if (isStdio) {
+        reserveStdout();
+    }
+    const transport = isStdio ? createStdioTransport() : host;
+    const link = new MessageChannel();
+    transport.listen({
+        message: frame => link.port1.postMessage(frame),
+        malformed: reason => process.stderr.write(`host: malformed message: ${reason}
+`),
+        closed: () => link.port1.close()
+    });
+    link.port1.on("message", frame => transport.send(frame));
+    return link;
+}
+/**
+ * Opens the app in a window and keeps it live: a saved `.svelte` or `.ts`
+ * file updates the open window without a restart. It starts the Windows App
+ * SDK, a Vite dev server for the app's modules and the window's thread, so the
+ * host is one call:
+ *
+ * ```ts
+ * import { startDev } from "winui-svelte/dev";
+ *
+ * process.exitCode = await startDev({
+ *   root: import.meta.dirname,
+ *   component: "/App.svelte",
+ *   window: { title: "My app" }
+ * });
+ * ```
+ *
+ * @returns The exit code, once the window has closed and the dev server has stopped.
+ */
+export async function startDev({ component, props = {}, window = {}, host, ...serverOptions }) {
+    const link = host === undefined ? null : linkTo(host);
+    initWindowsAppSdk();
+    const modules = new MessageChannel();
+    const server = await startModuleServer({
+        ...serverOptions,
+        port: modules.port1
+    });
+    const data = {
+        modules: modules.port2,
+        link: link?.port2 ?? null,
+        component,
+        props,
+        window
+    };
+    const worker = new Worker(WORKER_SOURCE, {
+        eval: true,
+        workerData: {
+            moduleUrl: pathToFileURL(WINDOW_MODULE).href,
+            data
+        },
+        transferList: link === null ? [modules.port2] : [modules.port2, link.port2]
+    });
+    worker.on("error", error => {
+        process.stderr.write(`${error.stack ?? String(error)}\n`);
+        process.exitCode = 1;
+    });
+    const code = await new Promise(resolve => {
+        worker.on("exit", resolve);
+    });
+    await server.close();
+    return process.exitCode ?? code;
+}
+//# sourceMappingURL=start-dev.js.map

package/dist/dev/start-dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-dev.js","sourceRoot":"","sources":["../../src/dev/start-dev.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAiC7D,+EAA+E;AAC/E,yDAAyD;AACzD,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACxG,MAAM,aAAa,GAAG;mFAC6D,CAAC;AAEpF,8EAA8E;AAC9E,6EAA6E;AAC7E,SAAS,MAAM,CAAC,IAAyB;IACvC,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC;IACjC,IAAI,OAAO,EAAE,CAAC;QACZ,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,MAAM,IAAI,GAAG,IAAI,cAAc,EAAE,CAAC;IAClC,SAAS,CAAC,MAAM,CAAC;QACf,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;QAC/C,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CACvC,4BAA4B,MAAM;CACvC,CACI;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;KACjC,CAAC,CAAC;IACH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,IAAI,EAAE,GAAG,aAAa,EAAc;IACvG,MAAM,IAAI,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtD,iBAAiB,EAAE,CAAC;IACpB,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC;QACrC,GAAG,aAAa;QAChB,IAAI,EAAE,OAAO,CAAC,KAAK;KACpB,CAAC,CAAC;IACH,MAAM,IAAI,GAAkB;QAC1B,OAAO,EAAE,OAAO,CAAC,KAAK;QACtB,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI;QACzB,SAAS;QACT,KAAK;QACL,MAAM;KACP,CAAC;IACF,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,aAAa,EAAE;QACvC,IAAI,EAAE,IAAI;QACV,UAAU,EAAE;YACV,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,IAAI;YAC5C,IAAI;SACL;QACD,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;KAC5E,CAAC,CAAC;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;QACzB,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,MAAM,IAAI,OAAO,CAAS,OAAO,CAAC,EAAE;QAC/C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IACH,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;IACrB,OAAO,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;AAClC,CAAC"}

package/dist/enums.d.ts

@@ -6,7 +6,9 @@ export { XamlKind } from "./components/xaml-source.js";
 export { FocusKind } from "./renderer/host/focus-element.js";
 export { TrayGesture } from "./tray/click-detector.js";
 export { TrayBalloonIcon } from "./tray/tray-core.js";
+export { SizeToContent, WindowAnchor } from "./window/anchor.js";
 export { Backdrop } from "./window/backdrop.js";
 export { TitleBarHeight, WindowPresentation, WindowTheme } from "./window/chrome.js";
+export { DockDisplay } from "./window/dock.js";
 export { PickerLocation } from "./window/pickers.js";
 //# sourceMappingURL=enums.d.ts.map

package/dist/enums.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../src/enums.ts"],"names":[],"mappings":"AAMA,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../src/enums.ts"],"names":[],"mappings":"AAMA,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/enums.js

@@ -11,7 +11,9 @@ export { XamlKind } from "./components/xaml-source.js";
 export { FocusKind } from "./renderer/host/focus-element.js";
 export { TrayGesture } from "./tray/click-detector.js";
 export { TrayBalloonIcon } from "./tray/tray-core.js";
+export { SizeToContent, WindowAnchor } from "./window/anchor.js";
 export { Backdrop } from "./window/backdrop.js";
 export { TitleBarHeight, WindowPresentation, WindowTheme } from "./window/chrome.js";
+export { DockDisplay } from "./window/dock.js";
 export { PickerLocation } from "./window/pickers.js";
 //# sourceMappingURL=enums.js.map

package/dist/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../src/enums.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,8EAA8E;AAC9E,+EAA+E;AAC/E,6EAA6E;AAC7E,iBAAiB;AAEjB,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../src/enums.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,8EAA8E;AAC9E,+EAA+E;AAC/E,6EAA6E;AAC7E,iBAAiB;AAEjB,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC/G,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/web-apis/window-geometry.d.ts

@@ -0,0 +1,39 @@
+import type { AppWindow } from "../winui.js";
+/**
+ * One window's size and place as the web's `window` has them (`outerWidth`,
+ * `outerHeight`, `screenX`, `screenY`, `devicePixelRatio`, `resizeTo`,
+ * `resizeBy`, `moveTo`, `moveBy`), in CSS pixels, over its `AppWindow`. A
+ * process holds many windows, so there is no `window` global for it; a
+ * `WindowHandle` gives each window its own (`handle.geometry`).
+ *
+ * CSS pixels are WinUI's device-independent pixels, at the window's scale.
+ */
+export declare class WindowGeometry {
+    private readonly appWindow;
+    private readonly readScale;
+    /** Made by `WindowHandle`. */
+    constructor(appWindow: AppWindow, readScale: () => number);
+    /** Device pixels per CSS pixel. */
+    get devicePixelRatio(): number;
+    /** The window's width with its frame, in CSS pixels. */
+    get outerWidth(): number;
+    /** The window's height with its frame, in CSS pixels. */
+    get outerHeight(): number;
+    /** The window's left edge on the desktop, in CSS pixels at this window's scale. */
+    get screenX(): number;
+    /** The window's top edge on the desktop, in CSS pixels at this window's scale. */
+    get screenY(): number;
+    /**
+     * Resizes the window (frame included) to `width` by `height` CSS pixels,
+     * keeping its top-left corner: `AppWindow.Resize`. A side that
+     * `sizeToContent` sets is set again by the content.
+     */
+    resizeTo(width: number, height: number): void;
+    /** Grows (or shrinks) the window by `width` and `height` CSS pixels. */
+    resizeBy(width: number, height: number): void;
+    /** Puts the window's top-left corner at `x`, `y` CSS pixels on the desktop: `AppWindow.Move`. */
+    moveTo(x: number, y: number): void;
+    /** Moves the window by `x` and `y` CSS pixels. */
+    moveBy(x: number, y: number): void;
+}
+//# sourceMappingURL=window-geometry.d.ts.map

package/dist/web-apis/window-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-geometry.d.ts","sourceRoot":"","sources":["../../src/web-apis/window-geometry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C;;;;;;;;GAQG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;IACtC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IAEzC,8BAA8B;gBAClB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,MAAM;IAKzD,mCAAmC;IAEnC,IAAI,gBAAgB,WAEnB;IAED,wDAAwD;IACxD,IAAI,UAAU,WAKb;IAED,yDAAyD;IACzD,IAAI,WAAW,WAKd;IAED,mFAAmF;IACnF,IAAI,OAAO,WAKV;IAED,kFAAkF;IAClF,IAAI,OAAO,WAKV;IAED;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IActC,wEAAwE;IAExE,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAItC,iGAAiG;IACjG,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAc3B,kDAAkD;IAElD,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAG5B"}

package/dist/web-apis/window-geometry.js

@@ -0,0 +1,95 @@
+import { toCssPixels, toDevicePixels } from "../window/css-pixels.js";
+/**
+ * One window's size and place as the web's `window` has them (`outerWidth`,
+ * `outerHeight`, `screenX`, `screenY`, `devicePixelRatio`, `resizeTo`,
+ * `resizeBy`, `moveTo`, `moveBy`), in CSS pixels, over its `AppWindow`. A
+ * process holds many windows, so there is no `window` global for it; a
+ * `WindowHandle` gives each window its own (`handle.geometry`).
+ *
+ * CSS pixels are WinUI's device-independent pixels, at the window's scale.
+ */
+export class WindowGeometry {
+    appWindow;
+    readScale;
+    /** Made by `WindowHandle`. */
+    constructor(appWindow, readScale) {
+        this.appWindow = appWindow;
+        this.readScale = readScale;
+    }
+    /** Device pixels per CSS pixel. */
+    // fallow-ignore-next-line unused-class-member
+    get devicePixelRatio() {
+        return this.readScale();
+    }
+    /** The window's width with its frame, in CSS pixels. */
+    get outerWidth() {
+        return toCssPixels({
+            value: this.appWindow.size.width,
+            scale: this.readScale()
+        });
+    }
+    /** The window's height with its frame, in CSS pixels. */
+    get outerHeight() {
+        return toCssPixels({
+            value: this.appWindow.size.height,
+            scale: this.readScale()
+        });
+    }
+    /** The window's left edge on the desktop, in CSS pixels at this window's scale. */
+    get screenX() {
+        return toCssPixels({
+            value: this.appWindow.position.x,
+            scale: this.readScale()
+        });
+    }
+    /** The window's top edge on the desktop, in CSS pixels at this window's scale. */
+    get screenY() {
+        return toCssPixels({
+            value: this.appWindow.position.y,
+            scale: this.readScale()
+        });
+    }
+    /**
+     * Resizes the window (frame included) to `width` by `height` CSS pixels,
+     * keeping its top-left corner: `AppWindow.Resize`. A side that
+     * `sizeToContent` sets is set again by the content.
+     */
+    resizeTo(width, height) {
+        const scale = this.readScale();
+        this.appWindow.resize({
+            width: toDevicePixels({
+                value: width,
+                scale
+            }),
+            height: toDevicePixels({
+                value: height,
+                scale
+            })
+        });
+    }
+    /** Grows (or shrinks) the window by `width` and `height` CSS pixels. */
+    // fallow-ignore-next-line unused-class-member
+    resizeBy(width, height) {
+        this.resizeTo(this.outerWidth + width, this.outerHeight + height);
+    }
+    /** Puts the window's top-left corner at `x`, `y` CSS pixels on the desktop: `AppWindow.Move`. */
+    moveTo(x, y) {
+        const scale = this.readScale();
+        this.appWindow.move({
+            x: toDevicePixels({
+                value: x,
+                scale
+            }),
+            y: toDevicePixels({
+                value: y,
+                scale
+            })
+        });
+    }
+    /** Moves the window by `x` and `y` CSS pixels. */
+    // fallow-ignore-next-line unused-class-member
+    moveBy(x, y) {
+        this.moveTo(this.screenX + x, this.screenY + y);
+    }
+}
+//# sourceMappingURL=window-geometry.js.map

package/dist/web-apis/window-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-geometry.js","sourceRoot":"","sources":["../../src/web-apis/window-geometry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGxE;;;;;;;;GAQG;AACH,MAAM,OAAO,cAAc;IACR,SAAS,CAAY;IACrB,SAAS,CAAe;IAEzC,8BAA8B;IAC9B,YAAY,SAAoB,EAAE,SAAuB;QACvD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,mCAAmC;IACnC,8CAA8C;IAC9C,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,wDAAwD;IACxD,IAAI,UAAU;QACZ,OAAO,WAAW,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;YAChC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;SACxB,CAAC,CAAC;IACL,CAAC;IAED,yDAAyD;IACzD,IAAI,WAAW;QACb,OAAO,WAAW,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM;YACjC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;SACxB,CAAC,CAAC;IACL,CAAC;IAED,mFAAmF;IACnF,IAAI,OAAO;QACT,OAAO,WAAW,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAChC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;SACxB,CAAC,CAAC;IACL,CAAC;IAED,kFAAkF;IAClF,IAAI,OAAO;QACT,OAAO,WAAW,CAAC;YACjB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAChC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;SACxB,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,QAAQ,CAAC,KAAa,EAAE,MAAc;QACpC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YACpB,KAAK,EAAE,cAAc,CAAC;gBACpB,KAAK,EAAE,KAAK;gBACZ,KAAK;aACN,CAAC;YACF,MAAM,EAAE,cAAc,CAAC;gBACrB,KAAK,EAAE,MAAM;gBACb,KAAK;aACN,CAAC;SACH,CAAC,CAAC;IACL,CAAC;IAED,wEAAwE;IACxE,8CAA8C;IAC9C,QAAQ,CAAC,KAAa,EAAE,MAAc;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,EAAE,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;IACpE,CAAC;IAED,iGAAiG;IACjG,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;YAClB,CAAC,EAAE,cAAc,CAAC;gBAChB,KAAK,EAAE,CAAC;gBACR,KAAK;aACN,CAAC;YACF,CAAC,EAAE,cAAc,CAAC;gBAChB,KAAK,EAAE,CAAC;gBACR,KAAK;aACN,CAAC;SACH,CAAC,CAAC;IACL,CAAC;IAED,kDAAkD;IAClD,8CAA8C;IAC9C,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAClD,CAAC;CACF"}

package/dist/win2d/Canvas.svelte

@@ -58,6 +58,7 @@
   onsizechanged={(...args) => {
     const control = native;
     if (control) {
+      // noinspection JSUnresolvedReference: WebStorm 2026.3 misses CanvasControl's FrameworkElement base; tsc has it
       size = {
         width: control.actualWidth,
         height: control.actualHeight

package/dist/window/anchor.d.ts

@@ -0,0 +1,92 @@
+/**
+ * A corner of a window or of a display's work area. A window that changes
+ * size keeps its anchor corner where it is; a window docked to an anchor sits
+ * against that corner.
+ */
+export declare const WindowAnchor: {
+    readonly topLeft: "topLeft";
+    readonly topRight: "topRight";
+    readonly bottomLeft: "bottomLeft";
+    readonly bottomRight: "bottomRight";
+};
+/** One of `WindowAnchor`'s values. */
+export type WindowAnchor = (typeof WindowAnchor)[keyof typeof WindowAnchor];
+/**
+ * Which of a window's sides follow its content: the width, the height, both,
+ * or neither (the window keeps the size its props and its user give it).
+ */
+export declare const SizeToContent: {
+    readonly none: "none";
+    readonly width: "width";
+    readonly height: "height";
+    readonly both: "both";
+};
+/** One of `SizeToContent`'s values. */
+export type SizeToContent = (typeof SizeToContent)[keyof typeof SizeToContent];
+/** A position and a size in device pixels, as AppWindow and DisplayArea have them. */
+export interface WindowBounds {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/** A size in device pixels. */
+export interface WindowSize {
+    width: number;
+    height: number;
+}
+/** The least and the most a window may be, in device pixels; `Infinity` is no most. */
+export interface WindowLimits {
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: number;
+}
+/**
+ * The window `bounds` at `size` with its `anchor` corner where it was: a
+ * window anchored bottom-right that grows taller grows upward.
+ */
+export declare function anchoredBounds({ bounds, size, anchor }: {
+    bounds: WindowBounds;
+    size: WindowSize;
+    anchor: WindowAnchor;
+}): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * Where a window of `size` sits against the `anchor` corner of `area` (a
+ * display's work area), `inset` device pixels in from both of its edges.
+ */
+export declare function dockedBounds({ area, size, anchor, inset }: {
+    area: WindowBounds;
+    size: WindowSize;
+    anchor: WindowAnchor;
+    inset: number;
+}): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * The bounds a window sized to its content takes: the sides `mode` names go to
+ * `desired` (what the content asks for, frame included) within `limits`, and
+ * the `anchor` corner stays. null when the window is already that size, so a
+ * caller makes no call for it.
+ */
+export declare function fittedBounds({ bounds, desired, mode, anchor, limits }: {
+    bounds: WindowBounds;
+    desired: WindowSize;
+    mode: SizeToContent;
+    anchor: WindowAnchor;
+    limits: WindowLimits;
+}): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+//# sourceMappingURL=anchor.d.ts.map

package/dist/window/anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../src/window/anchor.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,sCAAsC;AACtC,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,uCAAuC;AACvC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,sFAAsF;AACtF,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,+BAA+B;AAC/B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,uFAAuF;AACvF,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAwBD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IACvD,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;CACtB;;;;;EAQA;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IAC1D,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;;;;;EAQA;AAUD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IACtE,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;CACtB;;;;;SAyBA"}

package/dist/window/anchor.js

@@ -0,0 +1,100 @@
+/**
+ * A corner of a window or of a display's work area. A window that changes
+ * size keeps its anchor corner where it is; a window docked to an anchor sits
+ * against that corner.
+ */
+export const WindowAnchor = {
+    topLeft: "topLeft",
+    topRight: "topRight",
+    bottomLeft: "bottomLeft",
+    bottomRight: "bottomRight"
+};
+/**
+ * Which of a window's sides follow its content: the width, the height, both,
+ * or neither (the window keeps the size its props and its user give it).
+ */
+export const SizeToContent = {
+    none: "none",
+    width: "width",
+    height: "height",
+    both: "both"
+};
+const ANCHOR_SIDES = {
+    [WindowAnchor.topLeft]: {
+        isRight: false,
+        isBottom: false
+    },
+    [WindowAnchor.topRight]: {
+        isRight: true,
+        isBottom: false
+    },
+    [WindowAnchor.bottomLeft]: {
+        isRight: false,
+        isBottom: true
+    },
+    [WindowAnchor.bottomRight]: {
+        isRight: true,
+        isBottom: true
+    }
+};
+/**
+ * The window `bounds` at `size` with its `anchor` corner where it was: a
+ * window anchored bottom-right that grows taller grows upward.
+ */
+export function anchoredBounds({ bounds, size, anchor }) {
+    const { isRight, isBottom } = ANCHOR_SIDES[anchor];
+    return {
+        x: isRight ? bounds.x + bounds.width - size.width : bounds.x,
+        y: isBottom ? bounds.y + bounds.height - size.height : bounds.y,
+        width: size.width,
+        height: size.height
+    };
+}
+/**
+ * Where a window of `size` sits against the `anchor` corner of `area` (a
+ * display's work area), `inset` device pixels in from both of its edges.
+ */
+export function dockedBounds({ area, size, anchor, inset }) {
+    const { isRight, isBottom } = ANCHOR_SIDES[anchor];
+    return {
+        x: isRight ? area.x + area.width - size.width - inset : area.x + inset,
+        y: isBottom ? area.y + area.height - size.height - inset : area.y + inset,
+        width: size.width,
+        height: size.height
+    };
+}
+function clamp({ value, least, most }) {
+    return Math.min(Math.max(value, least), most);
+}
+/**
+ * The bounds a window sized to its content takes: the sides `mode` names go to
+ * `desired` (what the content asks for, frame included) within `limits`, and
+ * the `anchor` corner stays. null when the window is already that size, so a
+ * caller makes no call for it.
+ */
+export function fittedBounds({ bounds, desired, mode, anchor, limits }) {
+    const isWidthFitted = mode === SizeToContent.width || mode === SizeToContent.both;
+    const isHeightFitted = mode === SizeToContent.height || mode === SizeToContent.both;
+    const size = {
+        width: isWidthFitted ? clamp({
+            value: desired.width,
+            least: limits.minWidth,
+            most: limits.maxWidth
+        }) : bounds.width,
+        height: isHeightFitted ? clamp({
+            value: desired.height,
+            least: limits.minHeight,
+            most: limits.maxHeight
+        }) : bounds.height
+    };
+    const isUnchanged = size.width === bounds.width && size.height === bounds.height;
+    if (isUnchanged) {
+        return null;
+    }
+    return anchoredBounds({
+        bounds,
+        size,
+        anchor
+    });
+}
+//# sourceMappingURL=anchor.js.map

package/dist/window/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.js","sourceRoot":"","sources":["../../src/window/anchor.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;CAClB,CAAC;AAKX;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;CACJ,CAAC;AA2BX,MAAM,YAAY,GAAG;IACnB,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;QACtB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,KAAK;KAChB;IACD,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE;QACvB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,KAAK;KAChB;IACD,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;QACzB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,IAAI;KACf;IACD,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;QAC1B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf;CAID,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAIpD;IACC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACnD,OAAO;QACL,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC5D,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC/D,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAKvD;IACC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACnD,OAAO;QACL,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK;QACtE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK;QACzE,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB,CAAC;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAIlC;IACC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAChD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAMnE;IACC,MAAM,aAAa,GAAG,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC;IAClF,MAAM,cAAc,GAAG,IAAI,KAAK,aAAa,CAAC,MAAM,IAAI,IAAI,KAAK,aAAa,CAAC,IAAI,CAAC;IACpF,MAAM,IAAI,GAAG;QACX,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;YAC3B,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,KAAK,EAAE,MAAM,CAAC,QAAQ;YACtB,IAAI,EAAE,MAAM,CAAC,QAAQ;SACtB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK;QACjB,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;YAC7B,KAAK,EAAE,OAAO,CAAC,MAAM;YACrB,KAAK,EAAE,MAAM,CAAC,SAAS;YACvB,IAAI,EAAE,MAAM,CAAC,SAAS;SACvB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;KACnB,CAAC;IACF,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAAC;IACjF,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,cAAc,CAAC;QACpB,MAAM;QACN,IAAI;QACJ,MAAM;KACP,CAAC,CAAC;AACL,CAAC"}

package/dist/window/backdrop.d.ts

@@ -3,7 +3,9 @@ import type { FrameworkElement, Window } from "../winui.js";
  * The material behind a window's content. Acrylic blurs and tints what is
  * behind the window (`acrylicBase` and `acrylicThin` are its other two
  * variants, made by the system backdrop controller); Mica tints with the desktop wallpaper (Mica Alt more
- * strongly, as a tabbed title bar has it); none leaves the theme's solid color.
+ * strongly, as a tabbed title bar has it); transparent shows the desktop
+ * through every pixel the content leaves clear (with per-pixel alpha; pair it
+ * with `isBorderless`); none leaves the theme's solid color.
  */
 export declare const Backdrop: {
     readonly acrylic: "acrylic";
@@ -12,6 +14,7 @@ export declare const Backdrop: {
     readonly mica: "mica";
     readonly micaAlt: "micaAlt";
     readonly none: "none";
+    readonly transparent: "transparent";
 };
 /** One of `Backdrop`'s values. */
 export type Backdrop = (typeof Backdrop)[keyof typeof Backdrop];

package/dist/window/backdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../src/window/backdrop.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG9D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;;;;CAOX,CAAC;AAEX,kCAAkC;AAClC,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAgChE;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;CACpB,cAsBA"}
+{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../src/window/backdrop.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ;;;;;;;;CAQX,CAAC;AAEX,kCAAkC;AAClC,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAgChE;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAC3D,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;CACpB,cA2BA"}