@stemy/ngx-utils 19.8.2 → 19.8.3

package/fesm2022/stemy-ngx-utils.mjs

@@ -1836,12 +1836,9 @@ class ExclusionsRenderer {
     async [Invokable.call](renderCanvas) {
         const ctx = renderCanvas.ctx;
         renderCanvas.excludedAreas?.forEach(shape => {
-            ctx.save();
-            ctx.translate(shape.x, shape.y);
             ctx.fillStyle = "rgba(128,128,128,0.55)";
-            shape.draw(ctx);
-            ctx.fill();
-            ctx.restore();
+            const path = shape.getPath(shape.x, shape.y, 1);
+            ctx.fill(path);
         });
     }
 }
@@ -2100,6 +2097,16 @@ function gjkDistance(A, B) {
 // Boolean GJK (robust)
 // =========================
 function gjkIntersection(A, B) {
+    for (const AA of getShapes(A)) {
+        for (const BB of getShapes(B)) {
+            const int = gjkIntersectionSingle(AA, BB);
+            if (int.hit)
+                return int;
+        }
+    }
+    return { hit: false };
+}
+function gjkIntersectionSingle(A, B) {
     const MAX = 64, EPS = 1e-12;
     const sup = (dir) => {
         const a = ensurePoint(A.support(dir), A.center);
@@ -2143,6 +2150,22 @@ function gjkIntersection(A, B) {
     // Max iterations without resolution → disjoint
     return { hit: false };
 }
+function* getShapes(shape, worldX = 0, worldY = 0) {
+    if (!shape)
+        return;
+    // Calculate this specific shape's actual world position
+    const currentWorldX = worldX + shape.x;
+    const currentWorldY = worldY + shape.y;
+    if (!shape.subShapes || shape.subShapes.length === 0) {
+        // Yield a temporary 'leaf' shape moved to the correct world coordinate
+        yield shape.move({ x: currentWorldX, y: currentWorldY });
+        return;
+    }
+    // Recurse into children, passing down the current world position
+    for (const sub of shape.subShapes) {
+        yield* getShapes(sub, currentWorldX, currentWorldY);
+    }
+}
 function doSimplexBoolean(simplex, d) {
     const last = simplex[simplex.length - 1];
     const AO = { x: -last.p.x, y: -last.p.y };
@@ -2264,10 +2287,10 @@ class Point extends Shape {
         const x = Number(xOrP);
         this.pt = isPoint(xOrP) ? xOrP : { x: isNaN(x) ? 0 : xOrP, y };
     }
-    draw(ctx) {
-        ctx.beginPath();
-        ctx.ellipse(0, 0, 1.5, 1.5, 0, 0, Math.PI * 2);
-        ctx.closePath();
+    getPath(x, y) {
+        const path = new Path2D();
+        path.ellipse(x, y, 1.5, 1.5, 0, 0, Math.PI * 2);
+        return path;
     }
     support() {
         return this.center;
@@ -2341,16 +2364,21 @@ class Rect extends Shape {
         this.height = height;
         this.rotation = rotation;
     }
-    draw(ctx, ratio) {
+    getPath(x, y, ratio) {
         ratio = ratio ?? 1;
         const w = this.width * ratio;
         const h = this.height * ratio;
-        const angle = toRadians(this.rotation);
-        ctx.rotate(angle);
-        ctx.beginPath();
-        ctx.rect(-w / 2, -h / 2, w, h);
-        ctx.closePath();
-        ctx.rotate(-angle);
+        // 1. Create the local path for the rectangle (centered at 0,0)
+        const rectPath = new Path2D();
+        rectPath.rect(-w / 2, -h / 2, w, h);
+        // 2. Create a DOMMatrix to handle the rotation
+        const matrix = new DOMMatrix()
+            .translate(x, y) // Move to position
+            .rotate(this.rotation); // Apply rotation (in degrees)
+        // 3. Create the final path and apply the matrix
+        const finalPath = new Path2D();
+        finalPath.addPath(rectPath, matrix);
+        return finalPath;
     }
     support(dir) {
         const ang = this.rotation ?? 0;
@@ -2373,16 +2401,24 @@ class Oval extends Shape {
         this.height = height;
         this.rotation = rotation;
     }
-    draw(ctx, ratio) {
-        ratio = ratio ?? 1;
-        const w = this.width * ratio;
-        const h = this.height * ratio;
-        const angle = toRadians(this.rotation);
-        ctx.rotate(angle);
-        ctx.beginPath();
-        ctx.ellipse(0, 0, w / 2, h / 2, 0, 0, Math.PI * 2);
-        ctx.closePath();
-        ctx.rotate(-angle);
+    getPath(x, y, ratio = 1) {
+        // 1. Calculate radii based on ratio
+        const radiusX = (this.width * ratio) / 2;
+        const radiusY = (this.height * ratio) / 2;
+        // 2. Create the local ellipse at (0,0)
+        const ovalPath = new Path2D();
+        // Parameters: x, y, radiusX, radiusY, rotation, startAngle, endAngle
+        ovalPath.ellipse(0, 0, radiusX, radiusY, 0, 0, Math.PI * 2);
+        ovalPath.closePath();
+        // 3. Create the transformation matrix
+        // Note: We use the passed in x and y here
+        const matrix = new DOMMatrix()
+            .translate(x, y)
+            .rotate(this.rotation);
+        // 4. Combine them
+        const path = new Path2D();
+        path.addPath(ovalPath, matrix);
+        return path;
     }
     support(dir) {
         const ang = this.rotation ?? 0;
@@ -2407,6 +2443,28 @@ class Circle extends Oval {
         return new Circle(pos.x, pos.y, this.radius, this.rotation);
     }
 }
+class ShapeGroup extends Shape {
+    constructor(x, y, subShapes) {
+        super(x, y);
+        this.subShapes = subShapes;
+    }
+    getPath(x, y, ratio = 1) {
+        const groupPath = new Path2D();
+        for (const shape of this.subShapes) {
+            // Calculate child's position relative to the Group's (x, y)
+            const childPath = shape.getPath(x + shape.x, y + shape.y, ratio);
+            // Add it to our master group path
+            groupPath.addPath(childPath);
+        }
+        return groupPath;
+    }
+    support() {
+        return this.center;
+    }
+    move(pos) {
+        return new ShapeGroup(pos.x, pos.y, this.subShapes);
+    }
+}
 
 class Initializer {
     get isInitialized() {
@@ -8215,9 +8273,9 @@ class InteractiveItemComponent {
         this.mDistances = new Map();
     }
     draw(ctx, shape) {
-        shape.draw(ctx, 1);
-        ctx.fill();
-        ctx.stroke();
+        const path = shape.getPath(0, 0, 1);
+        ctx.fill(path);
+        ctx.stroke(path);
     }
     ngOnChanges() {
         if (!this.canvas)
@@ -9596,5 +9654,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, AuthGuard, BASE_CONFIG, BUTTON_TYPE, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, BtnComponent, BtnDefaultComponent, CONFIG_SERVICE, CacheService, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, CloseBtnComponent, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, EPSILON, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExclusionsRenderer, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, ForbiddenZone, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, ICON_MAP, ICON_SERVICE, ICON_TYPE, IConfiguration, IconComponent, IconDefaultComponent, IconDirective, IconService, IncludesPipe, Initializer, InteractiveCanvasComponent, InteractiveCircleComponent, InteractiveItemComponent, InteractiveRectComponent, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, Oval, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, RequestBag, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, RulerCanvasRenderer, SCHEMA_SELECTOR, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, SyncAsyncPipe, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, WysiwygComponent, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, distance, distanceSq, dividePts, dotProduct, ensurePoint, getComponentDef, getCssVariables, getRoot, gjkDistance, gjkIntersection, impatientPromise, injectOptions, isBrowser, isPoint, lengthOfPt, lerpPts, md5, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, perpendicular, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, selectorMatchesList, stringify, subPts, svgToDataUri, switchClass, toDegrees, toRadians, tripleProduct };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, AuthGuard, BASE_CONFIG, BUTTON_TYPE, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, BtnComponent, BtnDefaultComponent, CONFIG_SERVICE, CacheService, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, CloseBtnComponent, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, EPSILON, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExclusionsRenderer, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, ForbiddenZone, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, ICON_MAP, ICON_SERVICE, ICON_TYPE, IConfiguration, IconComponent, IconDefaultComponent, IconDirective, IconService, IncludesPipe, Initializer, InteractiveCanvasComponent, InteractiveCircleComponent, InteractiveItemComponent, InteractiveRectComponent, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, Oval, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, RequestBag, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, RulerCanvasRenderer, SCHEMA_SELECTOR, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShapeGroup, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, SyncAsyncPipe, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, WysiwygComponent, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, distance, distanceSq, dividePts, dotProduct, ensurePoint, getComponentDef, getCssVariables, getRoot, gjkDistance, gjkIntersection, impatientPromise, injectOptions, isBrowser, isPoint, lengthOfPt, lerpPts, md5, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, perpendicular, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, selectorMatchesList, stringify, subPts, svgToDataUri, switchClass, toDegrees, toRadians, tripleProduct };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map