angular-three-tweakpane 4.2.3 → 4.2.4

package/types/angular-three-tweakpane-curve.d.ts

@@ -0,0 +1,102 @@
+import * as _angular_core from '@angular/core';
+import { BladeApi, BladeController, View, ViewProps, BaseBladeParams, Emitter } from '@tweakpane/core';
+import { TpPluginBundle } from 'tweakpane';
+import * as i1 from 'angular-three-tweakpane';
+
+interface TweakpaneCurvePoint {
+    x: number;
+    y: number;
+    r_in?: number;
+    r_out?: number;
+    w_in?: number;
+    w_out?: number;
+}
+/** Structurally compatible with `NgteEcctrlCurveData` without depending on Ecctrl. */
+interface TweakpaneCurveData {
+    points: ReadonlyArray<TweakpaneCurvePoint>;
+    samples?: number;
+}
+interface TweakpaneCurveParams {
+    minX?: number;
+    maxX?: number;
+    minY?: number;
+    maxY?: number;
+}
+interface CurveBladeParams extends BaseBladeParams, Required<TweakpaneCurveParams> {
+    view: 'angular-three-curve';
+    value: TweakpaneCurveData;
+    label?: string;
+}
+interface CurveEvents {
+    change: {
+        value: TweakpaneCurveData;
+        last: boolean;
+    };
+}
+type CurveSelectionKind = 'point' | 'in' | 'out';
+interface CurveSelection {
+    index: number;
+    kind: CurveSelectionKind;
+}
+declare class CurveView implements View {
+    readonly element: HTMLElement;
+    readonly svg: SVGSVGElement;
+    readonly path: SVGPathElement;
+    readonly tangents: SVGGElement;
+    readonly points: SVGGElement;
+    readonly label: HTMLDivElement;
+    constructor(document: Document, viewProps: ViewProps);
+    render(value: TweakpaneCurveData, params: Required<TweakpaneCurveParams>, selected: CurveSelection | null): void;
+    private renderTangent;
+}
+declare class CurveController extends BladeController<CurveView> {
+    readonly params: CurveBladeParams;
+    readonly emitter: Emitter<CurveEvents>;
+    private curveData;
+    private selected;
+    private pointerId;
+    constructor(document: Document, params: CurveBladeParams, blade: ConstructorParameters<typeof BladeController>[0]['blade'], viewProps: ViewProps);
+    getValue(): TweakpaneCurveData;
+    setValue(value: TweakpaneCurveData, emit?: boolean, last?: boolean): void;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerEnd;
+    private onDoubleClick;
+    private onContextMenu;
+    private onKeyDown;
+    private moveSelected;
+    private updateSelectedPoint;
+    private updateSelectedTangent;
+    private render;
+    private disposeListeners;
+}
+interface TweakpaneCurveApiEvents {
+    change: {
+        value: TweakpaneCurveData;
+        last: boolean;
+    };
+}
+declare class TweakpaneCurveApi extends BladeApi<CurveController> {
+    get value(): TweakpaneCurveData;
+    set value(value: TweakpaneCurveData);
+    on(eventName: 'change', handler: (event: TweakpaneCurveApiEvents['change']) => void): this;
+    off(eventName: 'change', handler: (event: TweakpaneCurveApiEvents['change']) => void): this;
+}
+declare const TWEAKPANE_CURVE_PLUGIN: TpPluginBundle;
+/** A two-way Tweakpane curve editor compatible with Ecctrl's curve DTO. */
+declare class TweakpaneCurve {
+    value: _angular_core.ModelSignal<TweakpaneCurveData>;
+    label: _angular_core.InputSignal<string | undefined>;
+    params: _angular_core.InputSignal<TweakpaneCurveParams>;
+    private readonly folder;
+    private readonly pane;
+    private readonly blade;
+    private readonly api;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TweakpaneCurve, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TweakpaneCurve, "tweakpane-curve", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "params": { "alias": "params"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.TweakpaneBlade; inputs: { "hidden": "hidden"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+declare function normalizeCurveData(value: TweakpaneCurveData, params?: TweakpaneCurveParams): TweakpaneCurveData;
+
+export { TWEAKPANE_CURVE_PLUGIN, TweakpaneCurve, TweakpaneCurveApi, normalizeCurveData };
+export type { TweakpaneCurveApiEvents, TweakpaneCurveData, TweakpaneCurveParams, TweakpaneCurvePoint };

package/types/angular-three-tweakpane.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Signal, ViewContainerRef, ComponentRef, InjectionToken, ElementRef, WritableSignal, Injector } from '@angular/core';
-import { BladeApi, FolderApi, TpChangeEvent, ButtonApi, BooleanInputParams, ColorInputParams, NumberInputParams, Point2dInputParams, Point3dInputParams, Point4dInputParams, StringInputParams } from 'tweakpane';
+import { BladeApi, FolderApi, TpChangeEvent, ButtonApi, BooleanInputParams, ColorInputParams, NumberInputParams, TpPluginBundle, Point2dInputParams, Point3dInputParams, Point4dInputParams, StringInputParams } from 'tweakpane';
 import { BindingParams, TpMouseEvent } from '@tweakpane/core';
 
 /**
@@ -623,7 +623,11 @@ declare class TweakpanePane {
     private tweakpaneAnchor;
     private pane;
     private paneContainer?;
+    private readonly pendingPlugins;
+    private readonly registeredPluginIds;
     constructor();
+    /** Registers a custom Tweakpane plugin before or after the pane is mounted. */
+    registerPlugin(plugin: TpPluginBundle): void;
     /**
      * Updates a CSS style property on the pane's parent element.
      * @param propertyName - The name of the style property to update