@thi.ng/imgui 2.2.12 → 2.2.14

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2023-12-03T12:13:31Z
+- **Last updated**: 2023-12-11T10:07:09Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.

package/README.md

@@ -253,7 +253,7 @@ For Node.js REPL:
 const imgui = await import("@thi.ng/imgui");
 ```
 
-Package sizes (brotli'd, pre-treeshake): ESM: 6.69 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 6.65 KB
 
 ## Dependencies
 

package/api.js

@@ -1,86 +1,96 @@
-export var MouseButton;
-(function (MouseButton) {
-    MouseButton[MouseButton["LEFT"] = 1] = "LEFT";
-    MouseButton[MouseButton["RIGHT"] = 2] = "RIGHT";
-    MouseButton[MouseButton["MIDDLE"] = 4] = "MIDDLE";
-})(MouseButton || (MouseButton = {}));
-export var KeyModifier;
-(function (KeyModifier) {
-    KeyModifier[KeyModifier["SHIFT"] = 1] = "SHIFT";
-    KeyModifier[KeyModifier["CONTROL"] = 2] = "CONTROL";
-    KeyModifier[KeyModifier["META"] = 4] = "META";
-    KeyModifier[KeyModifier["ALT"] = 8] = "ALT";
-})(KeyModifier || (KeyModifier = {}));
-export var Key;
-(function (Key) {
-    Key["ALT"] = "Alt";
-    Key["BACKSPACE"] = "Backspace";
-    Key["CAPSLOCK"] = "CapsLock";
-    Key["CONTEXT_MENU"] = "ContextMenu";
-    Key["CONTROL"] = "Control";
-    Key["DELETE"] = "Delete";
-    Key["DOWN"] = "ArrowDown";
-    Key["END"] = "End";
-    Key["ENTER"] = "Enter";
-    Key["ESC"] = "Escape";
-    Key["HELP"] = "Help";
-    Key["HOME"] = "Home";
-    Key["LEFT"] = "ArrowLeft";
-    Key["META"] = "Meta";
-    Key["NUM_LOCK"] = "NumLock";
-    Key["PAGE_DOWN"] = "PageDown";
-    Key["PAGE_UP"] = "PageUp";
-    Key["RIGHT"] = "ArrowRight";
-    Key["SHIFT"] = "Shift";
-    Key["SPACE"] = " ";
-    Key["TAB"] = "Tab";
-    Key["UP"] = "ArrowUp";
-})(Key || (Key = {}));
-export const CONTROL_KEYS = new Set([
-    Key.ALT,
-    Key.BACKSPACE,
-    Key.CAPSLOCK,
-    Key.CONTEXT_MENU,
-    Key.CONTROL,
-    Key.DELETE,
-    Key.DOWN,
-    Key.END,
-    Key.ENTER,
-    Key.ESC,
-    Key.HELP,
-    Key.HOME,
-    Key.LEFT,
-    Key.META,
-    Key.NUM_LOCK,
-    Key.PAGE_DOWN,
-    Key.PAGE_UP,
-    Key.RIGHT,
-    Key.SHIFT,
-    Key.TAB,
-    Key.UP,
+var MouseButton = /* @__PURE__ */ ((MouseButton2) => {
+  MouseButton2[MouseButton2["LEFT"] = 1] = "LEFT";
+  MouseButton2[MouseButton2["RIGHT"] = 2] = "RIGHT";
+  MouseButton2[MouseButton2["MIDDLE"] = 4] = "MIDDLE";
+  return MouseButton2;
+})(MouseButton || {});
+var KeyModifier = /* @__PURE__ */ ((KeyModifier2) => {
+  KeyModifier2[KeyModifier2["SHIFT"] = 1] = "SHIFT";
+  KeyModifier2[KeyModifier2["CONTROL"] = 2] = "CONTROL";
+  KeyModifier2[KeyModifier2["META"] = 4] = "META";
+  KeyModifier2[KeyModifier2["ALT"] = 8] = "ALT";
+  return KeyModifier2;
+})(KeyModifier || {});
+var Key = /* @__PURE__ */ ((Key2) => {
+  Key2["ALT"] = "Alt";
+  Key2["BACKSPACE"] = "Backspace";
+  Key2["CAPSLOCK"] = "CapsLock";
+  Key2["CONTEXT_MENU"] = "ContextMenu";
+  Key2["CONTROL"] = "Control";
+  Key2["DELETE"] = "Delete";
+  Key2["DOWN"] = "ArrowDown";
+  Key2["END"] = "End";
+  Key2["ENTER"] = "Enter";
+  Key2["ESC"] = "Escape";
+  Key2["HELP"] = "Help";
+  Key2["HOME"] = "Home";
+  Key2["LEFT"] = "ArrowLeft";
+  Key2["META"] = "Meta";
+  Key2["NUM_LOCK"] = "NumLock";
+  Key2["PAGE_DOWN"] = "PageDown";
+  Key2["PAGE_UP"] = "PageUp";
+  Key2["RIGHT"] = "ArrowRight";
+  Key2["SHIFT"] = "Shift";
+  Key2["SPACE"] = " ";
+  Key2["TAB"] = "Tab";
+  Key2["UP"] = "ArrowUp";
+  return Key2;
+})(Key || {});
+const CONTROL_KEYS = /* @__PURE__ */ new Set([
+  "Alt" /* ALT */,
+  "Backspace" /* BACKSPACE */,
+  "CapsLock" /* CAPSLOCK */,
+  "ContextMenu" /* CONTEXT_MENU */,
+  "Control" /* CONTROL */,
+  "Delete" /* DELETE */,
+  "ArrowDown" /* DOWN */,
+  "End" /* END */,
+  "Enter" /* ENTER */,
+  "Escape" /* ESC */,
+  "Help" /* HELP */,
+  "Home" /* HOME */,
+  "ArrowLeft" /* LEFT */,
+  "Meta" /* META */,
+  "NumLock" /* NUM_LOCK */,
+  "PageDown" /* PAGE_DOWN */,
+  "PageUp" /* PAGE_UP */,
+  "ArrowRight" /* RIGHT */,
+  "Shift" /* SHIFT */,
+  "Tab" /* TAB */,
+  "ArrowUp" /* UP */
 ]);
-export const NONE = "__NONE__";
-export const DEFAULT_THEME = {
-    font: "10px Menlo, monospace",
-    fontSize: 10,
-    charWidth: 6,
-    baseLine: 4,
-    pad: 8,
-    globalBg: "#ccc",
-    focus: [0, 1, 0, 1],
-    cursor: [0, 0, 0, 1],
-    cursorBlink: 2,
-    bg: [1, 1, 1, 0.66],
-    bgDisabled: [1, 1, 1, 0.33],
-    bgHover: [1, 1, 1, 0.9],
-    fg: [0.2, 0.8, 1, 1],
-    fgDisabled: [0.2, 0.8, 1, 0.5],
-    fgHover: [0.3, 0.9, 1, 1],
-    text: [0.3, 0.3, 0.3, 1],
-    textDisabled: [0.3, 0.3, 0.3, 0.5],
-    textHover: [0.2, 0.2, 0.4, 1],
-    bgTooltip: [1, 1, 0.8, 0.85],
-    textTooltip: [0, 0, 0, 1],
+const NONE = "__NONE__";
+const DEFAULT_THEME = {
+  font: "10px Menlo, monospace",
+  fontSize: 10,
+  charWidth: 6,
+  baseLine: 4,
+  pad: 8,
+  globalBg: "#ccc",
+  focus: [0, 1, 0, 1],
+  cursor: [0, 0, 0, 1],
+  cursorBlink: 2,
+  bg: [1, 1, 1, 0.66],
+  bgDisabled: [1, 1, 1, 0.33],
+  bgHover: [1, 1, 1, 0.9],
+  fg: [0.2, 0.8, 1, 1],
+  fgDisabled: [0.2, 0.8, 1, 0.5],
+  fgHover: [0.3, 0.9, 1, 1],
+  text: [0.3, 0.3, 0.3, 1],
+  textDisabled: [0.3, 0.3, 0.3, 0.5],
+  textHover: [0.2, 0.2, 0.4, 1],
+  bgTooltip: [1, 1, 0.8, 0.85],
+  textTooltip: [0, 0, 0, 1]
+};
+const INPUT_ALPHA = (x) => /^\w$/.test(x);
+const INPUT_DIGITS = (x) => /^\d$/.test(x);
+export {
+  CONTROL_KEYS,
+  DEFAULT_THEME,
+  INPUT_ALPHA,
+  INPUT_DIGITS,
+  Key,
+  KeyModifier,
+  MouseButton,
+  NONE
 };
-export const INPUT_ALPHA = (x) => /^\w$/.test(x);
-export const INPUT_DIGITS = (x) => /^\d$/.test(x);

package/behaviors/button.js

@@ -1,27 +1,31 @@
 import { pointInside } from "@thi.ng/geom/point-inside";
 import { Key } from "../api.js";
 import { tooltipRaw } from "../components/tooltip.js";
-export const hoverButton = (gui, id, shape, info) => {
-    if (gui.disabled)
-        return false;
-    const aid = gui.activeID;
-    const hover = (aid === "" || aid === id) && pointInside(shape, gui.mouse);
-    if (hover) {
-        gui.setCursor("pointer");
-        gui.hotID = id;
-        gui.isMouseDown() && (gui.activeID = id);
-        info && gui.draw && tooltipRaw(gui, info);
-    }
-    return hover;
+const hoverButton = (gui, id, shape, info) => {
+  if (gui.disabled)
+    return false;
+  const aid = gui.activeID;
+  const hover = (aid === "" || aid === id) && pointInside(shape, gui.mouse);
+  if (hover) {
+    gui.setCursor("pointer");
+    gui.hotID = id;
+    gui.isMouseDown() && (gui.activeID = id);
+    info && gui.draw && tooltipRaw(gui, info);
+  }
+  return hover;
 };
-export const handleButtonKeys = (gui) => {
-    switch (gui.key) {
-        case Key.TAB:
-            gui.switchFocus();
-            break;
-        case Key.ENTER:
-        case Key.SPACE:
-            return true;
-        default:
-    }
+const handleButtonKeys = (gui) => {
+  switch (gui.key) {
+    case Key.TAB:
+      gui.switchFocus();
+      break;
+    case Key.ENTER:
+    case Key.SPACE:
+      return true;
+    default:
+  }
+};
+export {
+  handleButtonKeys,
+  hoverButton
 };

package/behaviors/dial.js

@@ -3,8 +3,16 @@ import { fit } from "@thi.ng/math/fit";
 import { heading } from "@thi.ng/vectors/heading";
 import { sub2 } from "@thi.ng/vectors/sub";
 import { slider1Val } from "./slider.js";
-export const dialVal = (p, c, startTheta, thetaGap, min, max, prec) => {
-    let theta = heading(sub2([], p, c)) - startTheta;
-    theta < -0.5 && (theta += TAU);
-    return slider1Val(fit(Math.min(theta / (TAU - thetaGap)), 0, 1, min, max), min, max, prec);
+const dialVal = (p, c, startTheta, thetaGap, min, max, prec) => {
+  let theta = heading(sub2([], p, c)) - startTheta;
+  theta < -0.5 && (theta += TAU);
+  return slider1Val(
+    fit(Math.min(theta / (TAU - thetaGap)), 0, 1, min, max),
+    min,
+    max,
+    prec
+  );
+};
+export {
+  dialVal
 };

package/behaviors/slider.js

@@ -5,51 +5,54 @@ import { add2 } from "@thi.ng/vectors/add";
 import { clamp2 } from "@thi.ng/vectors/clamp";
 import { roundN2 } from "@thi.ng/vectors/round";
 import { Key } from "../api.js";
-export const isHoverSlider = (gui, id, shape, cursor = "ew-resize") => {
-    if (gui.disabled)
-        return false;
-    const aid = gui.activeID;
-    const hover = aid === id || (aid === "" && pointInside(shape, gui.mouse));
-    if (hover) {
-        gui.setCursor(cursor);
-        gui.hotID = id;
-    }
-    return hover;
+const isHoverSlider = (gui, id, shape, cursor = "ew-resize") => {
+  if (gui.disabled)
+    return false;
+  const aid = gui.activeID;
+  const hover = aid === id || aid === "" && pointInside(shape, gui.mouse);
+  if (hover) {
+    gui.setCursor(cursor);
+    gui.hotID = id;
+  }
+  return hover;
 };
-export const slider1Val = (x, min, max, prec) => clamp(roundTo(x, prec), min, max);
-export const slider2Val = (v, min, max, prec) => clamp2(null, roundN2([], v, prec), min, max);
-export const handleSlider1Keys = (gui, min, max, prec, val) => {
-    switch (gui.key) {
-        case Key.TAB:
-            gui.switchFocus();
-            break;
-        case Key.UP:
-        case Key.DOWN: {
-            const step = (gui.key === Key.UP ? prec : -prec) *
-                (gui.isShiftDown() ? 5 : 1);
-            return slider1Val(val + step, min, max, prec);
-        }
-        default:
+const slider1Val = (x, min, max, prec) => clamp(roundTo(x, prec), min, max);
+const slider2Val = (v, min, max, prec) => clamp2(null, roundN2([], v, prec), min, max);
+const handleSlider1Keys = (gui, min, max, prec, val) => {
+  switch (gui.key) {
+    case Key.TAB:
+      gui.switchFocus();
+      break;
+    case Key.UP:
+    case Key.DOWN: {
+      const step = (gui.key === Key.UP ? prec : -prec) * (gui.isShiftDown() ? 5 : 1);
+      return slider1Val(val + step, min, max, prec);
     }
+    default:
+  }
 };
-export const handleSlider2Keys = (gui, min, max, prec, val, yUp) => {
-    switch (gui.key) {
-        case Key.TAB:
-            gui.switchFocus();
-            break;
-        case Key.LEFT:
-        case Key.RIGHT: {
-            const step = (gui.key === Key.RIGHT ? prec : -prec) *
-                (gui.isShiftDown() ? 5 : 1);
-            return slider2Val(add2([], val, [step, 0]), min, max, prec);
-        }
-        case Key.UP:
-        case Key.DOWN: {
-            const step = (gui.key === Key.UP ? prec : -prec) *
-                (yUp ? 1 : -1) *
-                (gui.isShiftDown() ? 5 : 1);
-            return slider2Val(add2([], val, [0, step]), min, max, prec);
-        }
-        default:
+const handleSlider2Keys = (gui, min, max, prec, val, yUp) => {
+  switch (gui.key) {
+    case Key.TAB:
+      gui.switchFocus();
+      break;
+    case Key.LEFT:
+    case Key.RIGHT: {
+      const step = (gui.key === Key.RIGHT ? prec : -prec) * (gui.isShiftDown() ? 5 : 1);
+      return slider2Val(add2([], val, [step, 0]), min, max, prec);
+    }
+    case Key.UP:
+    case Key.DOWN: {
+      const step = (gui.key === Key.UP ? prec : -prec) * (yUp ? 1 : -1) * (gui.isShiftDown() ? 5 : 1);
+      return slider2Val(add2([], val, [0, step]), min, max, prec);
     }
+    default:
+  }
+};
+export {
+  handleSlider1Keys,
+  handleSlider2Keys,
+  isHoverSlider,
+  slider1Val,
+  slider2Val
 };

package/behaviors/text.js

@@ -2,80 +2,85 @@ import { clamp0 } from "@thi.ng/math/interval";
 import { Key } from "../api.js";
 const WS = /\s/;
 const nextNonAlpha = (src, i) => {
-    const n = src.length;
-    while (i < n && WS.test(src[i]))
-        i++;
-    for (; i < n && !WS.test(src[i]); i++) { }
-    return i;
+  const n = src.length;
+  while (i < n && WS.test(src[i]))
+    i++;
+  for (; i < n && !WS.test(src[i]); i++) {
+  }
+  return i;
 };
 const prevNonAlpha = (src, i) => {
-    while (i > 0 && WS.test(src[i]))
-        i--;
-    for (; i > 0 && !WS.test(src[i]); i--) { }
-    return i;
+  while (i > 0 && WS.test(src[i]))
+    i--;
+  for (; i > 0 && !WS.test(src[i]); i--) {
+  }
+  return i;
 };
 const getNext = (gui, txt, cursor, dir) => {
-    cursor += dir;
-    return gui.isAltDown()
-        ? (dir < 0 ? prevNonAlpha : nextNonAlpha)(txt, cursor)
-        : cursor;
+  cursor += dir;
+  return gui.isAltDown() ? (dir < 0 ? prevNonAlpha : nextNonAlpha)(txt, cursor) : cursor;
 };
-export const handleTextfieldKeys = (gui, state, filter, txt, cursor, drawCursor, maxLen) => {
-    const txtLen = txt.length;
-    const move = (next, delta) => {
-        state.cursor = next;
-        if (drawCursor + delta < 0) {
-            state.offset = Math.max(state.offset + delta, 0);
-        }
-        else if (drawCursor + delta > maxLen) {
-            state.offset = Math.min(state.offset + delta, clamp0(txtLen - maxLen));
-        }
-    };
-    const k = gui.key;
-    switch (k) {
-        case "":
-            break;
-        case Key.TAB:
-            gui.switchFocus();
-            break;
-        case Key.ENTER:
-            return txt;
-        case Key.BACKSPACE:
-            if (cursor > 0) {
-                const next = getNext(gui, txt, cursor, -1);
-                move(next, next - cursor);
-                return txt.substring(0, next) + txt.substring(cursor);
-            }
-            break;
-        case Key.DELETE:
-            if (cursor < txtLen) {
-                const next = getNext(gui, txt, cursor, 1);
-                return txt.substring(0, cursor) + txt.substring(next + 1);
-            }
-            break;
-        case Key.LEFT:
-            if (cursor > 0) {
-                const next = getNext(gui, txt, cursor, -1);
-                move(next, next - cursor);
-            }
-            break;
-        case Key.RIGHT:
-            if (cursor < txtLen) {
-                const next = getNext(gui, txt, cursor, 1);
-                move(next, next - cursor);
-            }
-            break;
-        case Key.HOME:
-            move(0, -cursor);
-            break;
-        case Key.END:
-            move(txtLen, txtLen - cursor);
-            break;
-        default: {
-            if (k.length === 1 && filter(k)) {
-                move(cursor + 1, 1);
-                return txt.substring(0, cursor) + k + txt.substring(cursor);
-            }
-        }
+const handleTextfieldKeys = (gui, state, filter, txt, cursor, drawCursor, maxLen) => {
+  const txtLen = txt.length;
+  const move = (next, delta) => {
+    state.cursor = next;
+    if (drawCursor + delta < 0) {
+      state.offset = Math.max(state.offset + delta, 0);
+    } else if (drawCursor + delta > maxLen) {
+      state.offset = Math.min(
+        state.offset + delta,
+        clamp0(txtLen - maxLen)
+      );
     }
+  };
+  const k = gui.key;
+  switch (k) {
+    case "":
+      break;
+    case Key.TAB:
+      gui.switchFocus();
+      break;
+    case Key.ENTER:
+      return txt;
+    case Key.BACKSPACE:
+      if (cursor > 0) {
+        const next = getNext(gui, txt, cursor, -1);
+        move(next, next - cursor);
+        return txt.substring(0, next) + txt.substring(cursor);
+      }
+      break;
+    case Key.DELETE:
+      if (cursor < txtLen) {
+        const next = getNext(gui, txt, cursor, 1);
+        return txt.substring(0, cursor) + txt.substring(next + 1);
+      }
+      break;
+    case Key.LEFT:
+      if (cursor > 0) {
+        const next = getNext(gui, txt, cursor, -1);
+        move(next, next - cursor);
+      }
+      break;
+    case Key.RIGHT:
+      if (cursor < txtLen) {
+        const next = getNext(gui, txt, cursor, 1);
+        move(next, next - cursor);
+      }
+      break;
+    case Key.HOME:
+      move(0, -cursor);
+      break;
+    case Key.END:
+      move(txtLen, txtLen - cursor);
+      break;
+    default: {
+      if (k.length === 1 && filter(k)) {
+        move(cursor + 1, 1);
+        return txt.substring(0, cursor) + k + txt.substring(cursor);
+      }
+    }
+  }
+};
+export {
+  handleTextfieldKeys
 };

package/components/button.js

@@ -5,47 +5,70 @@ import { handleButtonKeys, hoverButton } from "../behaviors/button.js";
 import { labelHash } from "../hash.js";
 import { layoutBox } from "../layout.js";
 import { textLabelRaw, textTransformH, textTransformV } from "./textlabel.js";
-const mkLabel = (gui, tx, id, key, x, y, w, h, hover, label) => gui.resource(id, labelHash(key, label, gui.disabled), () => textLabelRaw(ZERO2, {
-    transform: tx(gui.theme, x, y, w, h),
-    fill: gui.textColor(hover),
-}, label));
-export const buttonH = (gui, layout, id, label, labelHover = label, info) => {
-    const { x, y, w, h } = layoutBox(layout);
-    const key = hash([x, y, w, h]);
-    return buttonRaw(gui, id, gui.resource(id, key, () => rect([x, y], [w, h])), key, label
-        ? mkLabel(gui, textTransformH, id, key, x, y, w, h, false, label)
-        : undefined, labelHover
-        ? // prettier-ignore
-            mkLabel(gui, textTransformH, id, key, x, y, w, h, true, labelHover)
-        : undefined, info);
+const mkLabel = (gui, tx, id, key, x, y, w, h, hover, label) => gui.resource(
+  id,
+  labelHash(key, label, gui.disabled),
+  () => textLabelRaw(
+    ZERO2,
+    {
+      transform: tx(gui.theme, x, y, w, h),
+      fill: gui.textColor(hover)
+    },
+    label
+  )
+);
+const buttonH = (gui, layout, id, label, labelHover = label, info) => {
+  const { x, y, w, h } = layoutBox(layout);
+  const key = hash([x, y, w, h]);
+  return buttonRaw(
+    gui,
+    id,
+    gui.resource(id, key, () => rect([x, y], [w, h])),
+    key,
+    label ? mkLabel(gui, textTransformH, id, key, x, y, w, h, false, label) : void 0,
+    labelHover ? (
+      // prettier-ignore
+      mkLabel(gui, textTransformH, id, key, x, y, w, h, true, labelHover)
+    ) : void 0,
+    info
+  );
 };
-export const buttonV = (gui, layout, id, rows, label, labelHover = label, info) => {
-    const { x, y, w, h } = layoutBox(layout, [1, rows]);
-    const key = hash([x, y, w, h]);
-    return buttonRaw(gui, id, gui.resource(id, key, () => rect([x, y], [w, h])), key, label
-        ? mkLabel(gui, textTransformV, id, key, x, y, w, h, false, label)
-        : undefined, labelHover
-        ? // prettier-ignore
-            mkLabel(gui, textTransformV, id, key, x, y, w, h, true, labelHover)
-        : undefined, info);
+const buttonV = (gui, layout, id, rows, label, labelHover = label, info) => {
+  const { x, y, w, h } = layoutBox(layout, [1, rows]);
+  const key = hash([x, y, w, h]);
+  return buttonRaw(
+    gui,
+    id,
+    gui.resource(id, key, () => rect([x, y], [w, h])),
+    key,
+    label ? mkLabel(gui, textTransformV, id, key, x, y, w, h, false, label) : void 0,
+    labelHover ? (
+      // prettier-ignore
+      mkLabel(gui, textTransformV, id, key, x, y, w, h, true, labelHover)
+    ) : void 0,
+    info
+  );
 };
-export const buttonRaw = (gui, id, shape, hash, label, labelHover, info) => {
-    gui.registerID(id, hash);
-    const hover = hoverButton(gui, id, shape, info);
-    const focused = gui.requestFocus(id);
-    if (gui.draw) {
-        shape.attribs = {
-            fill: hover ? gui.fgColor(true) : gui.bgColor(focused),
-            stroke: gui.focusColor(id),
-        };
-        gui.add(shape);
-        label && gui.add(hover && labelHover ? labelHover : label);
-    }
-    if (focused && handleButtonKeys(gui)) {
-        return true;
-    }
-    gui.lastID = id;
-    // only emit true on mouse release over this button
-    // TODO extract as behavior function
-    return !gui.buttons && gui.hotID === id && gui.activeID === id;
+const buttonRaw = (gui, id, shape, hash2, label, labelHover, info) => {
+  gui.registerID(id, hash2);
+  const hover = hoverButton(gui, id, shape, info);
+  const focused = gui.requestFocus(id);
+  if (gui.draw) {
+    shape.attribs = {
+      fill: hover ? gui.fgColor(true) : gui.bgColor(focused),
+      stroke: gui.focusColor(id)
+    };
+    gui.add(shape);
+    label && gui.add(hover && labelHover ? labelHover : label);
+  }
+  if (focused && handleButtonKeys(gui)) {
+    return true;
+  }
+  gui.lastID = id;
+  return !gui.buttons && gui.hotID === id && gui.activeID === id;
+};
+export {
+  buttonH,
+  buttonRaw,
+  buttonV
 };