quickwin 2.3.0 → 3.0.0

package/examples/test_gallery.js

@@ -1367,9 +1367,9 @@ var require_scheduler_development = __commonJS({
         }
         return first;
       }
-      function compare(a, b6) {
-        var diff = a.sortIndex - b6.sortIndex;
-        return 0 !== diff ? diff : a.id - b6.id;
+      function compare(a, b7) {
+        var diff = a.sortIndex - b7.sortIndex;
+        return 0 !== diff ? diff : a.id - b7.id;
       }
       function advanceTimers(currentTime) {
         for (var timer = peek(timerQueue); null !== timer; ) {
@@ -1667,14 +1667,14 @@ var require_react_reconciler_development = __commonJS({
             throw Error("Unable to find node on an unmounted component.");
           return alternate !== fiber ? null : fiber;
         }
-        for (var a = fiber, b6 = alternate; ; ) {
+        for (var a = fiber, b7 = alternate; ; ) {
           var parentA = a.return;
           if (null === parentA) break;
           var parentB = parentA.alternate;
           if (null === parentB) {
-            b6 = parentA.return;
-            if (null !== b6) {
-              a = b6;
+            b7 = parentA.return;
+            if (null !== b7) {
+              a = b7;
               continue;
             }
             break;
@@ -1682,23 +1682,23 @@ var require_react_reconciler_development = __commonJS({
           if (parentA.child === parentB.child) {
             for (parentB = parentA.child; parentB; ) {
               if (parentB === a) return assertIsMounted(parentA), fiber;
-              if (parentB === b6) return assertIsMounted(parentA), alternate;
+              if (parentB === b7) return assertIsMounted(parentA), alternate;
               parentB = parentB.sibling;
             }
             throw Error("Unable to find node on an unmounted component.");
           }
-          if (a.return !== b6.return) a = parentA, b6 = parentB;
+          if (a.return !== b7.return) a = parentA, b7 = parentB;
           else {
             for (var didFindChild = false, _child = parentA.child; _child; ) {
               if (_child === a) {
                 didFindChild = true;
                 a = parentA;
-                b6 = parentB;
+                b7 = parentB;
                 break;
               }
-              if (_child === b6) {
+              if (_child === b7) {
                 didFindChild = true;
-                b6 = parentA;
+                b7 = parentA;
                 a = parentB;
                 break;
               }
@@ -1709,12 +1709,12 @@ var require_react_reconciler_development = __commonJS({
                 if (_child === a) {
                   didFindChild = true;
                   a = parentB;
-                  b6 = parentA;
+                  b7 = parentA;
                   break;
                 }
-                if (_child === b6) {
+                if (_child === b7) {
                   didFindChild = true;
-                  b6 = parentB;
+                  b7 = parentB;
                   a = parentA;
                   break;
                 }
@@ -1726,7 +1726,7 @@ var require_react_reconciler_development = __commonJS({
                 );
             }
           }
-          if (a.alternate !== b6)
+          if (a.alternate !== b7)
             throw Error(
               "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
             );
@@ -15071,10 +15071,10 @@ var require_react_reconciler_development = __commonJS({
           setCurrentUpdatePriority(previousPriority), ReactSharedInternals.T = prevTransition;
         }
       };
-      exports2.discreteUpdates = function(fn, a, b6, c, d) {
+      exports2.discreteUpdates = function(fn, a, b7, c, d) {
         var prevTransition = ReactSharedInternals.T, previousPriority = getCurrentUpdatePriority();
         try {
-          return setCurrentUpdatePriority(2), ReactSharedInternals.T = null, fn(a, b6, c, d);
+          return setCurrentUpdatePriority(2), ReactSharedInternals.T = null, fn(a, b7, c, d);
         } finally {
           setCurrentUpdatePriority(previousPriority), ReactSharedInternals.T = prevTransition, executionContext === NoContext && (workInProgressRootRenderTargetTime = now$1() + RENDER_TIMEOUT_MS);
         }
@@ -15357,10 +15357,10 @@ var require_constants = __commonJS({
 var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 var import_react18 = __toESM(require_react(), 1);
 import "../lib/polyfill.js";
-import * as gui18 from "gui";
+import * as gui17 from "gui";
 
 // _build/lib/react-qw/index.js
-import * as gui17 from "gui";
+import * as gui16 from "gui";
 
 // _build/lib/windows/user32.js
 import * as os3 from "os";
@@ -15369,7 +15369,6 @@ import * as os3 from "os";
 import * as ffi from "ffi";
 import * as os2 from "os";
 import * as std from "std";
-import * as win from "win";
 
 // _build/lib/text-codec.js
 var _labelMap = {
@@ -15391,19 +15390,19 @@ function _normalizeLabel(label) {
 function _decodeUTF8(buf, fatal) {
   let out = "";
   for (let i = 0; i < buf.length; ) {
-    const b6 = buf[i++];
-    if (b6 < 128) {
-      out += String.fromCharCode(b6);
+    const b7 = buf[i++];
+    if (b7 < 128) {
+      out += String.fromCharCode(b7);
       continue;
     }
-    if (b6 < 192) {
+    if (b7 < 192) {
       out += fatal ? (() => {
         throw new TypeError("unexpected continuation byte");
       })() : "\uFFFD";
       continue;
     }
     let c, min;
-    if (b6 < 224) {
+    if (b7 < 224) {
       if (i >= buf.length) {
         out += fatal ? (() => {
           throw new TypeError("incomplete utf-8");
@@ -15415,9 +15414,9 @@ function _decodeUTF8(buf, fatal) {
         out += "\uFFFD";
         continue;
       }
-      c = (b6 & 31) << 6 | b22 & 63;
+      c = (b7 & 31) << 6 | b22 & 63;
       min = 128;
-    } else if (b6 < 240) {
+    } else if (b7 < 240) {
       if (i + 1 >= buf.length) {
         out += fatal ? (() => {
           throw new TypeError("incomplete utf-8");
@@ -15430,9 +15429,9 @@ function _decodeUTF8(buf, fatal) {
         out += "\uFFFD";
         continue;
       }
-      c = (b6 & 15) << 12 | (b22 & 63) << 6 | b32 & 63;
+      c = (b7 & 15) << 12 | (b22 & 63) << 6 | b32 & 63;
       min = 2048;
-    } else if (b6 < 248) {
+    } else if (b7 < 248) {
       if (i + 2 >= buf.length) {
         out += fatal ? (() => {
           throw new TypeError("incomplete utf-8");
@@ -15446,7 +15445,7 @@ function _decodeUTF8(buf, fatal) {
         out += "\uFFFD";
         continue;
       }
-      c = (b6 & 7) << 18 | (b22 & 63) << 12 | (b32 & 63) << 6 | b42 & 63;
+      c = (b7 & 7) << 18 | (b22 & 63) << 12 | (b32 & 63) << 6 | b42 & 63;
       min = 65536;
     } else {
       out += fatal ? (() => {
@@ -15750,7 +15749,7 @@ function loadDll(dll) {
   const cached = _dllCache.get(dll);
   if (cached !== void 0)
     return cached;
-  const loaded = win.LoadLibrary(dll);
+  const loaded = ffi.LoadLibrary(dll);
   if (!loaded)
     throw new Error(`ffi-bind: LoadLibrary("${dll}") failed`);
   _dllCache.set(dll, loaded);
@@ -15960,7 +15959,7 @@ var BYTE = {
 };
 var builtinCodecs = { WCHAR, BYTE };
 function bind(dll, name, sig, encoders, decoders) {
-  const proc = win.GetProcAddress(loadDll(dll), name);
+  const proc = ffi.GetProcAddress(loadDll(dll), name);
   if (!proc)
     throw new Error(`ffi-bind: proc "${name}" not found in ${dll}`);
   const effDec = decoders ?? encoders;
@@ -16000,13 +15999,13 @@ function lower(v) {
         type: { tag: "array", elementType: el.type, elementSize: el.size }
       };
     }
-    const b6 = /^([A-Za-z_]\w*):(\d+)$/.exec(v);
-    if (b6) {
-      const rawUnit = b6[1];
+    const b7 = /^([A-Za-z_]\w*):(\d+)$/.exec(v);
+    if (b7) {
+      const rawUnit = b7[1];
       const unit = normToken(rawUnit);
       if (!isCNumberToken(unit) || unit === "f32" || unit === "f64")
         throw new Error(`ffi-struct: bitfield unit must be an integer type, got "${rawUnit}"`);
-      const width = Number(b6[2]);
+      const width = Number(b7[2]);
       const s2 = SizeAlign[unit];
       const cap = s2 * 8;
       if (!Number.isInteger(width) || width < 1)
@@ -16322,10 +16321,10 @@ function buildDecl(kind, member, pack) {
       decl[k] = v;
   return decl;
 }
-function struct(a, b6, c) {
+function struct(a, b7, c) {
   const isNamed = typeof a === "string";
-  const raw = isNamed ? b6 : a;
-  const opts = isNamed ? c : b6;
+  const raw = isNamed ? b7 : a;
+  const opts = isNamed ? c : b7;
   return createStruct(buildDecl("struct", raw, opts?.pack));
 }
 
@@ -16350,6 +16349,17 @@ var SIZE_DECL = {
   cy: "i32"
 };
 var SIZE = /* @__PURE__ */ struct("SIZE", SIZE_DECL);
+var SCROLLINFO_DECL = {
+  "#": "struct",
+  cbSize: "u32",
+  fMask: "u32",
+  nMin: "i32",
+  nMax: "i32",
+  nPage: "u32",
+  nPos: "i32",
+  nTrackPos: "i32"
+};
+var SCROLLINFO = /* @__PURE__ */ struct("SCROLLINFO", SCROLLINFO_DECL);
 var LOGFONTW_DECL = {
   "#": "struct",
   lfHeight: "i32",
@@ -16368,6 +16378,41 @@ var LOGFONTW_DECL = {
   lfFaceName: "u16[32]@utf-16le"
 };
 var LOGFONTW = /* @__PURE__ */ struct("LOGFONTW", LOGFONTW_DECL);
+var NONCLIENTMETRICSW_DECL = {
+  "#": "struct",
+  cbSize: "u32",
+  iBorderWidth: "i32",
+  iScrollWidth: "i32",
+  iScrollHeight: "i32",
+  iCaptionWidth: "i32",
+  iCaptionHeight: "i32",
+  lfCaptionFont: LOGFONTW_DECL,
+  iSmCaptionWidth: "i32",
+  iSmCaptionHeight: "i32",
+  lfSmCaptionFont: LOGFONTW_DECL,
+  iMenuWidth: "i32",
+  iMenuHeight: "i32",
+  lfMenuFont: LOGFONTW_DECL,
+  lfStatusFont: LOGFONTW_DECL,
+  lfMessageFont: LOGFONTW_DECL,
+  iPaddedBorderWidth: "i32"
+};
+var NONCLIENTMETRICSW = /* @__PURE__ */ struct("NONCLIENTMETRICSW", NONCLIENTMETRICSW_DECL);
+var BITMAPINFOHEADER_DECL = {
+  "#": "struct",
+  biSize: "u32",
+  biWidth: "i32",
+  biHeight: "i32",
+  biPlanes: "u16",
+  biBitCount: "u16",
+  biCompression: "u32",
+  biSizeImage: "u32",
+  biXPelsPerMeter: "i32",
+  biYPelsPerMeter: "i32",
+  biClrUsed: "u32",
+  biClrImportant: "u32"
+};
+var BITMAPINFOHEADER = /* @__PURE__ */ struct("BITMAPINFOHEADER", BITMAPINFOHEADER_DECL);
 var OPENFILENAMEW_DECL = {
   "#": "struct",
   lStructSize: "u32",
@@ -16588,24 +16633,34 @@ var NOTIFYICONIDENTIFIER = /* @__PURE__ */ struct("NOTIFYICONIDENTIFIER", NOTIFY
 var b = (name, sig, encoders) => bind("user32.dll", name, sig, encoders);
 var _bProbe = b("GetDesktopWindow", " -> <HWND>ptr");
 var LONG_PTR_SYM = os3.arch === "x64" ? "PtrW" : "W";
+var ShowWindow = /* @__PURE__ */ b("ShowWindow", "<HWND>ptr i32@ShowWindowCmd -> i32");
 var SetWindowPos = /* @__PURE__ */ b("SetWindowPos", "<HWND>ptr <>ptr@SetWindowPosHwnd i32 i32 i32 i32 u32 -> i32");
+var GetWindowRect = /* @__PURE__ */ b("GetWindowRect", "<HWND>ptr <RECT>ptr -> i32");
+var GetClientRect = /* @__PURE__ */ b("GetClientRect", "<HWND>ptr <RECT>ptr -> i32");
+var GetWindowText = /* @__PURE__ */ b("GetWindowTextW", "<HWND>ptr <BYTE>ptr i32 -> i32");
 var SetWindowText = /* @__PURE__ */ b("SetWindowTextW", "<HWND>ptr <WCHAR>ptr -> i32");
+var GetWindowTextLength = /* @__PURE__ */ b("GetWindowTextLengthW", "<HWND>ptr -> i32");
 var GetWindowLongPtr = /* @__PURE__ */ b("GetWindowLong" + LONG_PTR_SYM, "<HWND>ptr i32@Gwlp -> <>ptr");
 var SetWindowLongPtr = /* @__PURE__ */ b("SetWindowLong" + LONG_PTR_SYM, "<HWND>ptr i32@Gwlp <>ptr -> <>ptr");
 var EnableWindow = /* @__PURE__ */ b("EnableWindow", "<HWND>ptr i32 -> i32");
 var SetParent = /* @__PURE__ */ b("SetParent", "<HWND>ptr <HWND>ptr -> <HWND>ptr");
+var PostQuitMessage = /* @__PURE__ */ b("PostQuitMessage", "i32 -> void");
 var DefWindowProc = /* @__PURE__ */ b("DefWindowProcW", "<HWND>ptr u32@AnyMsg <>ptr <>ptr -> <>ptr");
 var CallWindowProc = /* @__PURE__ */ b("CallWindowProcW", "<>ptr <HWND>ptr u32@AnyMsg <>ptr <>ptr -> <>ptr");
 var GetDC = /* @__PURE__ */ b("GetDC", "<HWND>ptr -> <HDC>ptr");
 var ReleaseDC = /* @__PURE__ */ b("ReleaseDC", "<HWND>ptr <HDC>ptr! -> i32");
 var DrawText = /* @__PURE__ */ b("DrawTextW", "<HDC>ptr! <WCHAR>ptr i32 <RECT>ptr i32 -> i32");
 var InvalidateRect = /* @__PURE__ */ b("InvalidateRect", "<HWND>ptr <RECT>ptr i32 -> i32", { RECT });
+var UpdateWindow = /* @__PURE__ */ b("UpdateWindow", "<HWND>ptr -> i32");
 var SetCursor = /* @__PURE__ */ b("SetCursor", "<HCURSOR>ptr -> <HCURSOR>ptr");
 var LoadCursor = /* @__PURE__ */ b("LoadCursorW", "<HMODULE>ptr <>ptr -> <HCURSOR>ptr");
 var GetCursorPos = /* @__PURE__ */ b("GetCursorPos", "<POINT>ptr -> i32");
 var ScreenToClient = /* @__PURE__ */ b("ScreenToClient", "<HWND>ptr <POINT>ptr -> i32");
+var SetScrollInfo = /* @__PURE__ */ b("SetScrollInfo", "<HWND>ptr u32 <SCROLLINFO>ptr i32 -> i32", { SCROLLINFO });
+var GetScrollInfo = /* @__PURE__ */ b("GetScrollInfo", "<HWND>ptr u32 <SCROLLINFO>ptr -> i32");
 var ShowScrollBar = /* @__PURE__ */ b("ShowScrollBar", "<HWND>ptr u32 i32 -> i32");
 var GetSystemMetrics = /* @__PURE__ */ b("GetSystemMetrics", "i32 -> i32");
+var SystemParametersInfo = /* @__PURE__ */ b("SystemParametersInfoW", "u32 u32 <BYTE>ptr u32 -> i32");
 
 // _build/lib/react-qw/reconciler.js
 var import_react_reconciler = __toESM(require_react_reconciler(), 1);
@@ -16620,8 +16675,33 @@ var DeleteObject = /* @__PURE__ */ b2("DeleteObject", "<HGDIOBJ>ptr -> i32");
 var GetDeviceCaps = /* @__PURE__ */ b2("GetDeviceCaps", "<HDC>ptr! i32@DeviceCap -> i32");
 var CreateFontIndirect = /* @__PURE__ */ b2("CreateFontIndirectW", "<LOGFONTW>ptr -> <HGDIOBJ>ptr", { LOGFONTW });
 var SelectObject = /* @__PURE__ */ b2("SelectObject", "<HDC>ptr! <HGDIOBJ>ptr -> <HGDIOBJ>ptr");
+var CreateDIBSection = /* @__PURE__ */ b2("CreateDIBSection", "<HDC>ptr <>ptr u32@ColorUse <>ptr <>ptr u32 -> <HGDIOBJ>ptr");
+var SetDIBits = /* @__PURE__ */ b2("SetDIBits", "<HDC>ptr <HGDIOBJ>ptr! u32 u32 <BYTE>ptr <>ptr u32@ColorUse -> i32");
 var GetObject = /* @__PURE__ */ b2("GetObjectW", "<HGDIOBJ>ptr i32 <BYTE>ptr -> i32");
 
+// _build/lib/dpi.js
+function getScaleFactor() {
+  const hdc = GetDC(NULL);
+  const dpi = hdc ? GetDeviceCaps(
+    hdc,
+    88
+    /* DeviceCap.LOGPIXELSX */
+  ) : 96;
+  if (hdc)
+    ReleaseDC(NULL, hdc);
+  return dpi / 96;
+}
+function createSystemDpiFont() {
+  const ncm = NONCLIENTMETRICSW.encode({ cbSize: NONCLIENTMETRICSW.size });
+  if (!SystemParametersInfo(41, NONCLIENTMETRICSW.size, ncm, 0)) {
+    const legacySize = NONCLIENTMETRICSW.size - 4;
+    NONCLIENTMETRICSW.encode({ cbSize: legacySize }, ncm);
+    if (!SystemParametersInfo(41, legacySize, ncm, 0))
+      return NULL;
+  }
+  return CreateFontIndirect(NONCLIENTMETRICSW.decode(ncm).lfMessageFont);
+}
+
 // _build/lib/react-qw/props.js
 import * as gui from "gui";
 function applyProps(instance, newProps, _oldProps) {
@@ -16645,14 +16725,14 @@ function applyProps(instance, newProps, _oldProps) {
     EnableWindow(hwnd2, !newProps.disabled ? 1 : 0);
   }
   if ("hidden" in newProps) {
-    gui.ShowWindow(
+    ShowWindow(
       hwnd2,
       newProps.hidden ? 0 : 5
       /* ShowWindowCmd.SHOW */
     );
   }
   if ("visible" in newProps) {
-    gui.ShowWindow(
+    ShowWindow(
       hwnd2,
       newProps.visible ? 5 : 0
       /* ShowWindowCmd.HIDE */
@@ -16772,24 +16852,21 @@ function measureTextForHwnd(hwnd2, text) {
   if (hFont)
     SelectObject(hdc, oldFont);
   ReleaseDC(hwnd2, hdc);
-  const wr = gui2.GetWindowRect(hwnd2);
-  const cr = gui2.GetClientRect(hwnd2);
-  if (wr && cr) {
-    result.width += wr.right - wr.left - (cr.right - cr.left);
-    result.height += wr.bottom - wr.top - (cr.bottom - cr.top);
+  const wr = RECT.alloc();
+  const cr = RECT.alloc();
+  const okWr = GetWindowRect(hwnd2, wr.ptr);
+  const okCr = GetClientRect(hwnd2, cr.ptr);
+  if (okWr && okCr) {
+    const w = RECT.decode(wr), c = RECT.decode(cr);
+    result.width += w.right - w.left - (c.right - c.left);
+    result.height += w.bottom - w.top - (c.bottom - c.top);
   }
   return result;
 }
 
 // _build/lib/react-qw/reconciler.js
-var dpiFont = gui3.CreateSystemDpiFont();
-var scaleFactor = (() => {
-  const hdc = GetDC(NULL);
-  const dpi = hdc ? GetDeviceCaps(hdc, 88) : 96;
-  if (hdc)
-    ReleaseDC(NULL, hdc);
-  return dpi / 96;
-})();
+var dpiFont = createSystemDpiFont();
+var scaleFactor = getScaleFactor();
 var DELAYED_CONTROLS = /* @__PURE__ */ new Set(["SysListView32", "SysTreeView32", "LISTBOX", "COMBOBOX", "msctls_trackbar32", "SysDateTimePick32", "SysLink"]);
 function isDelayedControl(winClass) {
   return DELAYED_CONTROLS.has(winClass);
@@ -16835,11 +16912,12 @@ function runFlexLayout(inst) {
   const visible = children.filter((c) => !c.props.hidden);
   if (visible.length === 0)
     return;
-  const rect = gui3.GetClientRect(inst.hwnd);
-  if (!rect) {
+  const rcBuf = RECT.alloc();
+  if (!GetClientRect(inst.hwnd, rcBuf.ptr)) {
     console.log("flex: no rect for", inst.hwnd, inst.type);
     return;
   }
+  const rect = RECT.decode(rcBuf);
   const pw = (rect.right - rect.left) / scaleFactor;
   const ph = (rect.bottom - rect.top) / scaleFactor;
   if (pw <= 0 || ph <= 0) {
@@ -17040,7 +17118,7 @@ var hostConfig = {
   },
   hideInstance(instance) {
     if (instance.hwnd !== null)
-      gui3.ShowWindow(
+      ShowWindow(
         instance.hwnd,
         0
         /* ShowWindowCmd.HIDE */
@@ -17048,7 +17126,7 @@ var hostConfig = {
   },
   hideTextInstance(instance) {
     if (instance.hwnd !== null)
-      gui3.ShowWindow(
+      ShowWindow(
         instance.hwnd,
         0
         /* ShowWindowCmd.HIDE */
@@ -17056,7 +17134,7 @@ var hostConfig = {
   },
   unhideInstance(instance, _props) {
     if (instance.hwnd !== null)
-      gui3.ShowWindow(
+      ShowWindow(
         instance.hwnd,
         5
         /* ShowWindowCmd.SHOW */
@@ -17064,7 +17142,7 @@ var hostConfig = {
   },
   unhideTextInstance(instance, _text) {
     if (instance.hwnd !== null)
-      gui3.ShowWindow(
+      ShowWindow(
         instance.hwnd,
         5
         /* ShowWindowCmd.SHOW */
@@ -17311,11 +17389,10 @@ var DateTimePicker = (0, import_react5.forwardRef)(function DateTimePicker2({ va
     if (!h)
       return;
     InvalidateRect(h, NULL, 1);
-    const cr = gui6.GetClientRect(h);
-    if (cr) {
-      const w = cr.right - cr.left;
-      const hh = cr.bottom - cr.top;
-      gui6.SendMessage(h, 5, 0, hh << 16 | w);
+    const cr = RECT.alloc();
+    if (GetClientRect(h, cr.ptr)) {
+      const { left, top, right, bottom } = RECT.decode(cr);
+      gui6.SendMessage(h, 5, 0, bottom - top << 16 | right - left);
     }
   }, []);
   return (0, import_jsx_runtime4.jsx)("w", { type: "STATIC", ws: 268435456 | 33554432, style: { ...style, flexDirection: "column", alignItems: "stretch" }, ref, onEvent: (e) => {
@@ -17376,7 +17453,10 @@ var Input = (0, import_react6.forwardRef)(({ value: controlledValue, defaultValu
       const h = inputRef.current;
       if (!h)
         return;
-      const newText = gui7.GetWindowText(h);
+      const cap = GetWindowTextLength(h) + 1;
+      const buf = WCHAR.alloc(cap);
+      GetWindowText(h, buf, cap);
+      const newText = WCHAR.decode(buf);
       if (!isControlled)
         setInternalValue(newText);
       onChange?.(newText);
@@ -17464,6 +17544,49 @@ var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
 var import_react9 = __toESM(require_react(), 1);
 import * as gui9 from "gui";
 import * as ffi3 from "ffi";
+
+// _build/lib/bitmap.js
+function createBitmapFromPixels(width, height, pixels) {
+  if (width <= 0 || height <= 0)
+    return NULL;
+  const len = width * height * 4;
+  if (pixels.byteLength < len)
+    return NULL;
+  const bi = BITMAPINFOHEADER.encode({
+    biSize: BITMAPINFOHEADER.size,
+    biWidth: width,
+    biHeight: -height,
+    biPlanes: 1,
+    biBitCount: 32
+  });
+  const hbm = CreateDIBSection(NULL, bi.ptr, 0, NULL, NULL, 0);
+  if (!hbm)
+    return NULL;
+  const src = new PtrArrayBuffer(len);
+  new Uint8Array(src).set(new Uint8Array(pixels, 0, len));
+  if (SetDIBits(
+    NULL,
+    hbm,
+    0,
+    height,
+    src,
+    bi.ptr,
+    0
+    /* ColorUse.RGB_COLORS */
+  ) !== height) {
+    DeleteObject(hbm);
+    return NULL;
+  }
+  return hbm;
+}
+
+// _build/lib/windows/comctl32.js
+var b3 = (name, sig) => bind("comctl32.dll", name, sig);
+var ImageListCreate = /* @__PURE__ */ b3("ImageList_Create", "i32 i32 u32 i32 i32 -> <HIMAGELIST>ptr");
+var ImageListAdd = /* @__PURE__ */ b3("ImageList_Add", "<HIMAGELIST>ptr <HGDIOBJ>ptr <HGDIOBJ>ptr -> i32");
+var ImageListDestroy = /* @__PURE__ */ b3("ImageList_Destroy", "<HIMAGELIST>ptr -> i32");
+
+// _build/lib/react-qw/components/ListView.js
 function writeU32(ptr, offset, v) {
   ffi3.writeByte(ptr + offset, v & 255);
   ffi3.writeByte(ptr + offset + 1, v >> 8 & 255);
@@ -17553,7 +17676,7 @@ function resolveCellStyle(columns, data, row, colIndex) {
 }
 function makeLVItem(i, sub, text, image) {
   const textBuf = WCHAR.encode(text);
-  const b6 = LVITEMW.encode({
+  const b7 = LVITEMW.encode({
     mask: 1 | (image !== void 0 ? 2 : 0),
     iItem: i,
     iSubItem: sub,
@@ -17570,32 +17693,32 @@ function makeLVItem(i, sub, text, image) {
     piColFmt: 0,
     iGroup: 0
   });
-  b6.__textBuf = textBuf;
-  return b6;
+  b7.__textBuf = textBuf;
+  return b7;
 }
 var ListView = (0, import_react9.forwardRef)(function ListViewInner({ columns, data, style, icons, iconSize, getIcon }, ref) {
   const lvRef = (0, import_react9.useRef)(null);
-  const iconListRef = (0, import_react9.useRef)(0);
+  const iconListRef = (0, import_react9.useRef)(NULL);
   (0, import_react9.useEffect)(() => {
     const h = lvRef.current;
     if (!h)
       return;
     const il = iconListRef.current;
-    iconListRef.current = 0;
+    iconListRef.current = NULL;
     if (il) {
       gui9.SendMessage(h, 4099, 1, 0);
-      gui9.ImageListDestroy(il);
+      ImageListDestroy(il);
     }
     if (!icons || icons.length === 0)
       return;
     const size = iconSize ?? 32;
-    const img = gui9.ImageListCreate(size, size, 32, icons.length, 1);
+    const img = ImageListCreate(size, size, 32, icons.length, 1);
     if (!img)
       return;
     for (const p of icons) {
-      const hbm = gui9.CreateBitmapFromPixels(size, size, p);
+      const hbm = createBitmapFromPixels(size, size, p);
       if (hbm) {
-        gui9.ImageListAdd(img, hbm);
+        ImageListAdd(img, hbm, NULL);
         DeleteObject(hbm);
       }
     }
@@ -17776,22 +17899,19 @@ var RadioButton = (0, import_react11.forwardRef)(({ checked: controlledChecked,
 // _build/lib/react-qw/components/ScrollView.js
 var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 var import_react12 = __toESM(require_react(), 1);
-import * as gui12 from "gui";
 var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth, contentHeight }, ref) => {
   const svRef = (0, import_react12.useRef)(null);
   const contentRef = (0, import_react12.useRef)(null);
   const scrollXRef = (0, import_react12.useRef)(0);
   const scrollYRef = (0, import_react12.useRef)(0);
   function updateScroll(sv, content) {
-    const svRect = gui12.GetClientRect(sv);
-    if (!svRect)
+    const svBuf = RECT.alloc();
+    if (!GetClientRect(sv, svBuf.ptr))
       return;
-    const svW = svRect.right - svRect.left;
-    const svH = svRect.bottom - svRect.top;
-    const hdc = GetDC(NULL);
-    const scale = hdc ? GetDeviceCaps(hdc, 88) / 96 : 1;
-    if (hdc)
-      ReleaseDC(NULL, hdc);
+    const { left, top, right, bottom } = RECT.decode(svBuf);
+    const svW = right - left;
+    const svH = bottom - top;
+    const scale = getScaleFactor();
     const natW = Math.round((contentWidth ?? svW / scale) * scale);
     const natH = Math.round((contentHeight ?? svH / scale) * scale);
     scrollXRef.current = Math.max(0, Math.min(scrollXRef.current, natW - svW));
@@ -17808,14 +17928,28 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
     );
     forceFlexLayout(content);
     if (natW > svW) {
-      gui12.SetScrollInfo(sv, 0, { min: 0, max: natW - 1, page: svW, pos: scrollXRef.current }, true);
+      SetScrollInfo(sv, 0, {
+        cbSize: SCROLLINFO.size,
+        fMask: 1 | 2 | 4,
+        nMin: 0,
+        nMax: natW - 1,
+        nPage: svW,
+        nPos: scrollXRef.current
+      }, 1);
       ShowScrollBar(sv, 0, 1);
     } else {
       scrollXRef.current = 0;
       ShowScrollBar(sv, 0, 0);
     }
     if (natH > svH) {
-      gui12.SetScrollInfo(sv, 1, { min: 0, max: natH - 1, page: svH, pos: scrollYRef.current }, true);
+      SetScrollInfo(sv, 1, {
+        cbSize: SCROLLINFO.size,
+        fMask: 1 | 2 | 4,
+        nMin: 0,
+        nMax: natH - 1,
+        nPage: svH,
+        nPos: scrollYRef.current
+      }, 1);
       ShowScrollBar(sv, 1, 1);
     } else {
       scrollYRef.current = 0;
@@ -17845,15 +17979,21 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
       1 | 4
       /* SetWindowPosFlag.SWP_NOZORDER */
     );
-    gui12.SetScrollInfo(sv, bar, { pos: newPos }, true);
+    SetScrollInfo(sv, bar, { cbSize: SCROLLINFO.size, fMask: 4, nPos: newPos }, 1);
   }
   function handleScroll(e, bar) {
     const sv = svRef.current;
     const content = contentRef.current;
     if (!sv || !content)
       return;
-    const info = gui12.GetScrollInfo(sv, bar);
-    const maxPos = info.max - info.page + 1;
+    const si = SCROLLINFO.encode({
+      cbSize: SCROLLINFO.size,
+      fMask: 23
+      /* ScrollInfoFlag.ALL */
+    });
+    GetScrollInfo(sv, bar, si.ptr);
+    const info = SCROLLINFO.decode(si);
+    const maxPos = info.nMax - info.nPage + 1;
     const code = e.wParam & 65535;
     const ref_ = bar === 1 ? scrollYRef : scrollXRef;
     let newPos = ref_.current;
@@ -17864,9 +18004,9 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
     else if (code === 1)
       newPos += 20;
     else if (code === 2)
-      newPos -= info.page;
+      newPos -= info.nPage;
     else if (code === 3)
-      newPos += info.page;
+      newPos += info.nPage;
     else
       return;
     newPos = Math.max(0, Math.min(maxPos, newPos));
@@ -17886,8 +18026,14 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
     if (!isHorz && contentHeight === void 0)
       return;
     const bar = isHorz ? 0 : 1;
-    const info = gui12.GetScrollInfo(sv, bar);
-    const maxPos = info.max - info.page + 1;
+    const si = SCROLLINFO.encode({
+      cbSize: SCROLLINFO.size,
+      fMask: 23
+      /* ScrollInfoFlag.ALL */
+    });
+    GetScrollInfo(sv, bar, si.ptr);
+    const info = SCROLLINFO.decode(si);
+    const maxPos = info.nMax - info.nPage + 1;
     const ref_ = isHorz ? scrollXRef : scrollYRef;
     let newPos = ref_.current + dy;
     newPos = Math.max(0, Math.min(maxPos, newPos));
@@ -17935,7 +18081,7 @@ var ScrollView = (0, import_react12.forwardRef)(({ children, style, contentWidth
 // _build/lib/react-qw/components/Slider.js
 var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
 var import_react13 = __toESM(require_react(), 1);
-import * as gui13 from "gui";
+import * as gui12 from "gui";
 var Slider = (0, import_react13.forwardRef)(({ value, onChange, min = 0, max = 100, vertical = false, disabled, style }, ref) => {
   const wrapperRef = (0, import_react13.useRef)(null);
   const sliderRef = (0, import_react13.useRef)(null);
@@ -17944,14 +18090,14 @@ var Slider = (0, import_react13.forwardRef)(({ value, onChange, min = 0, max = 1
     if (!h)
       return;
     const lParam = min & 65535 | (max & 65535) << 16;
-    gui13.SendMessage(h, 1030, 0, lParam);
-    gui13.SendMessage(h, 1029, 1, value);
+    gui12.SendMessage(h, 1030, 0, lParam);
+    gui12.SendMessage(h, 1029, 1, value);
   }, [min, max]);
   (0, import_react13.useEffect)(() => {
     const h = sliderRef.current;
     if (!h)
       return;
-    gui13.SendMessage(h, 1029, 1, value);
+    gui12.SendMessage(h, 1029, 1, value);
   }, [value]);
   const tbStyle = 268435456 | 65536 | 1 | (vertical ? 2 : 0);
   return (0, import_jsx_runtime12.jsx)("w", { type: "STATIC", ws: 268435456 | 33554432, style, ref: (h) => {
@@ -17968,7 +18114,7 @@ var Slider = (0, import_react13.forwardRef)(({ value, onChange, min = 0, max = 1
       const h = sliderRef.current;
       if (!h)
         return 0;
-      const pos = gui13.SendMessage(h, 1024, 0, 0);
+      const pos = gui12.SendMessage(h, 1024, 0, 0);
       onChange?.(pos);
       return 0;
     }
@@ -17981,7 +18127,7 @@ var Slider = (0, import_react13.forwardRef)(({ value, onChange, min = 0, max = 1
 // _build/lib/react-qw/components/Tab.js
 var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 var import_react14 = __toESM(require_react(), 1);
-import * as gui14 from "gui";
+import * as gui13 from "gui";
 var Tab = (0, import_react14.forwardRef)(({ tabs, selectedIndex: controlledIndex, defaultSelectedIndex = 0, onChange, style }, ref) => {
   const [internalIndex, setInternalIndex] = (0, import_react14.useState)(defaultSelectedIndex);
   const isControlled = controlledIndex !== void 0;
@@ -17991,7 +18137,7 @@ var Tab = (0, import_react14.forwardRef)(({ tabs, selectedIndex: controlledIndex
     const h = tabHwnd.current;
     if (!h)
       return;
-    gui14.SendMessage(h, 4873, 0, 0);
+    gui13.SendMessage(h, 4873, 0, 0);
     for (let i = 0; i < tabs.length; i++) {
       const titleBuf = WCHAR.encode(tabs[i].title);
       const tci = TCITEMW.encode({
@@ -18004,14 +18150,14 @@ var Tab = (0, import_react14.forwardRef)(({ tabs, selectedIndex: controlledIndex
         lParam: 0
       });
       const tciPtr = tci.ptr;
-      gui14.SendMessage(h, 4926, i, tciPtr);
+      gui13.SendMessage(h, 4926, i, tciPtr);
     }
-    gui14.SendMessage(h, 4876, sel, 0);
+    gui13.SendMessage(h, 4876, sel, 0);
   }, [tabs]);
   (0, import_react14.useEffect)(() => {
     const h = tabHwnd.current;
     if (h)
-      gui14.SendMessage(h, 4876, sel, 0);
+      gui13.SendMessage(h, 4876, sel, 0);
   }, [sel]);
   return (0, import_jsx_runtime13.jsxs)("w", { type: "STATIC", ws: 268435456 | 33554432, style: { ...style, flexDirection: "column", alignItems: "stretch" }, ref, onEvent: (e) => {
     if (e.msg === 78) {
@@ -18020,7 +18166,7 @@ var Tab = (0, import_react14.forwardRef)(({ tabs, selectedIndex: controlledIndex
         return;
       const code = nmCode(e.lParam);
       if (code === -552 || code === -2) {
-        const newSel = gui14.SendMessage(h, 4875, 0, 0);
+        const newSel = gui13.SendMessage(h, 4875, 0, 0);
         if (newSel !== sel) {
           if (!isControlled)
             setInternalIndex(newSel);
@@ -18033,7 +18179,7 @@ var Tab = (0, import_react14.forwardRef)(({ tabs, selectedIndex: controlledIndex
 
 // _build/lib/react-qw/components/Tooltip.js
 var import_react15 = __toESM(require_react(), 1);
-import * as gui15 from "gui";
+import * as gui14 from "gui";
 function buildToolInfo(hTarget, text) {
   const size = TTTOOLINFOW.size;
   const textLen = (text.length + 1) * 2;
@@ -18062,7 +18208,7 @@ function Tooltip({ text, children, balloon }) {
     const hTarget = childRef.current;
     if (!hTarget)
       return;
-    const hTT = gui15.CreateWindow("tooltips_class32", "", -2147483648 | 1 | 2 | (balloon ? 64 : 0), 0, 0, 0, 0, hTarget, null);
+    const hTT = gui14.CreateWindow("tooltips_class32", "", -2147483648 | 1 | 2 | (balloon ? 64 : 0), 0, 0, 0, 0, hTarget, null);
     if (!hTT)
       return;
     hTTRef.current = hTT;
@@ -18077,14 +18223,14 @@ function Tooltip({ text, children, balloon }) {
       /* SetWindowPosFlag.SWP_NOACTIVATE */
     );
     const ti = buildToolInfo(hTarget, text);
-    gui15.SendMessage(hTT, 1074, 0, ti.ptr);
-    gui15.SendMessage(hTT, 1048, 0, 400);
-    gui15.SendMessage(hTT, 1025, 1, 0);
+    gui14.SendMessage(hTT, 1074, 0, ti.ptr);
+    gui14.SendMessage(hTT, 1048, 0, 400);
+    gui14.SendMessage(hTT, 1025, 1, 0);
     return () => {
       if (hTT) {
         const ti2 = buildToolInfo(hTarget, text);
-        gui15.SendMessage(hTT, 1075, 0, ti2.ptr);
-        gui15.DestroyWindow(hTT);
+        gui14.SendMessage(hTT, 1075, 0, ti2.ptr);
+        gui14.DestroyWindow(hTT);
       }
       hTTRef.current = null;
     };
@@ -18096,7 +18242,7 @@ function Tooltip({ text, children, balloon }) {
 // _build/lib/react-qw/components/TreeView.js
 var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 var import_react16 = __toESM(require_react(), 1);
-import * as gui16 from "gui";
+import * as gui15 from "gui";
 function buildTvItem(textPtr, cChildren) {
   let mask = 1;
   if (cChildren > 0)
@@ -18121,20 +18267,20 @@ function insertItems(hTree, nodes, parentHandle, hItemMap, keyMap) {
     const itemBuf = buildTvItem(textBuf.ptr, cChildren);
     const item = TVITEM.decode(itemBuf);
     const tvins = TVINSERTSTRUCT.encode({ hParent: parentHandle, hInsertAfter: -65536, item });
-    const hItem = gui16.SendMessage(hTree, 4402, 0, tvins.ptr);
+    const hItem = gui15.SendMessage(hTree, 4402, 0, tvins.ptr);
     hItemMap.set(hItem, node);
     if (node.key)
       keyMap.set(node.key, hItem);
     if (node.children && node.children.length > 0) {
       insertItems(hTree, node.children, hItem, hItemMap, keyMap);
-      gui16.SendMessage(hTree, 4354, 2, hItem);
+      gui15.SendMessage(hTree, 4354, 2, hItem);
     }
   }
 }
 function deleteAllItems(hTree) {
-  const n = gui16.SendMessage(hTree, 4357, 0, 0);
+  const n = gui15.SendMessage(hTree, 4357, 0, 0);
   if (n > 0)
-    gui16.SendMessage(
+    gui15.SendMessage(
       hTree,
       4353,
       1,
@@ -18166,7 +18312,7 @@ var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onS
     const h = tvRef.current;
     if (!h)
       return;
-    gui16.SendMessage(
+    gui15.SendMessage(
       h,
       4396,
       0,
@@ -18182,7 +18328,7 @@ var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onS
       return;
     const hItem = keyMapRef.current.get(selKey);
     if (hItem !== void 0)
-      gui16.SendMessage(h, 4363, 9, hItem);
+      gui15.SendMessage(h, 4363, 9, hItem);
   }, [selKey]);
   return (0, import_jsx_runtime14.jsx)("w", { type: "STATIC", ws: 268435456 | 33554432, style: { ...style, flexDirection: "column", alignItems: "stretch" }, ref, onEvent: (e) => {
     if (e.msg === 78) {
@@ -18191,7 +18337,7 @@ var TreeView = (0, import_react16.forwardRef)(function TreeViewInner({ data, onS
         const h = tvRef.current;
         if (!h)
           return;
-        const hCaret = gui16.SendMessage(h, 4362, 9, 0);
+        const hCaret = gui15.SendMessage(h, 4362, 9, 0);
         const node = hItemMapRef.current.get(hCaret) ?? null;
         const key = node?.key ?? null;
         if (!isControlled)
@@ -18209,24 +18355,24 @@ var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 var import_react17 = __toESM(require_react(), 1);
 
 // _build/lib/windows/comdlg32.js
-var b3 = (name, sig) => bind("comdlg32.dll", name, sig);
-var GetOpenFileName = /* @__PURE__ */ b3("GetOpenFileNameW", "<OPENFILENAMEW>ptr -> u32");
+var b4 = (name, sig) => bind("comdlg32.dll", name, sig);
+var GetOpenFileName = /* @__PURE__ */ b4("GetOpenFileNameW", "<OPENFILENAMEW>ptr -> u32");
 
 // _build/lib/windows/shell32.js
-var b4 = (name, sig, encoders) => bind("shell32.dll", name, sig, encoders);
-var SHBrowseForFolder = /* @__PURE__ */ b4("SHBrowseForFolderW", "<BROWSEINFOW>ptr -> <>ptr");
-var SHGetPathFromIDList = /* @__PURE__ */ b4("SHGetPathFromIDListW", "<>ptr <BYTE>ptr -> u32");
+var b5 = (name, sig, encoders) => bind("shell32.dll", name, sig, encoders);
+var SHBrowseForFolder = /* @__PURE__ */ b5("SHBrowseForFolderW", "<BROWSEINFOW>ptr -> <>ptr");
+var SHGetPathFromIDList = /* @__PURE__ */ b5("SHGetPathFromIDListW", "<>ptr <BYTE>ptr -> u32");
 var Shell_NotifyIconGetRect = (() => {
   try {
-    return b4("Shell_NotifyIconGetRect", "<NOTIFYICONIDENTIFIER>ptr <RECT>ptr -> i32", { NOTIFYICONIDENTIFIER });
+    return b5("Shell_NotifyIconGetRect", "<NOTIFYICONIDENTIFIER>ptr <RECT>ptr -> i32", { NOTIFYICONIDENTIFIER });
   } catch {
     return null;
   }
 })();
 
 // _build/lib/windows/ole32.js
-var b5 = (name, sig) => bind("ole32.dll", name, sig);
-var CoTaskMemFree = /* @__PURE__ */ b5("CoTaskMemFree", "<>ptr -> void");
+var b6 = (name, sig) => bind("ole32.dll", name, sig);
+var CoTaskMemFree = /* @__PURE__ */ b6("CoTaskMemFree", "<>ptr -> void");
 
 // _build/lib/react-qw/components/PathPicker.js
 function openFileDialog(owner, filter, title, multiple) {
@@ -18321,7 +18467,7 @@ var rootMap = /* @__PURE__ */ new Map();
 function ensureDefaultClass() {
   if (defaultClassRegistered)
     return DEFAULT_CLASS;
-  gui17.RegisterClass(DEFAULT_CLASS, (hwnd2, msg, wParam, lParam) => {
+  gui16.RegisterClass(DEFAULT_CLASS, (hwnd2, msg, wParam, lParam) => {
     const entry = rootMap.get(hwnd2);
     if (msg === 2 && entry) {
       rootMap.delete(hwnd2);
@@ -18347,15 +18493,27 @@ function createRoot(container) {
     const ws = (cfg.ws ?? 0) | 13565952;
     const w = (cfg.width ?? 800) * scaleFactor;
     const h = (cfg.height ?? 600) * scaleFactor;
-    const [sw, sh] = [GetSystemMetrics(0), GetSystemMetrics(1)];
+    const [sw, sh] = [GetSystemMetrics(
+      0
+      /* SysMetrics.CXSCREEN */
+    ), GetSystemMetrics(
+      1
+      /* SysMetrics.CYSCREEN */
+    )];
     const x = cfg.x === void 0 ? (sw - w) / 2 | 0 : cfg.x === -2147483648 ? -2147483648 : cfg.x * scaleFactor;
     const y = cfg.y === void 0 ? (sh - h) / 2 | 0 : cfg.y === -2147483648 ? -2147483648 : cfg.y * scaleFactor;
-    const hwin = gui17.CreateWindow(className, cfg.text || "", ws, x, y, w, h, null, null);
+    const hwin = gui16.CreateWindow(className, cfg.text || "", ws, x, y, w, h, null, null);
     if (!hwin)
       throw new Error("CreateWindow failed");
     hwnd2 = hwin;
-    if (!cfg.noShowWindow)
-      gui17.ShowWindow(hwnd2);
+    if (!cfg.noShowWindow) {
+      ShowWindow(
+        hwnd2,
+        1
+        /* ShowWindowCmd.SHOWNORMAL */
+      );
+      UpdateWindow(hwnd2);
+    }
   } else {
     hwnd2 = container;
   }
@@ -18383,14 +18541,14 @@ function render(element, containerOrConfig, _callback) {
 }
 
 // _build/examples/test_gallery.js
-gui18.RegisterClass("Gallery", (hwnd2, msg, wParam, lParam) => {
+gui17.RegisterClass("Gallery", (hwnd2, msg, wParam, lParam) => {
   if (!hwnd2)
-    return gui18.DefWindowProc(hwnd2, msg, wParam, lParam);
+    return gui17.DefWindowProc(hwnd2, msg, wParam, lParam);
   if (msg === 2) {
-    gui18.PostQuitMessage(0);
+    PostQuitMessage(0);
     return 0;
   }
-  return gui18.DefWindowProc(hwnd2, msg, wParam, lParam);
+  return gui17.DefWindowProc(hwnd2, msg, wParam, lParam);
 });
 var VISIBLE = 268435456;
 var CLIPCHILDREN = 33554432;
@@ -18457,15 +18615,22 @@ function App({ svW, svH }) {
     { title: "Typing", content: (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE | CLIPCHILDREN, style: { flexDirection: "column", gap: 6 }, children: [(0, import_jsx_runtime16.jsx)(Input, { value: inputText, onChange: setInputText, placeholder: "Type here...", style: { height: 28 } }), (0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: inputText ? `You typed: ${inputText}` : "(empty)", style: { height: 24 } })] }) }
   ], style: { height: 120 } }), (0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: `DateTimePicker (${dtDate ? `${dtDate.getFullYear()}-${String(dtDate.getMonth() + 1).padStart(2, "0")}-${String(dtDate.getDate()).padStart(2, "0")}` : "none"})`, style: { height: 24 } }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE, style: { flexDirection: "row", gap: 8, alignItems: "stretch", height: 28 }, children: [(0, import_jsx_runtime16.jsx)(DateTimePicker, { value: dtDate, onChange: setDtDate, style: { flexGrow: 1 } }), (0, import_jsx_runtime16.jsx)(DateTimePicker, { value: dtDate, onChange: setDtDate, format: "long", style: { flexGrow: 1 } }), (0, import_jsx_runtime16.jsx)(DateTimePicker, { value: dtDate, onChange: setDtDate, format: "time", style: { flexGrow: 1 } })] }), (0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: "SysLink", style: { height: 24 } }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE, style: { flexDirection: "row", gap: 8, alignItems: "stretch", height: 28 }, children: [(0, import_jsx_runtime16.jsx)(Link, { href: "https://example.com", onClick: (url) => console.log("Link clicked:", url), style: { flexGrow: 1 }, children: "Example Link" }), (0, import_jsx_runtime16.jsx)(Link, { href: "https://github.com", onClick: (url) => console.log("Link clicked:", url), style: { flexGrow: 1 } })] }), (0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: "PathPicker", style: { height: 24 } }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE, style: { flexDirection: "column", gap: 6, height: 130 }, children: [(0, import_jsx_runtime16.jsx)(PathPicker, { type: "file", title: "Select a file", style: { height: 28 } }), (0, import_jsx_runtime16.jsx)(PathPicker, { type: "folder", title: "Select a folder", style: { height: 28 } }), (0, import_jsx_runtime16.jsx)(PathPicker, { type: "file", value: pickerPath, onChange: setPickerPath, title: "Controlled", style: { height: 28 } }), (0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: pickerPath ? `Selected: ${pickerPath}` : "(none)", style: { height: 20 } })] }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE, style: { flexDirection: "row", gap: 6, alignItems: "stretch", height: 400 }, children: [(0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE | CLIPCHILDREN, style: { flexDirection: "column", gap: 4, flexGrow: 1 }, children: [(0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: `ListView (${listData.length} items)`, style: { height: 24 } }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE, style: { flexDirection: "row", gap: 6, alignItems: "stretch", flexGrow: 1 }, children: [(0, import_jsx_runtime16.jsx)(ListView, { columns: listCols, data: listData, style: { flexGrow: 1 } }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE | CLIPCHILDREN, style: { flexDirection: "column", gap: 6, width: 100 }, children: [(0, import_jsx_runtime16.jsx)(Button, { onClick: () => setListData((d) => [...d, { name: "NewItem " + String(listData.length + 1), color: "", origin: "" }]), style: { height: 28 }, children: "Add" }), (0, import_jsx_runtime16.jsx)(Button, { onClick: () => setListCols((cols) => [...cols, { name: "Col" + (listCols.length + 1), dataIndex: "name" }]), style: { height: 28 }, children: "+Column" })] })] })] }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE | CLIPCHILDREN, style: { flexDirection: "column", gap: 4, flexGrow: 1 }, children: [(0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: "ScrollView (scrollable)", style: { height: 24 } }), (0, import_jsx_runtime16.jsx)(ScrollView, { style: { flexGrow: 1 }, contentWidth: 500, contentHeight: 560, children: Array.from({ length: 20 }, (_, i) => (0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: `Item ${i + 1} - ${i === 0 ? "here is a line so wide that the horizontal scrollbar appears for demonstration" : ""}`, style: { width: i === 0 ? 500 : 200, height: 28 } }, i)) })] }), (0, import_jsx_runtime16.jsxs)("w", { type: "STATIC", ws: VISIBLE | CLIPCHILDREN, style: { flexDirection: "column", gap: 4, flexGrow: 1 }, children: [(0, import_jsx_runtime16.jsx)("w", { type: "STATIC", ws: VISIBLE, text: `TreeView (sel=${treeSel?.label ?? "none"})`, style: { height: 24 } }), (0, import_jsx_runtime16.jsx)(TreeView, { data: treeData, onSelect: setTreeSel, style: { flexGrow: 1 } })] })] })] }) });
 }
-var hwnd = gui18.CreateWindow("Gallery", "Component Gallery", 13565952, 100, 100, 1400, 1200, null, null);
+var hwnd = gui17.CreateWindow("Gallery", "Component Gallery", 13565952, 100, 100, 1400, 1200, null, null);
 if (hwnd) {
-  const cr = gui18.GetClientRect(hwnd);
-  const scale = gui18.GetScaleFactor();
-  const svW = Math.round((cr.right - cr.left) / scale);
-  const svH = Math.round((cr.bottom - cr.top) / scale);
+  const crBuf = RECT.alloc();
+  if (!GetClientRect(hwnd, crBuf.ptr))
+    throw new Error("gallery: GetClientRect failed");
+  const { left, top, right, bottom } = RECT.decode(crBuf);
+  const scale = getScaleFactor();
+  const svW = Math.round((right - left) / scale);
+  const svH = Math.round((bottom - top) / scale);
   render((0, import_jsx_runtime16.jsx)(App, { svW, svH }), hwnd);
   setTimeout(() => {
-    gui18.ShowWindow(hwnd);
+    ShowWindow(
+      hwnd,
+      1
+      /* ShowWindowCmd.SHOWNORMAL */
+    );
   }, 0);
 }
 /*! Bundled license information: