@thi.ng/imgui 3.2.0 → 3.2.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2025-02-05T13:48:14Z
+- **Last updated**: 2025-02-05T15:49:26Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -11,6 +11,15 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
 **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
 and/or version bumps of transitive dependencies.
 
+### [3.2.1](https://github.com/thi-ng/umbrella/tree/@thi.ng/imgui@3.2.1) (2025-02-05)
+
+#### 🩹 Bug fixes
+
+- update dropdown label handling ([8dc2e93](https://github.com/thi-ng/umbrella/commit/8dc2e93))
+  - show label in default state if selected value is undefined
+    (e.g. because `value` was set to -1)
+- update ramp color handling, add `fill` option ([874d701](https://github.com/thi-ng/umbrella/commit/874d701))
+
 ## [3.2.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/imgui@3.2.0) (2025-02-05)
 
 #### 🚀 Features

package/components/dropdown.js

@@ -70,7 +70,7 @@ const dropdown = ({
       gui,
       layout: box,
       id: `${id}-${value}`,
-      label: items[value],
+      label: items[value] ?? label,
       labelHover: label,
       info
     })) {

package/components/ramp.d.ts

@@ -1,6 +1,6 @@
 import type { Maybe } from "@thi.ng/api";
 import type { Ramp } from "@thi.ng/ramp";
-import { type ComponentOpts } from "../api.js";
+import { type Color, type ComponentOpts } from "../api.js";
 export interface RampOpts extends Omit<ComponentOpts, "label"> {
     ramp: Ramp<number>;
     /**
@@ -23,6 +23,10 @@ export interface RampOpts extends Omit<ComponentOpts, "label"> {
      * @defaultValue 100
      */
     samples?: number;
+    /**
+     * Optional fill color override (default: GUI text color)
+     */
+    fill?: Color;
 }
-export declare const ramp: ({ gui, layout, id, ramp, mode, info, eps, samples, }: RampOpts) => Maybe<Ramp<number>>;
+export declare const ramp: ({ gui, layout, id, ramp, mode, info, eps, samples, fill, }: RampOpts) => Maybe<Ramp<number>>;
 //# sourceMappingURL=ramp.d.ts.map

package/components/ramp.js

@@ -23,7 +23,8 @@ const ramp = ({
   mode = 0,
   info,
   eps = 0.05,
-  samples = 100
+  samples = 100,
+  fill = gui.textColor(false)
 }) => {
   const { x, y, w, h } = layoutBox(layout);
   const maxX = x + w;
@@ -33,7 +34,6 @@ const ramp = ({
   const key = hash([x, y, w, h]);
   gui.registerID(id, key);
   const box = gui.resource(id, key, () => rect([x, y], [w, h]));
-  const col = gui.textColor(false);
   const hover = isHoverSlider(gui, id, box, "move");
   const stops = ramp2.stops;
   let selID = -1;
@@ -79,7 +79,7 @@ const ramp = ({
             mix2([], pos, maxPos, [1, stops[stops.length - 1][1]]),
             [maxX, maxY]
           ],
-          { fill: col }
+          { fill }
         )
       ),
       ...stops.map(([t], i) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/imgui",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "Immediate mode GUI with flexible state handling & data only shape output",
   "type": "module",
   "module": "./index.js",
@@ -162,5 +162,5 @@
     ],
     "year": 2019
   },
-  "gitHead": "71aa5c93fddd00b159db8f46cb6a53e413e0e261\n"
+  "gitHead": "c89ca042d58976982c31c1a7791bc64998e09128\n"
 }