@stemy/ngx-utils 19.7.16 → 19.7.17

package/fesm2022/stemy-ngx-utils.mjs

@@ -1702,6 +1702,50 @@ class FileSystemEntry {
     }
 }
 
+class ExclusionsRenderer {
+    constructor() {
+        return Invokable.create(this);
+    }
+    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 rulerDash = [5, 5];
+const emptyDash$1 = [];
+class RulerCanvasRenderer {
+    constructor() {
+        return Invokable.create(this);
+    }
+    async [Invokable.call](renderCanvas) {
+        const ctx = renderCanvas.ctx;
+        ctx.lineWidth = 1;
+        ctx.strokeStyle = "rgba(128, 128, 128, 0.4)";
+        ctx.setLineDash(rulerDash);
+        renderCanvas.cycles?.forEach(cycle => {
+            ctx.beginPath();
+            ctx.moveTo(0, cycle);
+            ctx.lineTo(renderCanvas.canvasWidth, cycle);
+            ctx.stroke();
+        });
+        const hw = renderCanvas.canvasWidth / 2;
+        ctx.lineDashOffset = -renderCanvas.basePan;
+        ctx.beginPath();
+        ctx.moveTo(hw, 0);
+        ctx.lineTo(hw, renderCanvas.canvasHeight);
+        ctx.stroke();
+        ctx.setLineDash(emptyDash$1);
+    }
+}
+
 function dotProduct(a, b) {
     return a.x * b.x + a.y * b.y;
 }
@@ -6482,7 +6526,6 @@ class DropdownDirective {
         return true;
     }
     hide() {
-        console.log("hi");
         if (!this.opened)
             return true;
         this.opened = false;
@@ -7947,11 +7990,13 @@ class InteractiveItemComponent {
     constructor() {
         this.active = false;
         this.index = -1;
+        this.canvasParams = {};
         this.valid = true;
         this.pos = Point.Zero;
         this.direction = "none";
         this.mFrame = new Rect(0, 0, 3, 3);
         this.mShapes = [];
+        this.mDistances = new Map();
     }
     draw(ctx, shape) {
         shape.draw(ctx, 1);
@@ -7996,6 +8041,7 @@ class InteractiveItemComponent {
         this.moveTo(this.pos.x, y);
     }
     moveEnd() {
+        this.mDistances.clear();
         if (this.valid)
             return;
         this.pos = this.validPos;
@@ -8022,7 +8068,10 @@ class InteractiveItemComponent {
         });
     }
     isValidByDistance(other) {
-        const minPixels = this.distToPixels(this.getMinDistance(other));
+        if (!this.mDistances.has(other)) {
+            this.mDistances.set(other, this.distToPixels(this.getMinDistance(other)));
+        }
+        const minPixels = this.mDistances.get(other);
         return !this.shapes.some(shape => {
             return other.shapes.some(os => {
                 return shape.distance(os) <= minPixels;
@@ -8271,7 +8320,7 @@ class InteractiveCanvasComponent {
     }
     onPanMove($event) {
         const item = this.lockedItem;
-        const horizontal = this.horizontal();
+        const horizontal = untracked(() => this.horizontal());
         const deltaX = $event.deltaX / this.ratio;
         const deltaY = $event.deltaY / this.ratio;
         const data = {
@@ -8334,6 +8383,7 @@ class InteractiveCanvasComponent {
             });
         });
         this.items.forEach(item => {
+            item.canvasParams = params;
             item.calcShapes();
         });
         this.onRotate.emit(this.rotation);
@@ -9246,5 +9296,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, 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, 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, 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, RulerCanvasRenderer, 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