@twick/2d 0.13.0 → 0.14.2

package/src/lib/curves/getRectProfile.ts

@@ -1,139 +1,139 @@
-import type {BBox, Spacing} from '@twick/core';
-import {Vector2} from '@twick/core';
-import {adjustRectRadius} from '../utils';
-import {CircleSegment} from './CircleSegment';
-import {CubicBezierSegment} from './CubicBezierSegment';
-import type {CurveProfile} from './CurveProfile';
-import {LineSegment} from './LineSegment';
-import type {Segment} from './Segment';
-
-export function getRectProfile(
-  rect: BBox,
-  radius: Spacing,
-  smoothCorners: boolean,
-  cornerSharpness: number,
-): CurveProfile {
-  const profile: CurveProfile = {
-    arcLength: 0,
-    segments: [],
-    minSin: 1,
-  };
-
-  const topLeft = adjustRectRadius(radius.top, radius.right, radius.left, rect);
-  const topRight = adjustRectRadius(
-    radius.right,
-    radius.top,
-    radius.bottom,
-    rect,
-  );
-  const bottomRight = adjustRectRadius(
-    radius.bottom,
-    radius.left,
-    radius.right,
-    rect,
-  );
-  const bottomLeft = adjustRectRadius(
-    radius.left,
-    radius.bottom,
-    radius.top,
-    rect,
-  );
-
-  let from = new Vector2(rect.left + topLeft, rect.top);
-  let to = new Vector2(rect.right - topRight, rect.top);
-  addSegment(profile, new LineSegment(from, to));
-
-  from = new Vector2(rect.right, rect.top + topRight);
-  to = new Vector2(rect.right, rect.bottom - bottomRight);
-  if (topRight > 0) {
-    addCornerSegment(
-      profile,
-      from.addX(-topRight),
-      topRight,
-      Vector2.down,
-      Vector2.right,
-      smoothCorners,
-      cornerSharpness,
-    );
-  }
-  addSegment(profile, new LineSegment(from, to));
-
-  from = new Vector2(rect.right - bottomRight, rect.bottom);
-  to = new Vector2(rect.left + bottomLeft, rect.bottom);
-  if (bottomRight > 0) {
-    addCornerSegment(
-      profile,
-      from.addY(-bottomRight),
-      bottomRight,
-      Vector2.right,
-      Vector2.up,
-      smoothCorners,
-      cornerSharpness,
-    );
-  }
-  addSegment(profile, new LineSegment(from, to));
-
-  from = new Vector2(rect.left, rect.bottom - bottomLeft);
-  to = new Vector2(rect.left, rect.top + topLeft);
-  if (bottomLeft > 0) {
-    addCornerSegment(
-      profile,
-      from.addX(bottomLeft),
-      bottomLeft,
-      Vector2.up,
-      Vector2.left,
-      smoothCorners,
-      cornerSharpness,
-    );
-  }
-  addSegment(profile, new LineSegment(from, to));
-
-  from = new Vector2(rect.left + topLeft, rect.top);
-  if (topLeft > 0) {
-    addCornerSegment(
-      profile,
-      from.addY(topLeft),
-      topLeft,
-      Vector2.left,
-      Vector2.down,
-      smoothCorners,
-      cornerSharpness,
-    );
-  }
-
-  return profile;
-}
-
-function addSegment(profile: CurveProfile, segment: Segment) {
-  profile.segments.push(segment);
-  profile.arcLength += segment.arcLength;
-}
-
-function addCornerSegment(
-  profile: CurveProfile,
-  center: Vector2,
-  radius: number,
-  fromNormal: Vector2,
-  toNormal: Vector2,
-  smooth: boolean,
-  sharpness: number,
-) {
-  const from = center.add(fromNormal.scale(radius));
-  const to = center.add(toNormal.scale(radius));
-  if (smooth) {
-    addSegment(
-      profile,
-      new CubicBezierSegment(
-        from,
-        from.add(toNormal.scale(sharpness * radius)),
-        to.add(fromNormal.scale(sharpness * radius)),
-        to,
-      ),
-    );
-  } else {
-    addSegment(
-      profile,
-      new CircleSegment(center, radius, fromNormal, toNormal, false),
-    );
-  }
-}
+import type {BBox, Spacing} from '@twick/core';
+import {Vector2} from '@twick/core';
+import {adjustRectRadius} from '../utils';
+import {CircleSegment} from './CircleSegment';
+import {CubicBezierSegment} from './CubicBezierSegment';
+import type {CurveProfile} from './CurveProfile';
+import {LineSegment} from './LineSegment';
+import type {Segment} from './Segment';
+
+export function getRectProfile(
+  rect: BBox,
+  radius: Spacing,
+  smoothCorners: boolean,
+  cornerSharpness: number,
+): CurveProfile {
+  const profile: CurveProfile = {
+    arcLength: 0,
+    segments: [],
+    minSin: 1,
+  };
+
+  const topLeft = adjustRectRadius(radius.top, radius.right, radius.left, rect);
+  const topRight = adjustRectRadius(
+    radius.right,
+    radius.top,
+    radius.bottom,
+    rect,
+  );
+  const bottomRight = adjustRectRadius(
+    radius.bottom,
+    radius.left,
+    radius.right,
+    rect,
+  );
+  const bottomLeft = adjustRectRadius(
+    radius.left,
+    radius.bottom,
+    radius.top,
+    rect,
+  );
+
+  let from = new Vector2(rect.left + topLeft, rect.top);
+  let to = new Vector2(rect.right - topRight, rect.top);
+  addSegment(profile, new LineSegment(from, to));
+
+  from = new Vector2(rect.right, rect.top + topRight);
+  to = new Vector2(rect.right, rect.bottom - bottomRight);
+  if (topRight > 0) {
+    addCornerSegment(
+      profile,
+      from.addX(-topRight),
+      topRight,
+      Vector2.down,
+      Vector2.right,
+      smoothCorners,
+      cornerSharpness,
+    );
+  }
+  addSegment(profile, new LineSegment(from, to));
+
+  from = new Vector2(rect.right - bottomRight, rect.bottom);
+  to = new Vector2(rect.left + bottomLeft, rect.bottom);
+  if (bottomRight > 0) {
+    addCornerSegment(
+      profile,
+      from.addY(-bottomRight),
+      bottomRight,
+      Vector2.right,
+      Vector2.up,
+      smoothCorners,
+      cornerSharpness,
+    );
+  }
+  addSegment(profile, new LineSegment(from, to));
+
+  from = new Vector2(rect.left, rect.bottom - bottomLeft);
+  to = new Vector2(rect.left, rect.top + topLeft);
+  if (bottomLeft > 0) {
+    addCornerSegment(
+      profile,
+      from.addX(bottomLeft),
+      bottomLeft,
+      Vector2.up,
+      Vector2.left,
+      smoothCorners,
+      cornerSharpness,
+    );
+  }
+  addSegment(profile, new LineSegment(from, to));
+
+  from = new Vector2(rect.left + topLeft, rect.top);
+  if (topLeft > 0) {
+    addCornerSegment(
+      profile,
+      from.addY(topLeft),
+      topLeft,
+      Vector2.left,
+      Vector2.down,
+      smoothCorners,
+      cornerSharpness,
+    );
+  }
+
+  return profile;
+}
+
+function addSegment(profile: CurveProfile, segment: Segment) {
+  profile.segments.push(segment);
+  profile.arcLength += segment.arcLength;
+}
+
+function addCornerSegment(
+  profile: CurveProfile,
+  center: Vector2,
+  radius: number,
+  fromNormal: Vector2,
+  toNormal: Vector2,
+  smooth: boolean,
+  sharpness: number,
+) {
+  const from = center.add(fromNormal.scale(radius));
+  const to = center.add(toNormal.scale(radius));
+  if (smooth) {
+    addSegment(
+      profile,
+      new CubicBezierSegment(
+        from,
+        from.add(toNormal.scale(sharpness * radius)),
+        to.add(fromNormal.scale(sharpness * radius)),
+        to,
+      ),
+    );
+  } else {
+    addSegment(
+      profile,
+      new CircleSegment(center, radius, fromNormal, toNormal, false),
+    );
+  }
+}

package/src/lib/curves/index.ts

@@ -1,16 +1,16 @@
-export * from './CircleSegment';
-export * from './CubicBezierSegment';
-export * from './CurveDrawingInfo';
-export * from './CurvePoint';
-export * from './CurveProfile';
-export * from './getBezierSplineProfile';
-export * from './getCircleProfile';
-export * from './getPointAtDistance';
-export * from './getPolylineProfile';
-export * from './getRectProfile';
-export * from './KnotInfo';
-export * from './LineSegment';
-export * from './Polynomial';
-export * from './Polynomial2D';
-export * from './QuadBezierSegment';
-export * from './Segment';
+export * from './CircleSegment';
+export * from './CubicBezierSegment';
+export * from './CurveDrawingInfo';
+export * from './CurvePoint';
+export * from './CurveProfile';
+export * from './getBezierSplineProfile';
+export * from './getCircleProfile';
+export * from './getPointAtDistance';
+export * from './getPolylineProfile';
+export * from './getRectProfile';
+export * from './KnotInfo';
+export * from './LineSegment';
+export * from './Polynomial';
+export * from './Polynomial2D';
+export * from './QuadBezierSegment';
+export * from './Segment';

package/src/lib/decorators/canvasStyleSignal.ts

@@ -1,16 +1,16 @@
-import type {Signal} from '@twick/core';
-import {Color} from '@twick/core';
-import type {CanvasStyle, PossibleCanvasStyle} from '../partials';
-import {canvasStyleParser} from '../utils';
-import {initial, interpolation, parser, signal} from './signal';
-
-export type CanvasStyleSignal<T> = Signal<PossibleCanvasStyle, CanvasStyle, T>;
-
-export function canvasStyleSignal(): PropertyDecorator {
-  return (target, key) => {
-    signal()(target, key);
-    parser(canvasStyleParser)(target, key);
-    interpolation(Color.lerp)(target, key);
-    initial(null)(target, key);
-  };
-}
+import type {Signal} from '@twick/core';
+import {Color} from '@twick/core';
+import type {CanvasStyle, PossibleCanvasStyle} from '../partials';
+import {canvasStyleParser} from '../utils';
+import {initial, interpolation, parser, signal} from './signal';
+
+export type CanvasStyleSignal<T> = Signal<PossibleCanvasStyle, CanvasStyle, T>;
+
+export function canvasStyleSignal(): PropertyDecorator {
+  return (target, key) => {
+    signal()(target, key);
+    parser(canvasStyleParser)(target, key);
+    interpolation(Color.lerp)(target, key);
+    initial(null)(target, key);
+  };
+}

package/src/lib/decorators/colorSignal.ts

@@ -1,9 +1,9 @@
-import {Color} from '@twick/core';
-import {signal, wrapper} from './signal';
-
-export function colorSignal(): PropertyDecorator {
-  return (target, key) => {
-    signal()(target, key);
-    wrapper(Color)(target, key);
-  };
-}
+import {Color} from '@twick/core';
+import {signal, wrapper} from './signal';
+
+export function colorSignal(): PropertyDecorator {
+  return (target, key) => {
+    signal()(target, key);
+    wrapper(Color)(target, key);
+  };
+}

package/src/lib/decorators/compound.ts

@@ -1,72 +1,72 @@
-import {
-  CompoundSignalContext,
-  SignalContext,
-  deepLerp,
-  map,
-  modify,
-  useLogger,
-} from '@twick/core';
-import {makeSignalExtensions} from '../utils/makeSignalExtensions';
-import {addInitializer} from './initializers';
-import {getPropertyMetaOrCreate} from './signal';
-
-/**
- * Create a compound property decorator.
- *
- * @remarks
- * This decorator turns a given property into a signal consisting of one or more
- * nested signals.
- *
- * @example
- * ```ts
- * class Example {
- *   \@compound({x: 'scaleX', y: 'scaleY'})
- *   public declare readonly scale: Signal<Vector2, this>;
- *
- *   public setScale() {
- *     this.scale({x: 7, y: 3});
- *     // same as:
- *     this.scale.x(7).scale.y(3);
- *   }
- * }
- * ```
- *
- * @param entries - A record mapping the property in the compound object to the
- *                  corresponding property on the owner node.
- */
-export function compound(entries: Record<string, string>): PropertyDecorator {
-  return (target, key) => {
-    const meta = getPropertyMetaOrCreate<any>(target, key);
-    meta.compound = true;
-    meta.compoundEntries = Object.entries(entries);
-
-    addInitializer(target, (instance: any) => {
-      if (!meta.parser) {
-        useLogger().error(`Missing parser decorator for "${key.toString()}"`);
-        return;
-      }
-
-      const initial = meta.default;
-      const parser = meta.parser.bind(instance);
-      const signalContext = new CompoundSignalContext(
-        meta.compoundEntries.map(([key, property]) => {
-          const signal = new SignalContext(
-            modify(initial, value => parser(value)[key]),
-            <any>map,
-            instance,
-            undefined,
-            makeSignalExtensions(undefined, instance, property),
-          ).toSignal();
-          return [key, signal];
-        }),
-        parser,
-        initial,
-        meta.interpolationFunction ?? deepLerp,
-        instance,
-        makeSignalExtensions(meta, instance, <string>key),
-      );
-
-      instance[key] = signalContext.toSignal();
-    });
-  };
-}
+import {
+  CompoundSignalContext,
+  SignalContext,
+  deepLerp,
+  map,
+  modify,
+  useLogger,
+} from '@twick/core';
+import {makeSignalExtensions} from '../utils/makeSignalExtensions';
+import {addInitializer} from './initializers';
+import {getPropertyMetaOrCreate} from './signal';
+
+/**
+ * Create a compound property decorator.
+ *
+ * @remarks
+ * This decorator turns a given property into a signal consisting of one or more
+ * nested signals.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@compound({x: 'scaleX', y: 'scaleY'})
+ *   public declare readonly scale: Signal<Vector2, this>;
+ *
+ *   public setScale() {
+ *     this.scale({x: 7, y: 3});
+ *     // same as:
+ *     this.scale.x(7).scale.y(3);
+ *   }
+ * }
+ * ```
+ *
+ * @param entries - A record mapping the property in the compound object to the
+ *                  corresponding property on the owner node.
+ */
+export function compound(entries: Record<string, string>): PropertyDecorator {
+  return (target, key) => {
+    const meta = getPropertyMetaOrCreate<any>(target, key);
+    meta.compound = true;
+    meta.compoundEntries = Object.entries(entries);
+
+    addInitializer(target, (instance: any) => {
+      if (!meta.parser) {
+        useLogger().error(`Missing parser decorator for "${key.toString()}"`);
+        return;
+      }
+
+      const initial = meta.default;
+      const parser = meta.parser.bind(instance);
+      const signalContext = new CompoundSignalContext(
+        meta.compoundEntries.map(([key, property]) => {
+          const signal = new SignalContext(
+            modify(initial, value => parser(value)[key]),
+            <any>map,
+            instance,
+            undefined,
+            makeSignalExtensions(undefined, instance, property),
+          ).toSignal();
+          return [key, signal];
+        }),
+        parser,
+        initial,
+        meta.interpolationFunction ?? deepLerp,
+        instance,
+        makeSignalExtensions(meta, instance, <string>key),
+      );
+
+      instance[key] = signalContext.toSignal();
+    });
+  };
+}

package/src/lib/decorators/computed.ts

@@ -1,18 +1,18 @@
-import {createComputed} from '@twick/core';
-import {addInitializer} from './initializers';
-
-/**
- * Create a computed method decorator.
- *
- * @remarks
- * This decorator turns the given method into a computed value.
- * See {@link createComputed} for more information.
- */
-export function computed(): MethodDecorator {
-  return (target: any, key) => {
-    addInitializer(target, (instance: any) => {
-      const method = Object.getPrototypeOf(instance)[key];
-      instance[key] = createComputed(method.bind(instance), instance);
-    });
-  };
-}
+import {createComputed} from '@twick/core';
+import {addInitializer} from './initializers';
+
+/**
+ * Create a computed method decorator.
+ *
+ * @remarks
+ * This decorator turns the given method into a computed value.
+ * See {@link createComputed} for more information.
+ */
+export function computed(): MethodDecorator {
+  return (target: any, key) => {
+    addInitializer(target, (instance: any) => {
+      const method = Object.getPrototypeOf(instance)[key];
+      instance[key] = createComputed(method.bind(instance), instance);
+    });
+  };
+}

package/src/lib/decorators/defaultStyle.ts

@@ -1,18 +1,18 @@
-import {capitalize} from '@twick/core';
-import type {Layout} from '../components';
-
-export function defaultStyle<T>(
-  styleName: string,
-  parse: (value: string) => T = value => value as T,
-): PropertyDecorator {
-  return (target: any, key) => {
-    target[`getDefault${capitalize(<string>key)}`] = function (this: Layout) {
-      this.requestLayoutUpdate();
-      const old = (<any>this.element.style)[styleName];
-      (<any>this.element.style)[styleName] = '';
-      const ret = parse.call(this, this.styles.getPropertyValue(styleName));
-      (<any>this.element.style)[styleName] = old;
-      return ret;
-    };
-  };
-}
+import {capitalize} from '@twick/core';
+import type {Layout} from '../components';
+
+export function defaultStyle<T>(
+  styleName: string,
+  parse: (value: string) => T = value => value as T,
+): PropertyDecorator {
+  return (target: any, key) => {
+    target[`getDefault${capitalize(<string>key)}`] = function (this: Layout) {
+      this.requestLayoutUpdate();
+      const old = (<any>this.element.style)[styleName];
+      (<any>this.element.style)[styleName] = '';
+      const ret = parse.call(this, this.styles.getPropertyValue(styleName));
+      (<any>this.element.style)[styleName] = old;
+      return ret;
+    };
+  };
+}