@seelen-ui/lib 2.4.10 → 2.5.0

package/script/src/state/widget/mod.js

@@ -33,43 +33,36 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Widget = exports.WidgetList = exports.SeelenWallWidgetId = exports.SeelenLauncherWidgetId = exports.SeelenWindowManagerWidgetId = exports.SeelenToolbarWidgetId = exports.SeelenWegWidgetId = exports.SeelenPopupWidgetId = exports.SeelenSettingsWidgetId = void 0;
+exports.SeelenWallWidgetId = exports.SeelenWindowManagerWidgetId = exports.SeelenToolbarWidgetId = exports.SeelenWegWidgetId = exports.SeelenPopupWidgetId = exports.SeelenSettingsWidgetId = exports.Widget = void 0;
 const dntShim = __importStar(require("../../../_dnt.shims.js"));
 const mod_js_1 = require("../../../gen/types/mod.js");
 const mod_js_2 = require("../../handlers/mod.js");
-const List_js_1 = require("../../utils/List.js");
-const State_js_1 = require("../../utils/State.js");
 const webviewWindow_1 = require("@tauri-apps/api/webviewWindow");
 const mod_js_3 = require("../../../deps/jsr.io/@std/encoding/1.0.10/mod.js");
-const dpi_1 = require("@tauri-apps/api/dpi");
-const window_1 = require("@tauri-apps/api/window");
 const async_js_1 = require("../../utils/async.js");
 const sizing_js_1 = require("./sizing.js");
 const positioning_js_1 = require("./positioning.js");
 const theming_js_1 = require("../theme/theming.js");
-exports.SeelenSettingsWidgetId = "@seelen/settings";
-exports.SeelenPopupWidgetId = "@seelen/popup";
-exports.SeelenWegWidgetId = "@seelen/weg";
-exports.SeelenToolbarWidgetId = "@seelen/fancy-toolbar";
-exports.SeelenWindowManagerWidgetId = "@seelen/window-manager";
-exports.SeelenLauncherWidgetId = "@seelen/launcher";
-exports.SeelenWallWidgetId = "@seelen/wallpaper-manager";
-class WidgetList extends List_js_1.List {
-    static getAsync() {
-        return (0, State_js_1.newFromInvoke)(this, mod_js_2.SeelenCommand.StateGetWidgets);
-    }
-    static onChange(cb) {
-        return (0, State_js_1.newOnEvent)(cb, this, mod_js_2.SeelenEvent.StateWidgetsChanged);
-    }
-    findById(id) {
-        return this.asArray().find((widget) => widget.id === id);
-    }
-}
-exports.WidgetList = WidgetList;
+const webview_1 = require("@tauri-apps/api/webview");
 /**
  * Represents the widget instance running in the current webview
  */
 class Widget {
+    /**
+     * Alternative accesor for the current running widget.\
+     * Will throw if the library is being used on a non Seelen UI environment
+     */
+    static getCurrent() {
+        const scope = dntShim.dntGlobalThis;
+        if (!scope.__SLU_WIDGET) {
+            throw new Error("The library is being used on a non Seelen UI environment");
+        }
+        return (scope.__SLU_WIDGET_INSTANCE || (scope.__SLU_WIDGET_INSTANCE = new Widget(scope.__SLU_WIDGET)));
+    }
+    /** The current running widget */
+    static get self() {
+        return Widget.getCurrent();
+    }
     /** widget id */
     id;
     /** widget definition */
@@ -79,15 +72,24 @@ class Widget {
     /** current webview window */
     webview;
     autoSizer;
-    initOptions = {};
     runtimeState = {
+        hwnd: 0,
         initialized: false,
         ready: false,
+        position: {
+            x: 0,
+            y: 0,
+        },
+        size: {
+            width: 0,
+            height: 0,
+        },
+        firstFocus: true,
     };
     constructor(widget) {
         this.def = widget;
         this.webview = (0, webviewWindow_1.getCurrentWebviewWindow)();
-        const [id, query] = Widget.getDecodedWebviewLabel();
+        const [id, query] = getDecodedWebviewLabel();
         const params = new URLSearchParams(query);
         const paramsObj = Object.freeze(Object.fromEntries(params));
         this.id = id;
@@ -98,43 +100,24 @@ class Widget {
             params: Object.freeze(Object.fromEntries(params)),
         });
     }
-    static getDecodedWebviewLabel() {
-        const encondedLabel = (0, webviewWindow_1.getCurrentWebviewWindow)().label;
-        const decodedLabel = new TextDecoder().decode((0, mod_js_3.decodeBase64Url)(encondedLabel));
-        const [id, query] = decodedLabel.split("?");
-        if (!id) {
-            throw new Error("Missing widget id on webview label");
-        }
-        return [id, query];
-    }
-    /** Will throw if the library is being used on a non Seelen UI environment */
-    static getCurrentWidgetId() {
-        return this.getCurrent().id;
-    }
-    /** Will throw if the library is being used on a non Seelen UI environment */
-    static getCurrent() {
-        const scope = dntShim.dntGlobalThis;
-        if (!scope.__SLU_WIDGET) {
-            throw new Error("The library is being used on a non Seelen UI environment");
-        }
-        return (scope.__SLU_WIDGET_INSTANCE || (scope.__SLU_WIDGET_INSTANCE = new Widget(scope.__SLU_WIDGET)));
+    /** Returns the current window id of the widget */
+    get windowId() {
+        return this.runtimeState.hwnd;
     }
-    static getEntryDefaultValues(entry) {
-        const config = {
-            [entry.config.key]: entry.config.defaultValue,
+    /** Returns the current position and size of the widget */
+    get frame() {
+        return {
+            x: this.runtimeState.position.x,
+            y: this.runtimeState.position.y,
+            width: this.runtimeState.size.width,
+            height: this.runtimeState.size.height,
         };
-        for (const item of entry.children) {
-            Object.assign(config, Widget.getEntryDefaultValues(item));
-        }
-        return config;
     }
     /** Returns the default config of the widget, declared on the widget definition */
     getDefaultConfig() {
         const config = { enabled: true };
-        for (const { group } of this.def.settings) {
-            for (const entry of group) {
-                Object.assign(config, Widget.getEntryDefaultValues(entry));
-            }
+        for (const definition of this.def.settings) {
+            Object.assign(config, getDefinitionDefaultValues(definition));
         }
         return config;
     }
@@ -152,32 +135,17 @@ class Widget {
     }
     /** Will apply the recommended settings for a desktop widget */
     async applyDesktopPreset() {
-        await Promise.all([
-            ...this.applyInvisiblePreset(),
-            // Desktop widgets are always on bottom
-            this.webview.setAlwaysOnBottom(true),
-            this.persistPositionAndSize(),
-        ]);
+        await Promise.all([...this.applyInvisiblePreset(), this.webview.setAlwaysOnBottom(true)]);
     }
     /** Will apply the recommended settings for an overlay widget */
     async applyOverlayPreset() {
-        await Promise.all([
-            ...this.applyInvisiblePreset(),
-            // Overlay widgets are always on top
-            this.webview.setAlwaysOnTop(true),
-            this.persistPositionAndSize(),
-        ]);
+        await Promise.all([...this.applyInvisiblePreset(), this.webview.setAlwaysOnTop(true)]);
     }
     /** Will apply the recommended settings for a popup widget */
     async applyPopupPreset() {
-        await Promise.all([...this.applyInvisiblePreset()]);
-        // auto close after 1 minute when not in use to save resources
-        const closeOnTimeout = (0, async_js_1.debounce)(() => {
-            this.webview.close();
-        }, 60_000);
+        await Promise.all([...this.applyInvisiblePreset(), this.webview.setAlwaysOnTop(true)]);
         const hideWebview = (0, async_js_1.debounce)(() => {
-            this.webview.hide();
-            closeOnTimeout();
+            this.hide(true);
         }, 100);
         this.webview.onFocusChanged(({ payload: focused }) => {
             if (focused) {
@@ -190,20 +158,30 @@ class Widget {
         this.onTrigger(async ({ desiredPosition, alignX, alignY }) => {
             // avoid flickering when clicking a button that triggers the widget
             hideWebview.cancel();
+            if (this.autoSizer && alignX && alignY) {
+                this.autoSizer.originX = alignX;
+                this.autoSizer.originY = alignY;
+            }
             if (desiredPosition) {
-                const { width, height } = await this.webview.outerSize();
-                const pos = await (0, positioning_js_1.adjustPostionByPlacement)({
-                    x: desiredPosition[0],
-                    y: desiredPosition[1],
-                    width,
-                    height,
-                    alignX,
-                    alignY,
+                const adjusted = (0, positioning_js_1.adjustPositionByPlacement)({
+                    frame: {
+                        x: desiredPosition.x,
+                        y: desiredPosition.y,
+                        width: this.runtimeState.size.width,
+                        height: this.runtimeState.size.height,
+                    },
+                    originX: alignX,
+                    originY: alignY,
+                });
+                await this.setPosition({
+                    left: adjusted.x,
+                    top: adjusted.y,
+                    right: adjusted.x + adjusted.width,
+                    bottom: adjusted.y + adjusted.height,
                 });
-                await this.webview.setPosition(new dpi_1.PhysicalPosition(pos.x, pos.y));
             }
-            await this.webview.show();
-            await this.webview.setFocus();
+            await this.show();
+            await this.focus();
         });
     }
     /**
@@ -212,30 +190,32 @@ class Widget {
      */
     async persistPositionAndSize() {
         const storage = globalThis.window.localStorage;
-        const { label } = this.webview;
-        const [x, y, width, height] = [`x`, `y`, `width`, `height`].map((k) => storage.getItem(`${label}::${k}`));
-        if (x && y) {
-            const pos = new dpi_1.PhysicalPosition(Number(x), Number(y));
-            // check if the stored position is still valid
-            const monitor = await (0, window_1.monitorFromPoint)(pos.x, pos.y);
-            if (monitor) {
-                await this.webview.setPosition(pos);
-            }
-        }
-        if (width && height) {
-            const size = new dpi_1.PhysicalSize(Number(width), Number(height));
-            await this.webview.setSize(size);
+        const [x, y, width, height] = [`x`, `y`, `width`, `height`].map((k) => storage.getItem(`${k}`));
+        if (x && y && width && height) {
+            const frame = {
+                x: Number(x),
+                y: Number(y),
+                width: Number(width),
+                height: Number(height),
+            };
+            const safeFrame = (0, positioning_js_1.fitIntoMonitor)(frame);
+            await this.setPosition({
+                left: safeFrame.x,
+                top: safeFrame.y,
+                right: safeFrame.x + safeFrame.width,
+                bottom: safeFrame.y + safeFrame.height,
+            });
         }
         this.webview.onMoved((0, async_js_1.debounce)((e) => {
             const { x, y } = e.payload;
-            storage.setItem(`${label}::x`, x.toString());
-            storage.setItem(`${label}::y`, y.toString());
+            storage.setItem(`x`, x.toString());
+            storage.setItem(`y`, y.toString());
             console.info(`Widget position saved: ${x} ${y}`);
         }, 500));
         this.webview.onResized((0, async_js_1.debounce)((e) => {
             const { width, height } = e.payload;
-            storage.setItem(`${label}::width`, width.toString());
-            storage.setItem(`${label}::height`, height.toString());
+            storage.setItem(`width`, width.toString());
+            storage.setItem(`height`, height.toString());
             console.info(`Widget size saved: ${width} ${height}`);
         }, 500));
     }
@@ -249,8 +229,14 @@ class Widget {
             console.warn(`Widget already initialized`);
             return;
         }
+        this.runtimeState.hwnd = await (0, mod_js_2.invoke)(mod_js_2.SeelenCommand.GetSelfWindowId);
         this.runtimeState.initialized = true;
-        this.initOptions = options;
+        if (options.autoSizeByContent) {
+            this.autoSizer = new sizing_js_1.WidgetAutoSizer(this, options.autoSizeByContent);
+        }
+        else if (options.saveAndRestoreLastRect ?? this.def.preset === mod_js_1.WidgetPreset.Desktop) {
+            await this.persistPositionAndSize();
+        }
         switch (this.def.preset) {
             case mod_js_1.WidgetPreset.None:
                 break;
@@ -265,9 +251,18 @@ class Widget {
                 break;
         }
         await (0, theming_js_1.startThemingTool)();
-        if (options.autoSizeByContent) {
-            this.autoSizer = new sizing_js_1.WidgetAutoSizer(this.webview, options.autoSizeByContent);
-        }
+        await (0, positioning_js_1.initMonitorsState)();
+        // state initialization
+        this.runtimeState.size = await this.webview.outerSize();
+        this.runtimeState.position = await this.webview.outerPosition();
+        this.webview.onResized((e) => {
+            this.runtimeState.size.width = e.payload.width;
+            this.runtimeState.size.height = e.payload.height;
+        });
+        this.webview.onMoved((e) => {
+            this.runtimeState.position.x = e.payload.x;
+            this.runtimeState.position.y = e.payload.y;
+        });
     }
     /**
      * Will mark the widget as `ready` and pool pending triggers.
@@ -275,7 +270,8 @@ class Widget {
      * If the widget is not lazy this will inmediately show the widget.
      * Lazy widget should be shown on trigger action.
      */
-    async ready() {
+    async ready(options = {}) {
+        const { show = !this.def.lazy } = options;
         if (!this.runtimeState.initialized) {
             throw new Error(`Widget was not initialized before ready`);
         }
@@ -285,18 +281,88 @@ class Widget {
         }
         this.runtimeState.ready = true;
         await this.autoSizer?.execute();
-        if (this.initOptions.show ?? !this.def.lazy) {
-            await this.webview.show();
+        if (show && !(await this.webview.isVisible())) {
+            await this.show();
+            await this.focus();
         }
         // this will mark the widget as ready, and send pending trigger event if exists
         await (0, mod_js_2.invoke)(mod_js_2.SeelenCommand.SetCurrentWidgetStatus, { status: mod_js_1.WidgetStatus.Ready });
     }
     onTrigger(cb) {
         this.webview.listen(mod_js_2.SeelenEvent.WidgetTriggered, ({ payload }) => {
-            // fix for cutted popups, ensure correct size on trigger.
-            // await this.autoSizer?.execute();
             cb(payload);
         });
     }
+    /** If animations are enabled this will animate the movement of the widget */
+    setPosition(rect) {
+        this.runtimeState.position.x = rect.left;
+        this.runtimeState.position.y = rect.top;
+        this.runtimeState.size.width = rect.right - rect.left;
+        this.runtimeState.size.height = rect.bottom - rect.top;
+        return (0, mod_js_2.invoke)(mod_js_2.SeelenCommand.SetSelfPosition, {
+            rect: {
+                left: Math.round(rect.left),
+                top: Math.round(rect.top),
+                right: Math.round(rect.right),
+                bottom: Math.round(rect.bottom),
+            },
+        });
+    }
+    async show() {
+        debouncedClose.cancel();
+        await this.webview.show();
+    }
+    /** Will force foreground the widget */
+    async focus() {
+        if (this.runtimeState.firstFocus) {
+            await (0, webview_1.getCurrentWebview)().setFocus();
+            this.runtimeState.firstFocus = false;
+        }
+        await (0, mod_js_2.invoke)(mod_js_2.SeelenCommand.RequestFocus, { hwnd: this.runtimeState.hwnd }).catch(() => {
+            console.warn(`Failed to focus widget: ${this.decoded.label}`);
+        });
+    }
+    hide(closeAfterInactivity) {
+        Widget.self.webview.hide();
+        if (closeAfterInactivity) {
+            debouncedClose();
+        }
+    }
 }
 exports.Widget = Widget;
+const debouncedClose = (0, async_js_1.debounce)(() => {
+    Widget.self.webview.close();
+}, 30_000);
+exports.SeelenSettingsWidgetId = "@seelen/settings";
+exports.SeelenPopupWidgetId = "@seelen/popup";
+exports.SeelenWegWidgetId = "@seelen/weg";
+exports.SeelenToolbarWidgetId = "@seelen/fancy-toolbar";
+exports.SeelenWindowManagerWidgetId = "@seelen/window-manager";
+exports.SeelenWallWidgetId = "@seelen/wallpaper-manager";
+function getDecodedWebviewLabel() {
+    const encondedLabel = (0, webviewWindow_1.getCurrentWebviewWindow)().label;
+    const decodedLabel = new TextDecoder().decode((0, mod_js_3.decodeBase64Url)(encondedLabel));
+    const [id, query] = decodedLabel.split("?");
+    if (!id) {
+        throw new Error("Missing widget id on webview label");
+    }
+    return [id, query];
+}
+function getDefinitionDefaultValues(definition) {
+    const config = {};
+    // Check if it's a group (has "group" property)
+    if ("group" in definition) {
+        // Recursively process all items in the group
+        for (const item of definition.group.items) {
+            Object.assign(config, getDefinitionDefaultValues(item));
+        }
+    }
+    else {
+        // It's a setting item, extract key and defaultValue
+        const item = definition;
+        if ("key" in item && "defaultValue" in item) {
+            config[item.key] = item.defaultValue;
+        }
+    }
+    return config;
+}

package/script/src/state/widget/positioning.d.ts

@@ -1,15 +1,11 @@
-import { Alignment } from "../../../gen/types/mod.js";
+import { Alignment, type Frame } from "../../../gen/types/mod.js";
 interface args {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    alignX?: Alignment | null;
-    alignY?: Alignment | null;
+    frame: Frame;
+    originX?: Alignment | null;
+    originY?: Alignment | null;
 }
-export declare function adjustPostionByPlacement({ x, y, width, height, alignX, alignY, }: args): Promise<{
-    x: number;
-    y: number;
-}>;
+export declare function initMonitorsState(): Promise<void>;
+export declare function adjustPositionByPlacement({ frame: { x, y, width, height }, originX, originY, }: args): Frame;
+export declare function fitIntoMonitor({ x, y, width, height }: Frame): Frame;
 export {};
 //# sourceMappingURL=positioning.d.ts.map

package/script/src/state/widget/positioning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"positioning.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/positioning.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,UAAU,IAAI;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAsB,wBAAwB,CAAC,EAC7C,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,IAAI,GAAG,OAAO,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAkB1C"}
+{"version":3,"file":"positioning.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/positioning.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,KAAK,EAAwB,MAAM,2BAA2B,CAAC;AAKxF,UAAU,IAAI;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAMD,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CAKvD;AAYD,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAC9B,OAAO,EACP,OAAO,GACR,EAAE,IAAI,GAAG,KAAK,CAoBd;AAED,wBAAgB,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,GAAG,KAAK,CAoCpE"}

package/script/src/state/widget/positioning.js

@@ -1,62 +1,76 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.adjustPostionByPlacement = adjustPostionByPlacement;
-const window_1 = require("@tauri-apps/api/window");
+exports.initMonitorsState = initMonitorsState;
+exports.adjustPositionByPlacement = adjustPositionByPlacement;
+exports.fitIntoMonitor = fitIntoMonitor;
 const mod_js_1 = require("../../../gen/types/mod.js");
-async function adjustPostionByPlacement({ x, y, width, height, alignX, alignY, }) {
-    if (alignX === mod_js_1.Alignment.Center) {
+const mod_js_2 = require("../../handlers/mod.js");
+const lib_js_1 = require("../../lib.js");
+const events_js_1 = require("../../handlers/events.js");
+const monitors = {
+    value: [],
+};
+async function initMonitorsState() {
+    monitors.value = await (0, mod_js_2.invoke)(lib_js_1.SeelenCommand.SystemGetMonitors);
+    (0, mod_js_2.subscribe)(events_js_1.SeelenEvent.SystemMonitorsChanged, ({ payload }) => {
+        monitors.value = payload;
+    });
+}
+function monitorFromPoint(x, y) {
+    return monitors.value.find((m) => m.rect.left <= x && x < m.rect.right && m.rect.top <= y && y < m.rect.bottom);
+}
+function primaryMonitor() {
+    return monitors.value.find((m) => m.isPrimary);
+}
+function adjustPositionByPlacement({ frame: { x, y, width, height }, originX, originY, }) {
+    if (originX === mod_js_1.Alignment.Center) {
         x -= width / 2;
     }
-    else if (alignX === mod_js_1.Alignment.Start) {
+    else if (originX === mod_js_1.Alignment.End) {
         x -= width;
     }
-    if (alignY === mod_js_1.Alignment.Center) {
+    if (originY === mod_js_1.Alignment.Center) {
         y -= height / 2;
     }
-    else if (alignY === mod_js_1.Alignment.Start) {
+    else if (originY === mod_js_1.Alignment.End) {
         y -= height;
     }
-    const fixed = await fitIntoMonitor({ x, y, width, height });
+    const newFrame = fitIntoMonitor({ x, y, width, height });
     return {
-        x: Math.round(fixed.x),
-        y: Math.round(fixed.y),
+        x: Math.round(newFrame.x),
+        y: Math.round(newFrame.y),
+        width: Math.round(newFrame.width),
+        height: Math.round(newFrame.height),
     };
 }
-async function fitIntoMonitor({ x, y, width, height, }) {
-    const monitor = await (0, window_1.monitorFromPoint)(x, y);
+function fitIntoMonitor({ x, y, width, height }) {
+    const monitor = monitorFromPoint(Math.round(x), Math.round(y)) || primaryMonitor();
     if (monitor) {
+        width = Math.min(width, monitor.rect.right - monitor.rect.left);
+        height = Math.min(height, monitor.rect.bottom - monitor.rect.top);
         const x2 = x + width;
         const y2 = y + height;
-        const mx = monitor.position.x;
-        const my = monitor.position.y;
-        const mx2 = mx + monitor.size.width;
-        const my2 = my + monitor.size.height;
         // check left edge
-        if (x < mx) {
-            x = mx;
+        if (x < monitor.rect.left) {
+            x = monitor.rect.left;
         }
         // check top edge
-        if (y < my) {
-            y = my;
+        if (y < monitor.rect.top) {
+            y = monitor.rect.top;
         }
         // check right edge
-        if (x2 > mx2) {
-            x = mx2 - width;
+        if (x2 > monitor.rect.right) {
+            x = monitor.rect.right - width;
         }
         // check bottom edge
-        if (y2 > my2) {
-            y = my2 - height;
-        }
-        // ensure final position is still within monitor bounds (in case window is larger than monitor)
-        if (x < mx) {
-            x = mx;
-        }
-        if (y < my) {
-            y = my;
+        if (y2 > monitor.rect.bottom) {
+            y = monitor.rect.bottom - height;
         }
     }
     return {
         x,
         y,
+        width,
+        height,
     };
 }

package/script/src/state/widget/sizing.d.ts

@@ -1,11 +1,13 @@
-import type { WebviewWindow } from "@tauri-apps/api/webviewWindow";
-export interface AutoSizeOptions {
-    onResize?: () => void;
-}
+import type { Widget } from "./mod.js";
+import { Alignment } from "../../../gen/types/mod.js";
 export declare class WidgetAutoSizer {
-    private webview;
+    private widget;
     private element;
-    constructor(webview: WebviewWindow, element: HTMLElement);
+    /** From which side the widget will grow */
+    originX: Alignment;
+    /** From which side the widget will grow */
+    originY: Alignment;
+    constructor(widget: Widget, element: HTMLElement);
     private setup;
     execute(): Promise<void>;
 }

package/script/src/state/widget/sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,qBAAa,eAAe;IACd,OAAO,CAAC,OAAO;IAAiB,OAAO,CAAC,OAAO;gBAAvC,OAAO,EAAE,aAAa,EAAU,OAAO,EAAE,WAAW;IAKxE,OAAO,CAAC,KAAK;IAmBP,OAAO;CAkBd"}
+{"version":3,"file":"sizing.d.ts","sourceRoot":"","sources":["../../../../src/src/state/widget/sizing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,qBAAa,eAAe;IAOxB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,OAAO;IAPjB,2CAA2C;IAC3C,OAAO,EAAE,SAAS,CAAmB;IACrC,2CAA2C;IAC3C,OAAO,EAAE,SAAS,CAAmB;gBAG3B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW;IAM9B,OAAO,CAAC,KAAK;IAcP,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CA6C/B"}