@thi.ng/imgui 3.1.18 → 3.2.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2025-01-29T16:25:48Z
+- **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,21 @@ 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
+
+- add RampOpts.samples ([8aaaae5](https://github.com/thi-ng/umbrella/commit/8aaaae5))
+
 ## [3.1.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/imgui@3.1.0) (2024-10-07)
 
 #### 🚀 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,12 +1,14 @@
 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>;
     /**
      * User defined interpolation mode. Only used to compute internal hash of
      * ramp curve geometry, i.e. if the {@link RampOpts.ramp} interpolation
      * method changes, so should this mode value.
+     *
+     * @defaultValue 0
      */
     mode?: number;
     /**
@@ -15,6 +17,16 @@ export interface RampOpts extends Omit<ComponentOpts, "label"> {
      * @defaultValue 0.05
      */
     eps?: number;
+    /**
+     * Ramp resolution (number of vertices for area plot)
+     *
+     * @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, }: 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

@@ -22,7 +22,9 @@ const ramp = ({
   ramp: ramp2,
   mode = 0,
   info,
-  eps = 0.05
+  eps = 0.05,
+  samples = 100,
+  fill = gui.textColor(false)
 }) => {
   const { x, y, w, h } = layoutBox(layout);
   const maxX = x + w;
@@ -32,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;
@@ -74,11 +75,11 @@ const ramp = ({
           [
             [x, maxY],
             mix2([], pos, maxPos, [0, stops[0][1]]),
-            ...__rampVertices(ramp2, pos, maxPos),
+            ...__rampVertices(ramp2, pos, maxPos, samples),
             mix2([], pos, maxPos, [1, stops[stops.length - 1][1]]),
             [maxX, maxY]
           ],
-          { fill: col }
+          { fill }
         )
       ),
       ...stops.map(([t], i) => {
@@ -106,7 +107,7 @@ const ramp = ({
   gui.lastID = id;
   return res;
 };
-const __rampVertices = (ramp2, pos, maxPos, numSamples = 100) => map((p) => mix2(p, pos, maxPos, p), ramp2.samples(numSamples));
+const __rampVertices = (ramp2, pos, maxPos, numSamples) => map((p) => mix2(p, pos, maxPos, p), ramp2.samples(numSamples));
 const __handleRampKeys = (gui, ramp2, selID) => {
   switch (gui.key) {
     case Key.TAB:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/imgui",
-  "version": "3.1.18",
+  "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": "fc1d498e8d4b690db873c30cc594352a804e7a65\n"
+  "gitHead": "c89ca042d58976982c31c1a7791bc64998e09128\n"
 }