@stemy/ngx-utils 19.8.6 → 19.8.7

package/fesm2022/stemy-ngx-utils.mjs

@@ -1887,73 +1887,6 @@ class RulerCanvasRenderer {
     }
 }
 
-function dotProduct(a, b) {
-    return a.x * b.x + a.y * b.y;
-}
-function tripleProduct(a, b, c) {
-    const ac = a.x * c.x + a.y * c.y;
-    const bc = b.x * c.x + b.y * c.y;
-    return { x: b.x * ac - a.x * bc, y: b.y * ac - a.y * bc };
-}
-function isPoint(v) {
-    return typeof v === "object" && Number.isFinite(v.x) && Number.isFinite(v.y);
-}
-function ensurePoint(p, fallback = { x: 0, y: 0 }) {
-    return isPoint(p) ? { x: +p.x, y: +p.y } : fallback;
-}
-function perpendicular(p) {
-    return { x: -p.y, y: +p.x };
-}
-function negatePt(p) {
-    return { x: -p.x, y: -p.y };
-}
-function normalizePt(p) {
-    const length = lengthOfPt(p);
-    return dividePts(p, length);
-}
-function addPts(a, b) {
-    return { x: a.x + b.x, y: a.y + b.y };
-}
-function distanceSq(a, b) {
-    const x = b.x - a.x;
-    const y = b.y - a.y;
-    return x * x + y * y;
-}
-function distance(a, b) {
-    return Math.sqrt(distanceSq(a, b));
-}
-function lerpPts(a, b, t) {
-    const diff = subPts(b, a);
-    return addPts(a, multiplyPts(diff, t));
-}
-function lengthOfPt(p) {
-    return Math.hypot(p.x, p.y);
-}
-function multiplyPts(a, b) {
-    const s = isPoint(b) ? b : { x: b, y: b };
-    return { x: a.x * s.x, y: a.y * s.y };
-}
-function dividePts(a, b) {
-    const s = isPoint(b) ? b : { x: b, y: b };
-    return { x: a.x / s.x, y: a.y / s.y };
-}
-function subPts(a, b) {
-    return { x: a.x - b.x, y: a.y - b.y };
-}
-function rotateDeg(p, ang) {
-    return rotateRad(p, toRadians(ang));
-}
-function rotateRad(p, ang) {
-    const c = Math.cos(ang), s = Math.sin(ang);
-    return { x: p.x * c - p.y * s, y: p.x * s + p.y * c };
-}
-function toDegrees(rad) {
-    return rad * 180 / Math.PI;
-}
-function toRadians(deg) {
-    return deg * Math.PI / 180;
-}
-
 const EPSILON = 1e-9;
 /**
  * Normalize a range
@@ -2045,6 +1978,76 @@ class MathUtils {
     }
 }
 
+function dotProduct(a, b) {
+    return a.x * b.x + a.y * b.y;
+}
+function tripleProduct(a, b, c) {
+    const ac = a.x * c.x + a.y * c.y;
+    const bc = b.x * c.x + b.y * c.y;
+    return { x: b.x * ac - a.x * bc, y: b.y * ac - a.y * bc };
+}
+function isPoint(v) {
+    return typeof v === "object" && Number.isFinite(v.x) && Number.isFinite(v.y);
+}
+function ensurePoint(p, fallback = { x: 0, y: 0 }) {
+    return isPoint(p) ? { x: +p.x, y: +p.y } : fallback;
+}
+function perpendicular(p) {
+    return { x: -p.y, y: +p.x };
+}
+function negatePt(p) {
+    return { x: -p.x, y: -p.y };
+}
+function normalizePt(p) {
+    const length = lengthOfPt(p);
+    return dividePts(p, length);
+}
+function addPts(a, b) {
+    return { x: a.x + b.x, y: a.y + b.y };
+}
+function distanceSq(a, b) {
+    const x = b.x - a.x;
+    const y = b.y - a.y;
+    return x * x + y * y;
+}
+function distance(a, b) {
+    return Math.sqrt(distanceSq(a, b));
+}
+function lerpPts(a, b, t) {
+    const diff = subPts(b, a);
+    return addPts(a, multiplyPts(diff, t));
+}
+function lengthOfPt(p) {
+    return Math.hypot(p.x, p.y);
+}
+function multiplyPts(a, b) {
+    const s = isPoint(b) ? b : { x: b, y: b };
+    return { x: a.x * s.x, y: a.y * s.y };
+}
+function dividePts(a, b) {
+    const s = isPoint(b) ? b : { x: b, y: b };
+    return { x: a.x / s.x, y: a.y / s.y };
+}
+function subPts(a, b) {
+    return { x: a.x - b.x, y: a.y - b.y };
+}
+function eqPts(a, b) {
+    return isEqual(a.x, b.x) && isEqual(a.y, b.y);
+}
+function rotateDeg(p, ang) {
+    return rotateRad(p, toRadians(ang));
+}
+function rotateRad(p, ang) {
+    const c = Math.cos(ang), s = Math.sin(ang);
+    return { x: p.x * c - p.y * s, y: p.x * s + p.y * c };
+}
+function toDegrees(rad) {
+    return rad * 180 / Math.PI;
+}
+function toRadians(deg) {
+    return deg * Math.PI / 180;
+}
+
 const MAX_ITERS = 40;
 // =========================
 // GJK distance (robust)
@@ -8250,8 +8253,18 @@ class InteractiveItemComponent {
         this.pos = new Point(value.x, value.y);
         this.validPosition = this.pos;
     }
+    get rotation() {
+        return this.rot;
+    }
+    set rotation(value) {
+        if (isNaN(value))
+            return;
+        console.log("set rotation", this.rotation, value);
+        this.rot = value;
+        this.validRotation = this.rot;
+    }
     get isValid() {
-        return this.valid;
+        return eqPts(this.pos, this.validPos) && isEqual(this.rot, this.validRot);
     }
     get validPosition() {
         return this.validPos;
@@ -8260,7 +8273,14 @@ class InteractiveItemComponent {
         if (typeof value !== "object" || isNaN(value.x) || isNaN(value.y) || value === this.validPos)
             return;
         this.validPos = new Point(value.x, value.y);
-        this.valid = true;
+    }
+    get validRotation() {
+        return this.validRot;
+    }
+    set validRotation(value) {
+        if (isNaN(value))
+            return;
+        this.validRot = value;
     }
     get hovered() {
         return this.canvas?.hoveredItem === this;
@@ -8282,8 +8302,10 @@ class InteractiveItemComponent {
         this.active = false;
         this.index = -1;
         this.canvasParams = {};
-        this.valid = true;
         this.pos = Point.Zero;
+        this.validPos = Point.Zero;
+        this.rot = 0;
+        this.validRot = 0;
         this.direction = "none";
         this.mFrame = new Rect(0, 0, 3, 3);
         this.mShapes = [];
@@ -8312,15 +8334,6 @@ class InteractiveItemComponent {
         }
         return false;
     }
-    moveTo(x, y) {
-        if (!this.canvas || this.direction === "none")
-            return;
-        const target = this.restrictPosition(this.direction === "vertical" ? this.pos.x : x, this.direction === "horizontal" ? this.pos.y : y);
-        this.pos = new Point(target);
-        this.calcShapes();
-        this.valid = this.checkIsValid();
-        this.validPos = this.valid ? this.pos : this.validPos;
-    }
     moveBy(dx, dy) {
         const { x, y } = this.pos;
         this.moveTo(x + dx, y + dy);
@@ -8331,12 +8344,32 @@ class InteractiveItemComponent {
     moveY(y) {
         this.moveTo(this.pos.x, y);
     }
+    moveTo(x, y) {
+        if (!this.canvas || this.direction === "none")
+            return;
+        const target = this.restrictPosition(this.direction === "vertical" ? this.pos.x : x, this.direction === "horizontal" ? this.pos.y : y);
+        this.pos = new Point(target);
+        this.calcShapes();
+        this.validPos = this.checkIsValid() ? this.pos : this.validPos;
+    }
     moveEnd() {
         this.mDistances.clear();
-        if (this.valid)
+        if (this.isValid)
             return;
         this.pos = this.validPos;
-        this.valid = true;
+        this.calcShapes();
+    }
+    rotateTo(value) {
+        this.rot = isNaN(value) ? this.rot : value;
+        this.calcShapes();
+        this.validRot = this.checkIsValid() ? this.rot : this.validRot;
+        console.log("rotateTo", this.rot, this.validRot);
+    }
+    rotateEnd() {
+        this.mDistances.clear();
+        if (this.isValid)
+            return;
+        this.rot = this.validRot;
         this.calcShapes();
     }
     restrictPosition(x, y) {
@@ -8379,7 +8412,7 @@ class InteractiveItemComponent {
         return new Point(x, y);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: InteractiveItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: InteractiveItemComponent, isStandalone: false, selector: "__interactive-item__", inputs: { x: "x", y: "y", position: "position", direction: "direction", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: "", isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: InteractiveItemComponent, isStandalone: false, selector: "__interactive-item__", inputs: { x: "x", y: "y", position: "position", rotation: "rotation", direction: "direction", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: "", isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: InteractiveItemComponent, decorators: [{
             type: Component,
@@ -8394,6 +8427,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Input
             }], position: [{
                 type: Input
+            }], rotation: [{
+                type: Input
             }], direction: [{
                 type: Input
             }], disabled: [{
@@ -8847,20 +8882,18 @@ class InteractiveRectComponent extends InteractiveItemComponent {
         super();
         this.width = input(10);
         this.height = input(10);
-        this.rotation = input(0);
         effect(() => {
-            this.mFrame = new Rect(0, 0, this.width(), this.height(), this.rotation());
+            this.mFrame = new Rect(0, 0, this.width(), this.height());
         });
     }
     calcShape(x, y) {
         const ratio = this.canvas.ratio;
         const width = untracked(() => this.width());
         const height = untracked(() => this.height());
-        const rotation = untracked(() => this.rotation());
-        return new Rect(x, y, width * ratio, height * ratio, rotation);
+        return new Rect(x, y, width * ratio, height * ratio, this.rotation);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: InteractiveRectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: InteractiveRectComponent, isStandalone: false, selector: "interactive-rect", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, rotation: { classPropertyName: "rotation", publicName: "rotation", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", type: InteractiveRectComponent, isStandalone: false, selector: "interactive-rect", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: InteractiveItemComponent, useExisting: InteractiveRectComponent },
         ], usesInheritance: true, ngImport: i0, template: "", isInline: true }); }
 }
@@ -9671,5 +9704,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", 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, 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 };
+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, eqPts, getComponentDef, getCssVariables, getRoot, gjkDistance, gjkIntersection, impatientPromise, injectOptions, isBrowser, isEqual, isPoint, isZero, 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