@stemy/ngx-utils 19.7.9 → 19.7.10

package/fesm2022/stemy-ngx-utils.mjs

@@ -1136,19 +1136,6 @@ const shg_table = [
     24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
     24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24
 ];
-function drawRect(ctx, w, h) {
-    ctx.beginPath();
-    ctx.rect(-w / 2, -h / 2, w, h);
-    ctx.closePath();
-}
-function drawOval(ctx, w, h) {
-    ctx.beginPath();
-    ctx.ellipse(0, 0, w / 2, h / 2, 0, 0, Math.PI * 2);
-    ctx.closePath();
-}
-function drawPoint(ctx) {
-    drawOval(ctx, 4, 4);
-}
 class CanvasUtils {
     static manipulatePixels(canvas, ctx, colorTransformer) {
         const imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -2118,6 +2105,11 @@ 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();
+    }
     support() {
         return this.center;
     }
@@ -2190,6 +2182,17 @@ class Rect 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.rect(-w / 2, -h / 2, w, h);
+        ctx.closePath();
+        ctx.rotate(-angle);
+    }
     support(dir) {
         const ang = this.rotation ?? 0;
         const dLocal = rotateDeg(ensurePoint(dir, { x: 1, y: 0 }), -ang);
@@ -2211,6 +2214,17 @@ 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);
+    }
     support(dir) {
         const ang = this.rotation ?? 0;
         const d = rotateDeg(ensurePoint(dir, { x: 1, y: 0 }), -ang);
@@ -7830,6 +7844,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }] } });
 
 class InteractiveItemComponent {
+    get frame() {
+        return this.mFrame;
+    }
     get shapes() {
         return this.mShapes;
     }
@@ -7894,10 +7911,11 @@ class InteractiveItemComponent {
         this.valid = true;
         this.pos = Point.Zero;
         this.direction = "none";
+        this.mFrame = new Rect(0, 0, 3, 3);
         this.mShapes = [];
     }
-    draw(ctx) {
-        drawOval(ctx, 4, 4);
+    draw(ctx, shape) {
+        shape.draw(ctx, 1);
         ctx.fill();
         ctx.stroke();
     }
@@ -8358,7 +8376,7 @@ class InteractiveCanvasComponent {
             ctx.lineWidth = 1;
             ctx.strokeStyle = "black";
             ctx.fillStyle = "white";
-            await item.draw(ctx);
+            await item.draw(ctx, shape);
             ctx.restore();
         }
     }
@@ -8417,20 +8435,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 class InteractiveCircleComponent extends InteractiveItemComponent {
     constructor() {
         super();
-        this.radius = 10;
-    }
-    draw(ctx) {
-        const diameter = this.radius * 2 * this.canvas.ratio;
-        drawOval(ctx, diameter, diameter);
-        ctx.fill();
-        ctx.stroke();
+        this.radius = input(10);
+        effect(() => {
+            const radius = this.radius();
+            this.mFrame = new Rect(0, 0, radius * 2, radius * 2);
+        });
     }
     calcShape(x, y) {
-        const ratio = this.canvas.ratio;
-        return new Circle(x, y, this.radius * ratio);
+        const radius = untracked(() => this.radius());
+        return new Circle(x, y, radius * this.canvas.ratio);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: InteractiveCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: InteractiveCircleComponent, isStandalone: false, selector: "interactive-circle", inputs: { radius: "radius" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: InteractiveCircleComponent, isStandalone: false, selector: "interactive-circle", inputs: { radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: InteractiveItemComponent, useExisting: InteractiveCircleComponent },
         ], usesInheritance: true, ngImport: i0, template: "", isInline: true }); }
 }
@@ -8444,30 +8460,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         { provide: InteractiveItemComponent, useExisting: InteractiveCircleComponent },
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { radius: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class InteractiveRectComponent extends InteractiveItemComponent {
     constructor() {
         super();
-        this.width = 10;
-        this.height = 10;
-        this.rotation = 0;
-    }
-    draw(ctx) {
-        const ratio = this.canvas.ratio;
-        ctx.rotate(toRadians(this.rotation));
-        drawRect(ctx, this.width * ratio, this.height * ratio);
-        ctx.fill();
-        ctx.stroke();
+        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());
+        });
     }
     calcShape(x, y) {
         const ratio = this.canvas.ratio;
-        return new Rect(x, y, this.width * ratio, this.height * ratio, this.rotation);
+        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);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: InteractiveRectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: InteractiveRectComponent, isStandalone: false, selector: "interactive-rect", inputs: { width: "width", height: "height", rotation: "rotation" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", 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: [
             { provide: InteractiveItemComponent, useExisting: InteractiveRectComponent },
         ], usesInheritance: true, ngImport: i0, template: "", isInline: true }); }
 }
@@ -8481,13 +8494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         { provide: InteractiveItemComponent, useExisting: InteractiveRectComponent },
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], rotation: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class TabsComponent {
     constructor() {
@@ -9204,5 +9211,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, 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, JSONfn, 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, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, distance, distanceSq, dividePts, dotProduct, drawOval, drawRect, ensurePoint, getComponentDef, getCssVariables, getRoot, gjkDistance, gjkIntersection, hashCode, impatientPromise, injectOptions, isBrowser, isPoint, lengthOfPt, lerpPts, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, perpendicular, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, selectorMatchesList, 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, 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, JSONfn, 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, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, distance, distanceSq, dividePts, dotProduct, ensurePoint, getComponentDef, getCssVariables, getRoot, gjkDistance, gjkIntersection, hashCode, impatientPromise, injectOptions, isBrowser, isPoint, lengthOfPt, lerpPts, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, perpendicular, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, selectorMatchesList, subPts, svgToDataUri, switchClass, toDegrees, toRadians, tripleProduct };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map