winui-svelte 0.0.4 → 0.0.6

package/dist/input/pointer-capture.d.ts

@@ -0,0 +1,47 @@
+import type { Pointer } from "#winui/microsoft/ui/xaml/input/Pointer";
+import type { UIElement } from "#winui/microsoft/ui/xaml/UIElement";
+/** The part of a WinUI element pointer capture needs. */
+export type CaptureControl = Pick<UIElement, "capturePointer" | "releasePointerCapture" | "pointerCaptures">;
+/**
+ * Remembers a pointer an element's input event named, so the element can
+ * capture it by id. `enableInputEvents` calls it for every pointer event.
+ *
+ * @param options - The element and the `pointer` of the event's arguments.
+ */
+export declare function rememberPointer({ control, pointer }: {
+    control: object;
+    pointer: Pointer;
+}): void;
+/**
+ * Sends every event of a pointer to the element until released, as the web's
+ * `element.setPointerCapture(pointerId)` does. Call it in a pointerdown handler.
+ *
+ * @param options - The element and the `pointerId` of the event.
+ * @returns True when WinUI took the capture.
+ * @throws {Error} When the element has had no event from that pointer.
+ */
+export declare function setPointerCapture({ control, pointerId }: {
+    control: CaptureControl;
+    pointerId: number;
+}): boolean;
+/**
+ * Gives a captured pointer back, as the web's `element.releasePointerCapture(pointerId)`.
+ *
+ * @param options - The element and the `pointerId`.
+ * @throws {Error} When the element has had no event from that pointer.
+ */
+export declare function releasePointerCapture({ control, pointerId }: {
+    control: CaptureControl;
+    pointerId: number;
+}): void;
+/**
+ * Tells whether the element has captured a pointer, as the web's `element.hasPointerCapture(pointerId)`.
+ *
+ * @param options - The element and the `pointerId`.
+ * @returns True when the pointer is among the element's captures.
+ */
+export declare function hasPointerCapture({ control, pointerId }: {
+    control: CaptureControl;
+    pointerId: number;
+}): boolean;
+//# sourceMappingURL=pointer-capture.d.ts.map

package/dist/input/pointer-capture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-capture.d.ts","sourceRoot":"","sources":["../../src/input/pointer-capture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAKpE,yDAAyD;AACzD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,gBAAgB,GAAG,uBAAuB,GAAG,iBAAiB,CAAC,CAAC;AAI7G;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB,QAIA;AAeD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;IACxD,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,WAOA;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;IAC5D,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,QAOA;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;IACxD,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,WAKA"}

package/dist/input/pointer-capture.js

@@ -0,0 +1,59 @@
+const knownPointers = new WeakMap();
+/**
+ * Remembers a pointer an element's input event named, so the element can
+ * capture it by id. `enableInputEvents` calls it for every pointer event.
+ *
+ * @param options - The element and the `pointer` of the event's arguments.
+ */
+export function rememberPointer({ control, pointer }) {
+    const pointers = knownPointers.get(control) ?? new Map();
+    pointers.set(pointer.pointerId, pointer);
+    knownPointers.set(control, pointers);
+}
+function pointerOf({ control, pointerId }) {
+    const pointer = knownPointers.get(control)?.get(pointerId);
+    const isKnown = pointer !== undefined;
+    if (!isKnown) {
+        throw new Error(`Pointer ${pointerId} has not reached this element yet: capture it from a pointer event handler`);
+    }
+    return pointer;
+}
+/**
+ * Sends every event of a pointer to the element until released, as the web's
+ * `element.setPointerCapture(pointerId)` does. Call it in a pointerdown handler.
+ *
+ * @param options - The element and the `pointerId` of the event.
+ * @returns True when WinUI took the capture.
+ * @throws {Error} When the element has had no event from that pointer.
+ */
+export function setPointerCapture({ control, pointerId }) {
+    return control.capturePointer(pointerOf({
+        control,
+        pointerId
+    }));
+}
+/**
+ * Gives a captured pointer back, as the web's `element.releasePointerCapture(pointerId)`.
+ *
+ * @param options - The element and the `pointerId`.
+ * @throws {Error} When the element has had no event from that pointer.
+ */
+export function releasePointerCapture({ control, pointerId }) {
+    control.releasePointerCapture(pointerOf({
+        control,
+        pointerId
+    }));
+}
+/**
+ * Tells whether the element has captured a pointer, as the web's `element.hasPointerCapture(pointerId)`.
+ *
+ * @param options - The element and the `pointerId`.
+ * @returns True when the pointer is among the element's captures.
+ */
+export function hasPointerCapture({ control, pointerId }) {
+    const captures = control.pointerCaptures;
+    const size = captures?.size ?? 0;
+    const pointers = Array.from({ length: size }, (_unused, iCapture) => captures?.getAt(iCapture));
+    return pointers.some(pointer => pointer?.pointerId === pointerId);
+}
+//# sourceMappingURL=pointer-capture.js.map

package/dist/input/pointer-capture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-capture.js","sourceRoot":"","sources":["../../src/input/pointer-capture.ts"],"names":[],"mappings":"AASA,MAAM,aAAa,GAAG,IAAI,OAAO,EAAgC,CAAC;AAElE;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAGjD;IACC,MAAM,QAAQ,GAAG,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,EAAmB,CAAC;IAC1E,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACzC,aAAa,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AACvC,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAGtC;IACC,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,KAAK,SAAS,CAAC;IACtC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,WAAW,SAAS,4EAA4E,CAAC,CAAC;IACpH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAGrD;IACC,OAAO,OAAO,CAAC,cAAc,CAC3B,SAAS,CAAC;QACR,OAAO;QACP,SAAS;KACV,CAAC,CACH,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,EAGzD;IACC,OAAO,CAAC,qBAAqB,CAC3B,SAAS,CAAC;QACR,OAAO;QACP,SAAS;KACV,CAAC,CACH,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAGrD;IACC,MAAM,QAAQ,GAAG,OAAO,CAAC,eAAe,CAAC;IACzC,MAAM,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChG,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC;AACpE,CAAC"}

package/dist/input/pointer-fields.d.ts

@@ -0,0 +1,118 @@
+import type { PointerRoutedEventArgs } from "#winui/microsoft/ui/xaml/input/PointerRoutedEventArgs";
+import type { UIElement } from "#winui/microsoft/ui/xaml/UIElement";
+/** The kind of device a pointer event came from, as the web names it. */
+export declare const PointerType: {
+    readonly mouse: "mouse";
+    readonly pen: "pen";
+    readonly touch: "touch";
+};
+/** One of `PointerType`'s values. */
+export type PointerType = (typeof PointerType)[keyof typeof PointerType];
+/** The members of a DOM `PointerEvent` (and of the `WheelEvent` it is for the wheel) that WinUI knows. */
+export interface PointerFields {
+    readonly clientX: number;
+    readonly clientY: number;
+    readonly offsetX: number;
+    readonly offsetY: number;
+    readonly pageX: number;
+    readonly pageY: number;
+    readonly x: number;
+    readonly y: number;
+    readonly button: number;
+    readonly buttons: number;
+    readonly pointerId: number;
+    readonly pointerType: PointerType;
+    readonly isPrimary: boolean;
+    readonly pressure: number;
+    readonly tiltX: number;
+    readonly tiltY: number;
+    readonly twist: number;
+    readonly ctrlKey: boolean;
+    readonly altKey: boolean;
+    readonly shiftKey: boolean;
+    readonly metaKey: boolean;
+    readonly deltaX: number;
+    readonly deltaY: number;
+    readonly deltaZ: number;
+    readonly deltaMode: number;
+    /**
+     * The positions the pointer passed since the last event, oldest first,
+     * ending with this one; empty on a coalesced event itself.
+     */
+    getCoalescedEvents(): PointerFields[];
+}
+/** The part of WinUI's `PointerRoutedEventArgs` the fields are read from. */
+export type PointerArguments = Pick<PointerRoutedEventArgs, "keyModifiers" | "getCurrentPoint" | "getIntermediatePoints">;
+/**
+ * Tells whether a value is the arguments of a WinUI pointer event.
+ *
+ * @param value - What a WinUI handler was called with.
+ * @returns True when it can be read for pointer fields.
+ */
+export declare function isPointerArguments(value: unknown): value is PointerRoutedEventArgs;
+/**
+ * Reads the DOM members of a WinUI pointer event.
+ *
+ * @param options - The event's arguments, and the control the positions are relative to.
+ * @returns The fields of a DOM pointer or wheel event; `getCoalescedEvents`
+ *     reads the points WinUI collected since the last event.
+ */
+export declare function pointerFields({ args, element }: {
+    args: PointerArguments;
+    element: UIElement;
+}): {
+    getCoalescedEvents: () => {
+        clientX: number;
+        clientY: number;
+        offsetX: number;
+        offsetY: number;
+        pageX: number;
+        pageY: number;
+        x: number;
+        y: number;
+        button: number;
+        buttons: number;
+        pointerId: number;
+        pointerType: PointerType;
+        isPrimary: boolean;
+        pressure: number;
+        tiltX: number;
+        tiltY: number;
+        twist: number;
+        ctrlKey: boolean;
+        altKey: boolean;
+        shiftKey: boolean;
+        metaKey: boolean;
+        deltaX: number;
+        deltaY: number;
+        deltaZ: number;
+        deltaMode: number;
+        getCoalescedEvents: () => PointerFields[];
+    }[];
+    clientX: number;
+    clientY: number;
+    offsetX: number;
+    offsetY: number;
+    pageX: number;
+    pageY: number;
+    x: number;
+    y: number;
+    button: number;
+    buttons: number;
+    pointerId: number;
+    pointerType: PointerType;
+    isPrimary: boolean;
+    pressure: number;
+    tiltX: number;
+    tiltY: number;
+    twist: number;
+    ctrlKey: boolean;
+    altKey: boolean;
+    shiftKey: boolean;
+    metaKey: boolean;
+    deltaX: number;
+    deltaY: number;
+    deltaZ: number;
+    deltaMode: number;
+};
+//# sourceMappingURL=pointer-fields.d.ts.map

package/dist/input/pointer-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-fields.d.ts","sourceRoot":"","sources":["../../src/input/pointer-fields.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AACpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAiBpE,yEAAyE;AACzE,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAEX,qCAAqC;AACrC,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAkBzE,0GAA0G;AAC1G,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC;IAClC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,kBAAkB,IAAI,aAAa,EAAE,CAAC;CACvC;AAED,6EAA6E;AAC7E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,cAAc,GAAG,iBAAiB,GAAG,uBAAuB,CAAC,CAAC;AAE1H;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,sBAAsB,CAElF;AAmFD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAC/C,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAzD2B,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkF1C"}

package/dist/input/pointer-fields.js

@@ -0,0 +1,141 @@
+import { InputPointerDeviceType } from "#winui/microsoft/ui/input/PointerDeviceType";
+import { InputPointerUpdateKind } from "#winui/microsoft/ui/input/PointerUpdateKind";
+import { VirtualKeyModifiers } from "#winui/windows/system/VirtualKeyModifiers";
+// The one place a WinUI pointer event becomes the members of a DOM pointer
+// event: winui-svelte/input reads it for elements, and the Canvas 2D of
+// winui-svelte/win2d for the canvas it shows.
+const PRIMARY_BUTTON = 0;
+const MIDDLE_BUTTON = 1;
+const SECONDARY_BUTTON = 2;
+const NO_BUTTON = -1;
+const BUTTON_MASKS = {
+    left: 1,
+    right: 2,
+    middle: 4
+};
+/** The kind of device a pointer event came from, as the web names it. */
+export const PointerType = {
+    mouse: "mouse",
+    pen: "pen",
+    touch: "touch"
+};
+// The button a pointer update is about: a release has no button pressed any more.
+const UPDATE_BUTTONS = new Map([
+    [InputPointerUpdateKind.LeftButtonPressed, PRIMARY_BUTTON],
+    [InputPointerUpdateKind.LeftButtonReleased, PRIMARY_BUTTON],
+    [InputPointerUpdateKind.MiddleButtonPressed, MIDDLE_BUTTON],
+    [InputPointerUpdateKind.MiddleButtonReleased, MIDDLE_BUTTON],
+    [InputPointerUpdateKind.RightButtonPressed, SECONDARY_BUTTON],
+    [InputPointerUpdateKind.RightButtonReleased, SECONDARY_BUTTON]
+]);
+const POINTER_TYPES = new Map([
+    [InputPointerDeviceType.Touch, PointerType.touch],
+    [InputPointerDeviceType.Pen, PointerType.pen],
+    [InputPointerDeviceType.Mouse, PointerType.mouse],
+    [InputPointerDeviceType.Touchpad, PointerType.mouse]
+]);
+/**
+ * Tells whether a value is the arguments of a WinUI pointer event.
+ *
+ * @param value - What a WinUI handler was called with.
+ * @returns True when it can be read for pointer fields.
+ */
+export function isPointerArguments(value) {
+    return typeof value === "object" && value !== null && "getCurrentPoint" in value;
+}
+function buttonOf({ isLeft, isRight, isMiddle }) {
+    if (isLeft) {
+        return PRIMARY_BUTTON;
+    }
+    if (isMiddle) {
+        return MIDDLE_BUTTON;
+    }
+    return isRight ? SECONDARY_BUTTON : NO_BUTTON;
+}
+function maskOf({ isLeft, isRight, isMiddle }) {
+    const left = isLeft ? BUTTON_MASKS.left : 0;
+    const right = isRight ? BUTTON_MASKS.right : 0;
+    const middle = isMiddle ? BUTTON_MASKS.middle : 0;
+    return left | right | middle;
+}
+function noCoalescedEvents() {
+    return [];
+}
+function fieldsOfPoint({ point, modifiers, getCoalescedEvents }) {
+    const properties = point.properties;
+    const isLeft = properties.isLeftButtonPressed;
+    const isRight = properties.isRightButtonPressed;
+    const isMiddle = properties.isMiddleButtonPressed;
+    const wheel = properties.mouseWheelDelta;
+    const isHorizontal = properties.isHorizontalMouseWheel;
+    const { x, y } = point.position;
+    return {
+        clientX: x,
+        clientY: y,
+        offsetX: x,
+        offsetY: y,
+        pageX: x,
+        pageY: y,
+        x,
+        y,
+        button: UPDATE_BUTTONS.get(properties.pointerUpdateKind) ?? buttonOf({
+            isLeft,
+            isRight,
+            isMiddle
+        }),
+        buttons: maskOf({
+            isLeft,
+            isRight,
+            isMiddle
+        }),
+        pointerId: point.pointerId,
+        pointerType: POINTER_TYPES.get(point.pointerDeviceType) ?? PointerType.mouse,
+        isPrimary: properties.isPrimary,
+        pressure: properties.pressure,
+        tiltX: properties.xTilt,
+        tiltY: properties.yTilt,
+        twist: properties.twist,
+        ctrlKey: (modifiers & VirtualKeyModifiers.Control) !== 0,
+        altKey: (modifiers & VirtualKeyModifiers.Menu) !== 0,
+        shiftKey: (modifiers & VirtualKeyModifiers.Shift) !== 0,
+        metaKey: (modifiers & VirtualKeyModifiers.Windows) !== 0,
+        deltaX: isHorizontal ? wheel : 0,
+        deltaY: isHorizontal ? 0 : -wheel,
+        deltaZ: 0,
+        deltaMode: 0,
+        getCoalescedEvents
+    };
+}
+/**
+ * Reads the DOM members of a WinUI pointer event.
+ *
+ * @param options - The event's arguments, and the control the positions are relative to.
+ * @returns The fields of a DOM pointer or wheel event; `getCoalescedEvents`
+ *     reads the points WinUI collected since the last event.
+ */
+export function pointerFields({ args, element }) {
+    const modifiers = args.keyModifiers;
+    const current = fieldsOfPoint({
+        point: args.getCurrentPoint(element),
+        modifiers,
+        getCoalescedEvents: noCoalescedEvents
+    });
+    function getCoalescedEvents() {
+        const points = args.getIntermediatePoints(element);
+        const size = points?.size ?? 0;
+        const events = Array.from({ length: size }, (_unused, iEvent) => {
+            const point = points?.getAt(size - 1 - iEvent);
+            return point === undefined ? current : fieldsOfPoint({
+                point,
+                modifiers,
+                getCoalescedEvents: noCoalescedEvents
+            });
+        });
+        return events.length === 0 ? [current] : events;
+    }
+    return {
+        ...current,
+        getCoalescedEvents
+    };
+}
+//# sourceMappingURL=pointer-fields.js.map

package/dist/input/pointer-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-fields.js","sourceRoot":"","sources":["../../src/input/pointer-fields.ts"],"names":[],"mappings":"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"}

package/dist/input/pointer-routes.d.ts

@@ -0,0 +1,13 @@
+/** The WinUI pointer handler props, each with the DOM event type it raises. */
+export declare const POINTER_EVENT_TYPES: {
+    readonly onpointerpressed: "pointerdown";
+    readonly onpointermoved: "pointermove";
+    readonly onpointerreleased: "pointerup";
+    readonly onpointerentered: "pointerenter";
+    readonly onpointerexited: "pointerleave";
+    readonly onpointercanceled: "pointercancel";
+    readonly onpointerwheelchanged: "wheel";
+};
+/** The name of a WinUI pointer handler prop. */
+export type PointerHandlerName = keyof typeof POINTER_EVENT_TYPES;
+//# sourceMappingURL=pointer-routes.d.ts.map

package/dist/input/pointer-routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-routes.d.ts","sourceRoot":"","sources":["../../src/input/pointer-routes.ts"],"names":[],"mappings":"AAGA,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB;;;;;;;;CAQtB,CAAC;AAEX,gDAAgD;AAChD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,mBAAmB,CAAC"}

package/dist/input/pointer-routes.js

@@ -0,0 +1,13 @@
+// The WinUI pointer events and the DOM event each one is, the one table the
+// elements of winui-svelte/input and the Canvas 2D of winui-svelte/win2d read.
+/** The WinUI pointer handler props, each with the DOM event type it raises. */
+export const POINTER_EVENT_TYPES = {
+    onpointerpressed: "pointerdown",
+    onpointermoved: "pointermove",
+    onpointerreleased: "pointerup",
+    onpointerentered: "pointerenter",
+    onpointerexited: "pointerleave",
+    onpointercanceled: "pointercancel",
+    onpointerwheelchanged: "wheel"
+};
+//# sourceMappingURL=pointer-routes.js.map

package/dist/input/pointer-routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-routes.js","sourceRoot":"","sources":["../../src/input/pointer-routes.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,+EAA+E;AAE/E,+EAA+E;AAC/E,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,gBAAgB,EAAE,aAAa;IAC/B,cAAc,EAAE,aAAa;IAC7B,iBAAiB,EAAE,WAAW;IAC9B,gBAAgB,EAAE,cAAc;IAChC,eAAe,EAAE,cAAc;IAC/B,iBAAiB,EAAE,eAAe;IAClC,qBAAqB,EAAE,OAAO;CACtB,CAAC"}

package/dist/input/trap-focus.d.ts

@@ -0,0 +1,18 @@
+/** What `trapFocus` takes. */
+export interface TrapFocusOptions {
+    /** Move focus to the first control inside when the trap starts. Default true. */
+    shouldFocusFirst?: boolean;
+}
+/**
+ * Keeps keyboard focus inside an element, for a dialog or a wizard step:
+ * `@attach trapFocus()` on the element. Tab after the last control goes to
+ * the first and Shift+Tab before the first to the last (the element's
+ * `TabFocusNavigation` is `Cycle`). Focus moves in when the element is
+ * shown, and when the element goes, to where it was before; the element's
+ * own `TabFocusNavigation` comes back too.
+ *
+ * @param options - Whether focus moves in to start with.
+ * @returns The attachment to put after `@attach`.
+ */
+export declare function trapFocus({ shouldFocusFirst }?: TrapFocusOptions): (node: object) => void | (() => void);
+//# sourceMappingURL=trap-focus.d.ts.map

package/dist/input/trap-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trap-focus.d.ts","sourceRoot":"","sources":["../../src/input/trap-focus.ts"],"names":[],"mappings":"AAOA,8BAA8B;AAC9B,MAAM,WAAW,gBAAgB;IAE/B,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EAAE,gBAAuB,EAAE,GAAE,gBAAqB,yCA0B3E"}

package/dist/input/trap-focus.js

@@ -0,0 +1,45 @@
+import { elementOf, focusedElement } from "./focused-element.js";
+import { control } from "../renderer/host/control.js";
+import { FocusState } from "../winui.js";
+import { FocusManager } from "#winui/microsoft/ui/xaml/input/FocusManager";
+import { KeyboardNavigationMode } from "#winui/microsoft/ui/xaml/input/KeyboardNavigationMode";
+function noStop() {
+    // Nothing was subscribed.
+}
+/**
+ * Keeps keyboard focus inside an element, for a dialog or a wizard step:
+ * `@attach trapFocus()` on the element. Tab after the last control goes to
+ * the first and Shift+Tab before the first to the last (the element's
+ * `TabFocusNavigation` is `Cycle`). Focus moves in when the element is
+ * shown, and when the element goes, to where it was before; the element's
+ * own `TabFocusNavigation` comes back too.
+ *
+ * @param options - Whether focus moves in to start with.
+ * @returns The attachment to put after `@attach`.
+ */
+export function trapFocus({ shouldFocusFirst = true } = {}) {
+    return control(container => {
+        const previousNavigation = container.tabFocusNavigation;
+        let previousFocus = focusedElement(container.xamlRoot);
+        function start() {
+            previousFocus = focusedElement(container.xamlRoot);
+            if (shouldFocusFirst) {
+                elementOf(FocusManager.findFirstFocusableElement(container))?.focus(FocusState.Programmatic);
+            }
+        }
+        container.tabFocusNavigation = KeyboardNavigationMode.Cycle;
+        let stopLoaded = noStop;
+        if (container.isLoaded) {
+            start();
+        }
+        else {
+            stopLoaded = container.onceLoaded(start);
+        }
+        return () => {
+            stopLoaded();
+            container.tabFocusNavigation = previousNavigation;
+            previousFocus?.focus(FocusState.Programmatic);
+        };
+    });
+}
+//# sourceMappingURL=trap-focus.js.map

package/dist/input/trap-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trap-focus.js","sourceRoot":"","sources":["../../src/input/trap-focus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAS/F,SAAS,MAAM;IACb,0BAA0B;AAC5B,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,gBAAgB,GAAG,IAAI,KAAuB,EAAE;IAC1E,OAAO,OAAO,CAAmB,SAAS,CAAC,EAAE;QAC3C,MAAM,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAC;QACxD,IAAI,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvD,SAAS,KAAK;YACZ,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEnD,IAAI,gBAAgB,EAAE,CAAC;gBACrB,SAAS,CAAC,YAAY,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YAC/F,CAAC;QACH,CAAC;QAED,SAAS,CAAC,kBAAkB,GAAG,sBAAsB,CAAC,KAAK,CAAC;QAC5D,IAAI,UAAU,GAAG,MAAM,CAAC;QACxB,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACvB,KAAK,EAAE,CAAC;QACV,CAAC;aAAM,CAAC;YACN,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,OAAO,GAAG,EAAE;YACV,UAAU,EAAE,CAAC;YACb,SAAS,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;YAClD,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/key-code.d.ts

@@ -0,0 +1,131 @@
+/**
+ * The keys the package names, each one `KeyboardEvent.code`'s spelling with a
+ * lowercase first letter, for its Win32 virtual-key code (`KeyCode.f23` is `0x86`).
+ */
+export declare const KeyCode: {
+    readonly keyA: 65;
+    readonly keyB: 66;
+    readonly keyC: 67;
+    readonly keyD: 68;
+    readonly keyE: 69;
+    readonly keyF: 70;
+    readonly keyG: 71;
+    readonly keyH: 72;
+    readonly keyI: 73;
+    readonly keyJ: 74;
+    readonly keyK: 75;
+    readonly keyL: 76;
+    readonly keyM: 77;
+    readonly keyN: 78;
+    readonly keyO: 79;
+    readonly keyP: 80;
+    readonly keyQ: 81;
+    readonly keyR: 82;
+    readonly keyS: 83;
+    readonly keyT: 84;
+    readonly keyU: 85;
+    readonly keyV: 86;
+    readonly keyW: 87;
+    readonly keyX: 88;
+    readonly keyY: 89;
+    readonly keyZ: 90;
+    readonly digit0: 48;
+    readonly digit1: 49;
+    readonly digit2: 50;
+    readonly digit3: 51;
+    readonly digit4: 52;
+    readonly digit5: 53;
+    readonly digit6: 54;
+    readonly digit7: 55;
+    readonly digit8: 56;
+    readonly digit9: 57;
+    readonly f1: 112;
+    readonly f2: 113;
+    readonly f3: 114;
+    readonly f4: 115;
+    readonly f5: 116;
+    readonly f6: 117;
+    readonly f7: 118;
+    readonly f8: 119;
+    readonly f9: 120;
+    readonly f10: 121;
+    readonly f11: 122;
+    readonly f12: 123;
+    readonly f13: 124;
+    readonly f14: 125;
+    readonly f15: 126;
+    readonly f16: 127;
+    readonly f17: 128;
+    readonly f18: 129;
+    readonly f19: 130;
+    readonly f20: 131;
+    readonly f21: 132;
+    readonly f22: 133;
+    readonly f23: 134;
+    readonly f24: 135;
+    readonly numpad0: 96;
+    readonly numpad1: 97;
+    readonly numpad2: 98;
+    readonly numpad3: 99;
+    readonly numpad4: 100;
+    readonly numpad5: 101;
+    readonly numpad6: 102;
+    readonly numpad7: 103;
+    readonly numpad8: 104;
+    readonly numpad9: 105;
+    readonly enter: 13;
+    readonly escape: 27;
+    readonly space: 32;
+    readonly tab: 9;
+    readonly backspace: 8;
+    readonly delete: 46;
+    readonly insert: 45;
+    readonly home: 36;
+    readonly end: 35;
+    readonly pageUp: 33;
+    readonly pageDown: 34;
+    readonly arrowLeft: 37;
+    readonly arrowUp: 38;
+    readonly arrowRight: 39;
+    readonly arrowDown: 40;
+    readonly pause: 19;
+    readonly printScreen: 44;
+    readonly scrollLock: 145;
+    readonly numLock: 144;
+    readonly capsLock: 20;
+    readonly semicolon: 186;
+    readonly equal: 187;
+    readonly comma: 188;
+    readonly minus: 189;
+    readonly period: 190;
+    readonly slash: 191;
+    readonly backquote: 192;
+    readonly bracketLeft: 219;
+    readonly backslash: 220;
+    readonly bracketRight: 221;
+    readonly quote: 222;
+    readonly numpadMultiply: 106;
+    readonly numpadAdd: 107;
+    readonly numpadSubtract: 109;
+    readonly numpadDecimal: 110;
+    readonly numpadDivide: 111;
+    readonly volumeMute: 173;
+    readonly volumeDown: 174;
+    readonly volumeUp: 175;
+    readonly mediaTrackNext: 176;
+    readonly mediaTrackPrevious: 177;
+    readonly mediaStop: 178;
+    readonly mediaPlayPause: 179;
+};
+/** The virtual-key code of one of `KeyCode`'s keys. */
+export type KeyCode = typeof KeyCode[keyof typeof KeyCode];
+/** The name of one of the keys, as `KeyCode` spells it. */
+export type KeyCodeName = keyof typeof KeyCode;
+/**
+ * The web's `KeyboardEvent.code` of a key.
+ *
+ * @param name - The key, as `KeyCode` spells it.
+ * @returns The name with its first letter in upper case (`keyA`, `KeyA`).
+ */
+export declare function webCodeOf(name: string): string;
+//# sourceMappingURL=key-code.d.ts.map

package/dist/key-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-code.d.ts","sourceRoot":"","sources":["../src/key-code.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHV,CAAC;AACX,uDAAuD;AACvD,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAC3D,2DAA2D;AAC3D,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,OAAO,CAAC;AAE/C;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,UAErC"}