@woosh/meep-engine 3.14.5 → 3.14.6

package/src/view/elements/SliderView.d.ts

@@ -0,0 +1,37 @@
+/**
+ * A bounded numeric control, bound to a {@link Vector1}.
+ *
+ * The two most common controls on any graphics menu ever shipped are a field of view between 60 and
+ * 130 in steps of 1, and a render scale between 0.5 and 2 in steps of 0.05. The kit had
+ * `CheckboxView`, `DropDownSelectionView`, `ColorPickerView`, a progress bar and a radial menu, and
+ * no bounded numeric input of any kind — no range, no slider, no spinner, no stepper. The nearest
+ * thing in the package was `dat.GUI`, which is a peer dependency for exactly that reason.
+ *
+ * Reported from a port as GAP-025, where it was rebuilt in forty lines. This is the same forty
+ * lines, in the same shape as {@link CheckboxView} — which is thirty lines wrapping
+ * `<input type="checkbox">` and binding an `ObservedBoolean`. The observation the entry actually
+ * made is that the same thirty lines for the *other* input type were not in the package.
+ *
+ * @author Alex Goldring
+ * @copyright Company Named Limited (c) 2026
+ */
+export class SliderView extends View {
+    /**
+     * @param {Object} options
+     * @param {Vector1} options.value the model. Written on input, and followed while linked.
+     * @param {number} [options.min]
+     * @param {number} [options.max]
+     * @param {number} [options.step] the granularity. `0` means "any value the browser will give
+     * you", which is what `<input type="range">` calls `any`.
+     */
+    constructor({ value, min, max, step }: {
+        value: Vector1;
+        min?: number;
+        max?: number;
+        step?: number;
+    });
+    el: HTMLInputElement;
+    #private;
+}
+import View from "../View.js";
+//# sourceMappingURL=SliderView.d.ts.map

package/src/view/elements/SliderView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderView.d.ts","sourceRoot":"","sources":["../../../../src/view/elements/SliderView.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH;IAUI;;;;;;;OAOG;IACH;QAN4B,KAAK;QACL,GAAG,GAApB,MAAM;QACW,GAAG,GAApB,MAAM;QACW,IAAI,GAArB,MAAM;OAmChB;IA7BG,qBAAyC;;CA8BhD;iBAtEgB,YAAY"}

package/src/view/elements/SliderView.js

@@ -0,0 +1,71 @@
+import View from "../View.js";
+
+/**
+ * A bounded numeric control, bound to a {@link Vector1}.
+ *
+ * The two most common controls on any graphics menu ever shipped are a field of view between 60 and
+ * 130 in steps of 1, and a render scale between 0.5 and 2 in steps of 0.05. The kit had
+ * `CheckboxView`, `DropDownSelectionView`, `ColorPickerView`, a progress bar and a radial menu, and
+ * no bounded numeric input of any kind — no range, no slider, no spinner, no stepper. The nearest
+ * thing in the package was `dat.GUI`, which is a peer dependency for exactly that reason.
+ *
+ * Reported from a port as GAP-025, where it was rebuilt in forty lines. This is the same forty
+ * lines, in the same shape as {@link CheckboxView} — which is thirty lines wrapping
+ * `<input type="checkbox">` and binding an `ObservedBoolean`. The observation the entry actually
+ * made is that the same thirty lines for the *other* input type were not in the package.
+ *
+ * @author Alex Goldring
+ * @copyright Company Named Limited (c) 2026
+ */
+export class SliderView extends View {
+    /**
+     * Guards the round trip. Writing the model updates the element, which does NOT raise `input` --
+     * but a caller may well write the model from inside its own `onChanged` handler, and without
+     * this the two would chase each other through the rounding the step imposes.
+     * @private
+     * @type {boolean}
+     */
+    #writing = false;
+
+    /**
+     * @param {Object} options
+     * @param {Vector1} options.value the model. Written on input, and followed while linked.
+     * @param {number} [options.min]
+     * @param {number} [options.max]
+     * @param {number} [options.step] the granularity. `0` means "any value the browser will give
+     * you", which is what `<input type="range">` calls `any`.
+     */
+    constructor({ value, min = 0, max = 1, step = 0 }) {
+        super();
+
+        this.el = document.createElement("input");
+        this.el.setAttribute("type", "range");
+        this.el.setAttribute("min", String(min));
+        this.el.setAttribute("max", String(max));
+        this.el.setAttribute("step", step === 0 ? "any" : String(step));
+
+        this.addClass("slider-view");
+
+        this.el.addEventListener("input", () => {
+            if (this.#writing) {
+                return;
+            }
+
+            const v = this.el.valueAsNumber;
+
+            if (Number.isFinite(v)) {
+                value.set(v);
+            }
+        });
+
+        const display = (v) => {
+            this.#writing = true;
+            this.el.value = String(v);
+            this.#writing = false;
+        };
+
+        this.on.linked.add(() => display(value.getValue()));
+
+        this.bindSignal(value.onChanged, display);
+    }
+}

package/src/view/elements/navigation/ViewStack.d.ts

@@ -13,7 +13,7 @@ export class ViewStack extends View {
     private updateActiveFrameSize;
     /**
      * @private
-     * @param {int} index
+     * @param {number} index
      */
     private setActiveFrame;
     /**

package/src/view/elements/navigation/ViewStack.js

@@ -79,7 +79,7 @@ export class ViewStack extends View {
 
     /**
      * @private
-     * @param {int} index
+     * @param {number} index
      */
     setActiveFrame(index) {
         const stack = this.__stack;

package/src/view/elements/notify/NotificationView.d.ts

@@ -0,0 +1,22 @@
+export default NotificationView;
+declare class NotificationView extends View {
+    /**
+     *
+     * @param {Notification} model
+     * @constructor
+     */
+    constructor(model: Notification);
+    /**
+     *
+     * @type {Notification}
+     */
+    model: Notification;
+    el: Element;
+    vImage: ImageView;
+    dTitle: import("../../DOM.js").DOM;
+    dDescription: import("../../DOM.js").DOM;
+    updateImage(): void;
+}
+import View from "../../View.js";
+import ImageView from "../image/ImageView.js";
+//# sourceMappingURL=NotificationView.d.ts.map

package/src/view/elements/notify/NotificationView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationView.d.ts","sourceRoot":"","sources":["../../../../../src/view/elements/notify/NotificationView.js"],"names":[],"mappings":";AAKA;IACI;;;;OAIG;IACH,mBAHW,YAAY,EA8BtB;IArBG;;;OAGG;IACH,OAFU,YAAY,CAEJ;IAIlB,YAAkB;IAMlB,kBAAkE;IAGlE,mCAAwD;IACxD,yCAAoE;IAgBxE,oBAUC;CACJ;iBA5DgB,eAAe;sBACV,uBAAuB"}

package/src/view/tooltip/TooltipView.d.ts

@@ -1,4 +1,8 @@
 export default TooltipView;
+export type AABB2 = import("../../core/geom/2d/aabb/AABB2.js").AABB2;
+/**
+ * @typedef {import("../../core/geom/2d/aabb/AABB2.js").AABB2} AABB2
+ */
 declare class TooltipView extends View {
     /**
      *
@@ -19,7 +23,7 @@ declare class TooltipView extends View {
      *
      * @param {AABB2} bounds
      */
-    layout(bounds: AABB2): void;
+    layout(bounds: any): void;
 }
 import View from "../View.js";
 import EmptyView from "../elements/EmptyView.js";

package/src/view/tooltip/TooltipView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipView.d.ts","sourceRoot":"","sources":["../../../../src/view/tooltip/TooltipView.js"],"names":[],"mappings":";AASA;IAII;;;;;OAKG;IACH,yCAHW,IAAI,EA2Bd;IAhCD,mBAAmC;IAW/B;;;OAGG;IACH,iBAAgB;IAUhB,uBAA4B;IAM5B,0BAAuB;IAG3B;;;OAGG;IACH,4BAuCC;CACJ;iBAnFgB,YAAY;sBAFP,0BAA0B;iCADf,iCAAiC"}
+{"version":3,"file":"TooltipView.d.ts","sourceRoot":"","sources":["../../../../src/view/tooltip/TooltipView.js"],"names":[],"mappings":";oBAWa,OAAO,kCAAkC,EAAE,KAAK;AAD7D;;GAEG;AACH;IAII;;;;;OAKG;IACH,yCAHW,IAAI,EA2Bd;IAhCD,mBAAmC;IAW/B;;;OAGG;IACH,iBAAgB;IAUhB,uBAA4B;IAM5B,0BAAuB;IAG3B;;;OAGG;IACH,0BAuCC;CACJ;iBAvFgB,YAAY;sBAFP,0BAA0B;iCADf,iCAAiC"}

package/src/view/tooltip/TooltipView.js

@@ -7,6 +7,10 @@ import { html_element_to_aabb } from "../html_element_to_aabb.js";
 import View from "../View.js";
 
 
+
+/**
+ * @typedef {import("../../core/geom/2d/aabb/AABB2.js").AABB2} AABB2
+ */
 class TooltipView extends View {
     //set dom element
     el = document.createElement('div');