@thi.ng/imgui 2.2.13 → 2.2.14

package/components/ring.js

@@ -12,87 +12,131 @@ import { dialVal } from "../behaviors/dial.js";
 import { handleSlider1Keys } from "../behaviors/slider.js";
 import { dialValueLabel } from "./textlabel.js";
 import { tooltipRaw } from "./tooltip.js";
-const ringHeight = (w, thetaGap) => (w / 2) * (1 + Math.sin(HALF_PI + thetaGap / 2));
-const arcVerts = (o, r, start, end, thetaRes = 12) => r > 1
-    ? map((t) => cartesian2(null, [r, mix(start, end, t)], o), normRange(Math.max(1, Math.abs(end - start) / (PI / thetaRes)) | 0))
-    : [o];
-export const ring = (gui, layout, id, min, max, prec, val, thetaGap, rscale, label, fmt, info) => {
-    let h;
-    let box;
-    if (isLayout(layout)) {
-        h = ringHeight(layout.cellW, thetaGap);
-        box = layout.next([1, layout.rowsForHeight(h) + 1]);
-    }
-    else {
-        h = ringHeight(layout.cw, thetaGap);
-        box = layout;
-    }
-    return ringRaw(gui, id, box.x, box.y, box.w, h, min, max, prec, val, thetaGap, rscale, 0, h + box.ch / 2 + gui.theme.baseLine, label, fmt, info);
+const ringHeight = (w, thetaGap) => w / 2 * (1 + Math.sin(HALF_PI + thetaGap / 2));
+const arcVerts = (o, r, start, end, thetaRes = 12) => r > 1 ? map(
+  (t) => cartesian2(null, [r, mix(start, end, t)], o),
+  normRange(
+    Math.max(1, Math.abs(end - start) / (PI / thetaRes)) | 0
+  )
+) : [o];
+const ring = (gui, layout, id, min, max, prec, val, thetaGap, rscale, label, fmt, info) => {
+  let h;
+  let box;
+  if (isLayout(layout)) {
+    h = ringHeight(layout.cellW, thetaGap);
+    box = layout.next([1, layout.rowsForHeight(h) + 1]);
+  } else {
+    h = ringHeight(layout.cw, thetaGap);
+    box = layout;
+  }
+  return ringRaw(
+    gui,
+    id,
+    box.x,
+    box.y,
+    box.w,
+    h,
+    min,
+    max,
+    prec,
+    val,
+    thetaGap,
+    rscale,
+    0,
+    h + box.ch / 2 + gui.theme.baseLine,
+    label,
+    fmt,
+    info
+  );
 };
-export const ringGroup = (gui, layout, id, min, max, prec, horizontal, thetaGap, rscale, vals, label, fmt, info = []) => {
-    const n = vals.length;
-    const nested = horizontal
-        ? layout.nest(n, [n, 1])
-        : layout.nest(1, [
-            1,
-            (layout.rowsForHeight(ringHeight(layout.cellW, thetaGap)) + 1) *
-                n,
-        ]);
-    let res;
-    let idx = -1;
-    for (let i = 0; i < n; i++) {
-        const v = ring(gui, nested, `${id}-${i}`, min, max, prec, vals[i], thetaGap, rscale, label[i], fmt, info[i]);
-        if (v !== undefined) {
-            res = v;
-            idx = i;
-        }
+const ringGroup = (gui, layout, id, min, max, prec, horizontal, thetaGap, rscale, vals, label, fmt, info = []) => {
+  const n = vals.length;
+  const nested = horizontal ? layout.nest(n, [n, 1]) : layout.nest(1, [
+    1,
+    (layout.rowsForHeight(ringHeight(layout.cellW, thetaGap)) + 1) * n
+  ]);
+  let res;
+  let idx = -1;
+  for (let i = 0; i < n; i++) {
+    const v = ring(
+      gui,
+      nested,
+      `${id}-${i}`,
+      min,
+      max,
+      prec,
+      vals[i],
+      thetaGap,
+      rscale,
+      label[i],
+      fmt,
+      info[i]
+    );
+    if (v !== void 0) {
+      res = v;
+      idx = i;
     }
-    return res !== undefined ? [idx, res] : undefined;
+  }
+  return res !== void 0 ? [idx, res] : void 0;
 };
-export const ringRaw = (gui, id, x, y, w, h, min, max, prec, val, thetaGap, rscale, lx, ly, label, fmt, info) => {
-    const r = w / 2;
-    const key = hash([x, y, r]);
-    gui.registerID(id, key);
-    const pos = [x + r, y + r];
-    const startTheta = HALF_PI + thetaGap / 2;
-    const endTheta = HALF_PI + TAU - thetaGap / 2;
-    const draw = gui.draw;
-    const aid = gui.activeID;
-    const hover = !gui.disabled &&
-        (aid === id || (aid === "" && pointInRect(gui.mouse, [x, y], [w, h])));
-    let v = val;
-    let res;
-    if (hover) {
-        gui.setCursor("pointer");
-        gui.hotID = id;
-        if (gui.isMouseDown()) {
-            gui.activeID = id;
-            res = dialVal(gui.mouse, pos, startTheta, thetaGap, min, max, prec);
-        }
-        info && draw && tooltipRaw(gui, info);
-    }
-    const focused = gui.requestFocus(id);
-    if (draw) {
-        const valTheta = startTheta + (TAU - thetaGap) * norm(v, min, max);
-        const r2 = r * rscale;
-        // adaptive arc resolution
-        const numV = fitClamped(r, 15, 80, 12, 30);
-        const shape = (max) => () => polygon([
-            ...arcVerts(pos, r, startTheta, max, numV),
-            ...arcVerts(pos, r2, max, startTheta, numV),
-        ], {});
-        const bgShape = gui.resource(id, key, shape(endTheta));
-        const valShape = gui.resource(id, v, shape(valTheta));
-        const valLabel = dialValueLabel(gui, id, key, v, x + lx, y + ly, label, fmt);
-        bgShape.attribs.fill = gui.bgColor(hover || focused);
-        bgShape.attribs.stroke = gui.focusColor(id);
-        valShape.attribs.fill = gui.fgColor(hover);
-        gui.add(bgShape, valShape, valLabel);
+const ringRaw = (gui, id, x, y, w, h, min, max, prec, val, thetaGap, rscale, lx, ly, label, fmt, info) => {
+  const r = w / 2;
+  const key = hash([x, y, r]);
+  gui.registerID(id, key);
+  const pos = [x + r, y + r];
+  const startTheta = HALF_PI + thetaGap / 2;
+  const endTheta = HALF_PI + TAU - thetaGap / 2;
+  const draw = gui.draw;
+  const aid = gui.activeID;
+  const hover = !gui.disabled && (aid === id || aid === "" && pointInRect(gui.mouse, [x, y], [w, h]));
+  let v = val;
+  let res;
+  if (hover) {
+    gui.setCursor("pointer");
+    gui.hotID = id;
+    if (gui.isMouseDown()) {
+      gui.activeID = id;
+      res = dialVal(gui.mouse, pos, startTheta, thetaGap, min, max, prec);
     }
-    if (focused &&
-        (v = handleSlider1Keys(gui, min, max, prec, v)) !== undefined) {
-        return v;
-    }
-    gui.lastID = id;
-    return res;
+    info && draw && tooltipRaw(gui, info);
+  }
+  const focused = gui.requestFocus(id);
+  if (draw) {
+    const valTheta = startTheta + (TAU - thetaGap) * norm(v, min, max);
+    const r2 = r * rscale;
+    const numV = fitClamped(r, 15, 80, 12, 30);
+    const shape = (max2) => () => polygon(
+      [
+        ...arcVerts(pos, r, startTheta, max2, numV),
+        ...arcVerts(pos, r2, max2, startTheta, numV)
+      ],
+      {}
+    );
+    const bgShape = gui.resource(id, key, shape(endTheta));
+    const valShape = gui.resource(id, v, shape(valTheta));
+    const valLabel = dialValueLabel(
+      gui,
+      id,
+      key,
+      v,
+      x + lx,
+      y + ly,
+      label,
+      fmt
+    );
+    bgShape.attribs.fill = gui.bgColor(hover || focused);
+    bgShape.attribs.stroke = gui.focusColor(id);
+    valShape.attribs.fill = gui.fgColor(hover);
+    gui.add(bgShape, valShape, valLabel);
+  }
+  if (focused && (v = handleSlider1Keys(gui, min, max, prec, v)) !== void 0) {
+    return v;
+  }
+  gui.lastID = id;
+  return res;
+};
+export {
+  ring,
+  ringGroup,
+  ringRaw
 };

package/components/sliderh.js

@@ -1,58 +1,108 @@
 import { rect } from "@thi.ng/geom/rect";
 import { fit, norm } from "@thi.ng/math/fit";
 import { hash } from "@thi.ng/vectors/hash";
-import { handleSlider1Keys, isHoverSlider, slider1Val, } from "../behaviors/slider.js";
+import {
+  handleSlider1Keys,
+  isHoverSlider,
+  slider1Val
+} from "../behaviors/slider.js";
 import { valHash } from "../hash.js";
 import { layoutBox } from "../layout.js";
 import { textLabelRaw } from "./textlabel.js";
 import { tooltipRaw } from "./tooltip.js";
-export const sliderH = (gui, layout, id, min, max, prec, val, label, fmt, info) => {
-    const box = layoutBox(layout);
-    return sliderHRaw(gui, id, box.x, box.y, box.w, box.h, min, max, prec, val, label, fmt, info);
+const sliderH = (gui, layout, id, min, max, prec, val, label, fmt, info) => {
+  const box = layoutBox(layout);
+  return sliderHRaw(
+    gui,
+    id,
+    box.x,
+    box.y,
+    box.w,
+    box.h,
+    min,
+    max,
+    prec,
+    val,
+    label,
+    fmt,
+    info
+  );
 };
-export const sliderHGroup = (gui, layout, id, min, max, prec, horizontal, vals, label, fmt, info = []) => {
-    const n = vals.length;
-    const nested = horizontal ? layout.nest(n, [n, 1]) : layout.nest(1, [1, n]);
-    let res;
-    let idx = -1;
-    for (let i = 0; i < n; i++) {
-        const v = sliderH(gui, nested, `${id}-${i}`, min, max, prec, vals[i], label[i], fmt, info[i]);
-        if (v !== undefined) {
-            res = v;
-            idx = i;
-        }
+const sliderHGroup = (gui, layout, id, min, max, prec, horizontal, vals, label, fmt, info = []) => {
+  const n = vals.length;
+  const nested = horizontal ? layout.nest(n, [n, 1]) : layout.nest(1, [1, n]);
+  let res;
+  let idx = -1;
+  for (let i = 0; i < n; i++) {
+    const v = sliderH(
+      gui,
+      nested,
+      `${id}-${i}`,
+      min,
+      max,
+      prec,
+      vals[i],
+      label[i],
+      fmt,
+      info[i]
+    );
+    if (v !== void 0) {
+      res = v;
+      idx = i;
     }
-    return res !== undefined ? [idx, res] : undefined;
+  }
+  return res !== void 0 ? [idx, res] : void 0;
 };
-export const sliderHRaw = (gui, id, x, y, w, h, min, max, prec, val, label, fmt, info) => {
-    const theme = gui.theme;
-    const key = hash([x, y, w, h]);
-    gui.registerID(id, key);
-    const box = gui.resource(id, key, () => rect([x, y], [w, h], {}));
-    const hover = isHoverSlider(gui, id, box);
-    const draw = gui.draw;
-    let v = val;
-    let res;
-    if (hover) {
-        if (gui.isMouseDown()) {
-            gui.activeID = id;
-            res = slider1Val(fit(gui.mouse[0], x, x + w - 1, min, max), min, max, prec);
-        }
-        info && draw && tooltipRaw(gui, info);
+const sliderHRaw = (gui, id, x, y, w, h, min, max, prec, val, label, fmt, info) => {
+  const theme = gui.theme;
+  const key = hash([x, y, w, h]);
+  gui.registerID(id, key);
+  const box = gui.resource(id, key, () => rect([x, y], [w, h], {}));
+  const hover = isHoverSlider(gui, id, box);
+  const draw = gui.draw;
+  let v = val;
+  let res;
+  if (hover) {
+    if (gui.isMouseDown()) {
+      gui.activeID = id;
+      res = slider1Val(
+        fit(gui.mouse[0], x, x + w - 1, min, max),
+        min,
+        max,
+        prec
+      );
     }
-    const focused = gui.requestFocus(id);
-    if (draw) {
-        const valueBox = gui.resource(id, v, () => rect([x, y], [1 + norm(v, min, max) * (w - 1), h], {}));
-        const valLabel = gui.resource(id, valHash(key, v, gui.disabled), () => textLabelRaw([x + theme.pad, y + h / 2 + theme.baseLine], gui.textColor(false), (label ? label + " " : "") + (fmt ? fmt(v) : v)));
-        box.attribs.fill = gui.bgColor(hover || focused);
-        box.attribs.stroke = gui.focusColor(id);
-        valueBox.attribs.fill = gui.fgColor(hover);
-        gui.add(box, valueBox, valLabel);
-    }
-    if (focused &&
-        (v = handleSlider1Keys(gui, min, max, prec, v)) !== undefined) {
-        return v;
-    }
-    gui.lastID = id;
-    return res;
+    info && draw && tooltipRaw(gui, info);
+  }
+  const focused = gui.requestFocus(id);
+  if (draw) {
+    const valueBox = gui.resource(
+      id,
+      v,
+      () => rect([x, y], [1 + norm(v, min, max) * (w - 1), h], {})
+    );
+    const valLabel = gui.resource(
+      id,
+      valHash(key, v, gui.disabled),
+      () => textLabelRaw(
+        [x + theme.pad, y + h / 2 + theme.baseLine],
+        gui.textColor(false),
+        (label ? label + " " : "") + (fmt ? fmt(v) : v)
+      )
+    );
+    box.attribs.fill = gui.bgColor(hover || focused);
+    box.attribs.stroke = gui.focusColor(id);
+    valueBox.attribs.fill = gui.fgColor(hover);
+    gui.add(box, valueBox, valLabel);
+  }
+  if (focused && (v = handleSlider1Keys(gui, min, max, prec, v)) !== void 0) {
+    return v;
+  }
+  gui.lastID = id;
+  return res;
+};
+export {
+  sliderH,
+  sliderHGroup,
+  sliderHRaw
 };

package/components/sliderv.js

@@ -2,65 +2,112 @@ import { rect } from "@thi.ng/geom/rect";
 import { fit, norm } from "@thi.ng/math/fit";
 import { ZERO2 } from "@thi.ng/vectors/api";
 import { hash } from "@thi.ng/vectors/hash";
-import { handleSlider1Keys, isHoverSlider, slider1Val, } from "../behaviors/slider.js";
+import {
+  handleSlider1Keys,
+  isHoverSlider,
+  slider1Val
+} from "../behaviors/slider.js";
 import { valHash } from "../hash.js";
 import { layoutBox } from "../layout.js";
 import { textLabelRaw, textTransformV } from "./textlabel.js";
 import { tooltipRaw } from "./tooltip.js";
-export const sliderV = (gui, layout, id, min, max, prec, val, rows, label, fmt, info) => {
-    const box = layoutBox(layout, [1, rows]);
-    return sliderVRaw(gui, id, box.x, box.y, box.w, box.h, min, max, prec, val, label, fmt, info);
+const sliderV = (gui, layout, id, min, max, prec, val, rows, label, fmt, info) => {
+  const box = layoutBox(layout, [1, rows]);
+  return sliderVRaw(
+    gui,
+    id,
+    box.x,
+    box.y,
+    box.w,
+    box.h,
+    min,
+    max,
+    prec,
+    val,
+    label,
+    fmt,
+    info
+  );
 };
-export const sliderVGroup = (gui, layout, id, min, max, prec, vals, rows, label, fmt, info = []) => {
-    const n = vals.length;
-    const nested = layout.nest(n, [1, rows]);
-    let res;
-    let idx = -1;
-    for (let i = 0; i < n; i++) {
-        const v = sliderV(gui, nested, `${id}-${i}`, min, max, prec, vals[i], rows, label[i], fmt, info[i]);
-        if (v !== undefined) {
-            res = v;
-            idx = i;
-        }
+const sliderVGroup = (gui, layout, id, min, max, prec, vals, rows, label, fmt, info = []) => {
+  const n = vals.length;
+  const nested = layout.nest(n, [1, rows]);
+  let res;
+  let idx = -1;
+  for (let i = 0; i < n; i++) {
+    const v = sliderV(
+      gui,
+      nested,
+      `${id}-${i}`,
+      min,
+      max,
+      prec,
+      vals[i],
+      rows,
+      label[i],
+      fmt,
+      info[i]
+    );
+    if (v !== void 0) {
+      res = v;
+      idx = i;
     }
-    return res !== undefined ? [idx, res] : undefined;
+  }
+  return res !== void 0 ? [idx, res] : void 0;
 };
-export const sliderVRaw = (gui, id, x, y, w, h, min, max, prec, val, label, fmt, info) => {
-    const theme = gui.theme;
-    const key = hash([x, y, w, h]);
-    gui.registerID(id, key);
-    const box = gui.resource(id, key, () => rect([x, y], [w, h], {}));
-    const ymax = y + h;
-    const hover = isHoverSlider(gui, id, box, "ns-resize");
-    const draw = gui.draw;
-    let v = val;
-    let res;
-    if (hover) {
-        if (gui.isMouseDown()) {
-            gui.activeID = id;
-            res = slider1Val(fit(gui.mouse[1], ymax - 1, y, min, max), min, max, prec);
-        }
-        info && draw && tooltipRaw(gui, info);
+const sliderVRaw = (gui, id, x, y, w, h, min, max, prec, val, label, fmt, info) => {
+  const theme = gui.theme;
+  const key = hash([x, y, w, h]);
+  gui.registerID(id, key);
+  const box = gui.resource(id, key, () => rect([x, y], [w, h], {}));
+  const ymax = y + h;
+  const hover = isHoverSlider(gui, id, box, "ns-resize");
+  const draw = gui.draw;
+  let v = val;
+  let res;
+  if (hover) {
+    if (gui.isMouseDown()) {
+      gui.activeID = id;
+      res = slider1Val(
+        fit(gui.mouse[1], ymax - 1, y, min, max),
+        min,
+        max,
+        prec
+      );
     }
-    const focused = gui.requestFocus(id);
-    if (draw) {
-        const valueBox = gui.resource(id, v, () => {
-            const nh = norm(v, min, max) * (h - 1);
-            return rect([x, ymax - nh], [w, nh], {});
-        });
-        const valLabel = gui.resource(id, valHash(key, v, gui.disabled), () => textLabelRaw(ZERO2, {
-            transform: textTransformV(theme, x, y, w, h),
-            fill: gui.textColor(false),
-        }, (label ? label + " " : "") + (fmt ? fmt(v) : v)));
-        valueBox.attribs.fill = gui.fgColor(hover);
-        box.attribs.fill = gui.bgColor(hover || focused);
-        box.attribs.stroke = gui.focusColor(id);
-        gui.add(box, valueBox, valLabel);
-    }
-    if (focused &&
-        (v = handleSlider1Keys(gui, min, max, prec, v)) !== undefined) {
-        return v;
-    }
-    gui.lastID = id;
-    return res;
+    info && draw && tooltipRaw(gui, info);
+  }
+  const focused = gui.requestFocus(id);
+  if (draw) {
+    const valueBox = gui.resource(id, v, () => {
+      const nh = norm(v, min, max) * (h - 1);
+      return rect([x, ymax - nh], [w, nh], {});
+    });
+    const valLabel = gui.resource(
+      id,
+      valHash(key, v, gui.disabled),
+      () => textLabelRaw(
+        ZERO2,
+        {
+          transform: textTransformV(theme, x, y, w, h),
+          fill: gui.textColor(false)
+        },
+        (label ? label + " " : "") + (fmt ? fmt(v) : v)
+      )
+    );
+    valueBox.attribs.fill = gui.fgColor(hover);
+    box.attribs.fill = gui.bgColor(hover || focused);
+    box.attribs.stroke = gui.focusColor(id);
+    gui.add(box, valueBox, valLabel);
+  }
+  if (focused && (v = handleSlider1Keys(gui, min, max, prec, v)) !== void 0) {
+    return v;
+  }
+  gui.lastID = id;
+  return res;
+};
+export {
+  sliderV,
+  sliderVGroup,
+  sliderVRaw
 };

package/components/textfield.js

@@ -6,52 +6,91 @@ import { handleTextfieldKeys } from "../behaviors/text.js";
 import { layoutBox } from "../layout.js";
 import { textLabelRaw } from "./textlabel.js";
 import { tooltipRaw } from "./tooltip.js";
-export const textField = (gui, layout, id, label, filter = () => true, info) => {
-    const box = layoutBox(layout);
-    return textFieldRaw(gui, id, box.x, box.y, box.w, box.h, label, filter, info);
+const textField = (gui, layout, id, label, filter = () => true, info) => {
+  const box = layoutBox(layout);
+  return textFieldRaw(
+    gui,
+    id,
+    box.x,
+    box.y,
+    box.w,
+    box.h,
+    label,
+    filter,
+    info
+  );
 };
-export const textFieldRaw = (gui, id, x, y, w, h, txt, filter = () => true, info) => {
-    const theme = gui.theme;
-    const cw = theme.charWidth;
-    const pad = theme.pad;
-    const maxLen = Math.max(1, ((w - pad * 2) / cw) | 0);
-    const txtLen = txt.length;
-    const state = gui.state(id, () => ({ cursor: 0, offset: 0 }));
-    const drawTxt = txt.substring(state.offset, state.offset + maxLen);
-    const key = hash([x, y, w, h]);
-    gui.registerID(id, key);
-    const box = gui.resource(id, key, () => rect([x, y], [w, h], {}));
-    const hover = isHoverSlider(gui, id, box, "text");
-    const draw = gui.draw;
-    if (hover) {
-        if (gui.isMouseDown()) {
-            gui.activeID = id;
-            state.cursor = Math.min(Math.round(fitClamped(gui.mouse[0], x + pad, x + w - pad, state.offset, state.offset + maxLen)), txtLen);
-        }
-        info && draw && tooltipRaw(gui, info);
+const textFieldRaw = (gui, id, x, y, w, h, txt, filter = () => true, info) => {
+  const theme = gui.theme;
+  const cw = theme.charWidth;
+  const pad = theme.pad;
+  const maxLen = Math.max(1, (w - pad * 2) / cw | 0);
+  const txtLen = txt.length;
+  const state = gui.state(id, () => ({ cursor: 0, offset: 0 }));
+  const drawTxt = txt.substring(state.offset, state.offset + maxLen);
+  const key = hash([x, y, w, h]);
+  gui.registerID(id, key);
+  const box = gui.resource(id, key, () => rect([x, y], [w, h], {}));
+  const hover = isHoverSlider(gui, id, box, "text");
+  const draw = gui.draw;
+  if (hover) {
+    if (gui.isMouseDown()) {
+      gui.activeID = id;
+      state.cursor = Math.min(
+        Math.round(
+          fitClamped(
+            gui.mouse[0],
+            x + pad,
+            x + w - pad,
+            state.offset,
+            state.offset + maxLen
+          )
+        ),
+        txtLen
+      );
     }
-    const focused = gui.requestFocus(id);
+    info && draw && tooltipRaw(gui, info);
+  }
+  const focused = gui.requestFocus(id);
+  if (draw) {
+    box.attribs.fill = gui.bgColor(focused || hover);
+    box.attribs.stroke = gui.focusColor(id);
+    gui.add(
+      box,
+      textLabelRaw(
+        [x + pad, y + h / 2 + theme.baseLine],
+        gui.textColor(focused),
+        drawTxt
+      )
+    );
+  }
+  if (focused) {
+    const { cursor, offset } = state;
+    const drawCursor = Math.min(cursor - offset, maxLen);
     if (draw) {
-        box.attribs.fill = gui.bgColor(focused || hover);
-        box.attribs.stroke = gui.focusColor(id);
-        gui.add(box, textLabelRaw([x + pad, y + h / 2 + theme.baseLine], gui.textColor(focused), drawTxt));
+      const xx = x + pad + drawCursor * cw;
+      gui.time * theme.cursorBlink % 1 < 0.5 && gui.add([
+        "line",
+        { stroke: theme.cursor },
+        [xx, y + 4],
+        [xx, y + h - 4]
+      ]);
     }
-    if (focused) {
-        const { cursor, offset } = state;
-        const drawCursor = Math.min(cursor - offset, maxLen);
-        if (draw) {
-            const xx = x + pad + drawCursor * cw;
-            (gui.time * theme.cursorBlink) % 1 < 0.5 &&
-                gui.add([
-                    "line",
-                    { stroke: theme.cursor },
-                    [xx, y + 4],
-                    [xx, y + h - 4],
-                ]);
-        }
-        const res = handleTextfieldKeys(gui, state, filter, txt, cursor, drawCursor, maxLen);
-        if (res !== undefined)
-            return res;
-    }
-    gui.lastID = id;
+    const res = handleTextfieldKeys(
+      gui,
+      state,
+      filter,
+      txt,
+      cursor,
+      drawCursor,
+      maxLen
+    );
+    if (res !== void 0)
+      return res;
+  }
+  gui.lastID = id;
+};
+export {
+  textField,
+  textFieldRaw
 };