@stemy/ngx-utils 19.7.6 → 19.7.8

package/ngx-utils/common-types.d.ts

@@ -6,19 +6,24 @@ import { DurationLikeObject } from "luxon";
 import { MaybePromise, StringKeys } from "./helper-types";
 export type DurationUnit = StringKeys<DurationLikeObject>;
 export interface TypedFactoryProvider<T> {
+    provide?: any;
     useFactory: (...args: any[]) => T;
     deps: any[];
 }
 export interface TypedValueProvider<T> {
+    provide?: any;
     useValue: T;
 }
 export interface TypedExistingProvider<T> {
+    provide?: any;
     useExisting: Type<T>;
 }
 export interface TypedClassProvider<T> {
+    provide?: any;
     useClass: Type<T>;
 }
 export interface TypedTokenProvider<T> {
+    provide?: any;
     useToken: InjectionToken<T>;
 }
 export type TypedProvider<T> = TypedFactoryProvider<T> | TypedValueProvider<T> | TypedExistingProvider<T> | TypedClassProvider<T> | TypedTokenProvider<T> | Type<T>;
@@ -346,11 +351,13 @@ export interface InteractiveCanvasParams {
 export interface InteractiveCanvasItem {
     readonly position: IPoint;
     readonly shapes: ReadonlyArray<IShape>;
-    readonly canvas: InteractiveCanvas;
-    readonly index: number;
-    readonly active: boolean;
     readonly isValid: boolean;
     readonly validPosition: IPoint;
+    readonly hovered: boolean;
+    readonly selected: boolean;
+    readonly active: boolean;
+    readonly canvas: InteractiveCanvas;
+    readonly index: number;
     draw(ctx: CanvasRenderingContext2D): MaybePromise<void>;
 }
 export type InteractiveCanvasItems = ReadonlyArray<InteractiveCanvasItem>;
@@ -359,16 +366,13 @@ export type InteractiveCanvasItems = ReadonlyArray<InteractiveCanvasItem>;
  * Some properties are optional for compatibility with other kind of renderer functions
  */
 export interface InteractiveCanvas {
-    readonly infinite?: boolean;
-    readonly resizeMode?: CanvasResizeMode;
-    readonly params?: InteractiveCanvasParams;
+    readonly isInfinite?: boolean;
     readonly realWidth?: number;
     readonly realHeight?: number;
-    readonly $items?: Observable<InteractiveCanvasItems>;
     readonly items?: InteractiveCanvasItems;
     readonly canvas: HTMLCanvasElement;
     readonly lockedItem?: InteractiveCanvasItem;
-    readonly selectedItem?: InteractiveCanvasItem;
+    selectedItem?: InteractiveCanvasItem;
     hoveredItem?: InteractiveCanvasItem;
     readonly xRange?: RangeCoords;
     readonly yRange?: RangeCoords;

package/ngx-utils/components/interactive-canvas/interactive-canvas.component.d.ts

@@ -1,45 +1,64 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Renderer2 } from "@angular/core";
-import { BehaviorSubject, Subscription } from "rxjs";
+import { ElementRef, OnDestroy, OnInit, Renderer2 } from "@angular/core";
 import { CanvasPaintFunc, CanvasResizeMode, InteractiveCanvas, InteractiveCanvasItem, InteractiveCanvasParams, InteractiveCanvasPointer, InteractiveCanvasRenderer, InteractivePanEvent, IPoint, RangeCoords } from "../../common-types";
 import { Point, Rect } from "../../utils/geometry";
-import { InteractiveItemComponent } from "./interactive-item.component";
 import { UniversalService } from "../../services/universal.service";
+import { InteractiveItemComponent } from "./interactive-item.component";
 import * as i0 from "@angular/core";
-export declare class InteractiveCanvasComponent implements InteractiveCanvas, OnInit, OnDestroy, AfterViewInit, OnChanges {
-    readonly renderer: Renderer2;
-    readonly universal: UniversalService;
-    infinite: boolean;
-    resizeMode: CanvasResizeMode;
-    params: InteractiveCanvasParams;
+export declare class InteractiveCanvasComponent implements InteractiveCanvas, OnInit, OnDestroy {
+    /**
+     * Injectable options
+     * @private
+     */
+    protected readonly options: {
+        infinite: boolean;
+        resizeMode: CanvasResizeMode;
+        panOffset: number;
+    };
+    protected readonly renderer: Renderer2;
+    protected readonly universal: UniversalService;
+    /**
+     * Is the canvas infinitely scrollable?
+     */
+    readonly infinite: import("@angular/core").InputSignal<boolean>;
+    readonly resizeMode: import("@angular/core").InputSignal<CanvasResizeMode>;
+    readonly horizontal: import("@angular/core").InputSignal<boolean>;
     /**
      * Real life-size width of the canvas
      */
-    realWidth: number;
+    readonly width: import("@angular/core").InputSignal<number>;
     /**
      * Real life-size height of the canvas
      */
-    realHeight: number;
-    debug: boolean;
-    horizontal: boolean;
-    selectedIndex: number;
+    readonly height: import("@angular/core").InputSignal<number>;
+    /**
+     * Canvas params
+     */
+    readonly params: import("@angular/core").InputSignalWithTransform<InteractiveCanvasParams, InteractiveCanvasParams>;
+    /**
+     * Model signal for selected index
+     */
+    readonly selectedIndex: import("@angular/core").ModelSignal<number>;
     /**
      * Relative offset of the panning. It is based on the rendered canvas height
      */
-    panOffset: number;
-    renderCtx: Record<string, any>;
-    beforeItems: ReadonlyArray<InteractiveCanvasRenderer>;
-    afterItems: ReadonlyArray<InteractiveCanvasRenderer>;
-    selectedIndexChange: EventEmitter<number>;
-    onRotate: EventEmitter<number>;
-    onItemPan: EventEmitter<InteractivePanEvent>;
-    onItemPanned: EventEmitter<InteractivePanEvent>;
-    onPan: EventEmitter<InteractivePanEvent>;
-    onPanned: EventEmitter<InteractivePanEvent>;
-    readonly $items: BehaviorSubject<InteractiveItemComponent[]>;
+    readonly panOffset: import("@angular/core").InputSignal<number>;
+    readonly renderCtx: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly beforeItems: import("@angular/core").InputSignal<readonly InteractiveCanvasRenderer[]>;
+    readonly afterItems: import("@angular/core").InputSignal<readonly InteractiveCanvasRenderer[]>;
+    readonly onRotate: import("@angular/core").OutputEmitterRef<number>;
+    readonly onItemPan: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
+    readonly onItemPanned: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
+    readonly onPan: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
+    readonly onPanned: import("@angular/core").OutputEmitterRef<InteractivePanEvent>;
+    readonly itemList: import("@angular/core").Signal<readonly InteractiveItemComponent[]>;
+    get isInfinite(): boolean;
+    get realWidth(): number;
+    get realHeight(): number;
     get items(): ReadonlyArray<InteractiveItemComponent>;
     get canvas(): HTMLCanvasElement;
     get lockedItem(): InteractiveItemComponent;
     get selectedItem(): InteractiveItemComponent;
+    set selectedItem(item: InteractiveItemComponent);
     get hoveredItem(): InteractiveItemComponent;
     set hoveredItem(item: InteractiveItemComponent);
     xRange: RangeCoords;
@@ -58,19 +77,16 @@ export declare class InteractiveCanvasComponent implements InteractiveCanvas, On
     protected tempCanvas: HTMLCanvasElement;
     protected shouldDraw: boolean;
     protected hoveredIndex: number;
-    protected subscription: Subscription;
     protected containerElem: ElementRef<HTMLDivElement>;
     protected canvasElem: ElementRef<HTMLCanvasElement>;
-    protected itemList: QueryList<InteractiveItemComponent>;
     protected touched: boolean;
     protected panStartRotation: number;
     protected panStartPos: IPoint;
     protected lockedIndex: number;
-    constructor(renderer: Renderer2, universal: UniversalService);
+    protected oldLength: number;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    ngOnChanges(): void;
-    ngAfterViewInit(): void;
     tempPaint(cb: CanvasPaintFunc): Promise<void>;
     resize(): void;
     onTouchStart($event: TouchEvent): void;
@@ -83,7 +99,6 @@ export declare class InteractiveCanvasComponent implements InteractiveCanvas, On
     onPanMove($event: any): void;
     onPanEnd(): void;
     protected fixRotation(): void;
-    protected fixItems(): void;
     protected selectItem(pointer: InteractiveCanvasPointer): void;
     protected toCanvasPoint(pointer: InteractiveCanvasPointer): Point;
     protected getIndexUnderPointer(pointer: InteractiveCanvasPointer): number;
@@ -94,5 +109,5 @@ export declare class InteractiveCanvasComponent implements InteractiveCanvas, On
     protected drawItem(ctx: CanvasRenderingContext2D, item: InteractiveCanvasItem): Promise<void>;
     protected draw(): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveCanvasComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveCanvasComponent, "interactive-canvas", never, { "infinite": { "alias": "infinite"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "params": { "alias": "params"; "required": false; }; "realWidth": { "alias": "realWidth"; "required": false; }; "realHeight": { "alias": "realHeight"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "panOffset": { "alias": "panOffset"; "required": false; }; "renderCtx": { "alias": "renderCtx"; "required": false; }; "beforeItems": { "alias": "beforeItems"; "required": false; }; "afterItems": { "alias": "afterItems"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "onRotate": "onRotate"; "onItemPan": "onItemPan"; "onItemPanned": "onItemPanned"; "onPan": "onPan"; "onPanned": "onPanned"; }, ["itemList"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveCanvasComponent, "interactive-canvas", never, { "infinite": { "alias": "infinite"; "required": false; "isSignal": true; }; "resizeMode": { "alias": "resizeMode"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "params": { "alias": "params"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "panOffset": { "alias": "panOffset"; "required": false; "isSignal": true; }; "renderCtx": { "alias": "renderCtx"; "required": false; "isSignal": true; }; "beforeItems": { "alias": "beforeItems"; "required": false; "isSignal": true; }; "afterItems": { "alias": "afterItems"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "onRotate": "onRotate"; "onItemPan": "onItemPan"; "onItemPanned": "onItemPanned"; "onPan": "onPan"; "onPanned": "onPanned"; }, ["itemList"], never, false, never>;
 }

package/ngx-utils/components/interactive-canvas/interactive-item.component.d.ts

@@ -7,8 +7,6 @@ export declare class InteractiveItemComponent implements OnChanges, InteractiveC
     protected pos: Point;
     protected mShapes: IShape[];
     get shapes(): ReadonlyArray<IShape>;
-    get hovered(): boolean;
-    set hovered(value: boolean);
     get x(): number;
     set x(value: number);
     get y(): number;
@@ -18,11 +16,15 @@ export declare class InteractiveItemComponent implements OnChanges, InteractiveC
     get isValid(): boolean;
     get validPosition(): IPoint;
     set validPosition(value: IPoint);
+    get hovered(): boolean;
+    set hovered(value: boolean);
+    get selected(): boolean;
+    set selected(value: boolean);
     direction: CanvasItemDirection;
     disabled: boolean;
+    active: boolean;
     canvas: InteractiveCanvas;
     index: number;
-    active: boolean;
     protected valid: boolean;
     protected validPos: Point;
     constructor();

package/ngx-utils/ngx-utils.imports.d.ts

@@ -58,14 +58,13 @@ import { ChipsComponent } from "./components/chips/chips.component";
 import { CloseBtnComponent } from "./components/close-btn/close-btn.component";
 import { DropListComponent } from "./components/drop-list/drop-list.component";
 import { DynamicTableComponent } from "./components/dynamic-table/dynamic-table.component";
-import { InteractiveCanvasComponent } from "./components/interactive-canvas/interactive-canvas.component";
 import { PaginationMenuComponent } from "./components/pagination-menu/pagination-menu.component";
 import { UnorderedListComponent } from "./components/unordered-list/unordered-list.component";
 import { UploadComponent } from "./components/upload/upload.component";
 export declare const pipes: (typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof IncludesPipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe)[];
 export declare const directives: (typeof AsyncMethodBase | typeof AsyncMethodTargetDirective | typeof BackgroundDirective | typeof ComponentLoaderDirective | typeof DynamicTableTemplateDirective | typeof GlobalTemplateDirective | typeof IconDirective | typeof NgxTemplateOutletDirective | typeof PaginationDirective | typeof PaginationItemDirective | typeof ResourceIfDirective | typeof StickyDirective | typeof StickyClassDirective | typeof DropdownDirective | typeof DropdownContentDirective | typeof TabsItemDirective | typeof UnorderedListItemDirective | typeof UnorderedListTemplateDirective)[];
-export declare const components: (typeof ChipsComponent | typeof CloseBtnComponent | typeof DropListComponent | typeof DynamicTableComponent | typeof InteractiveCanvasComponent | typeof PaginationMenuComponent | typeof UnorderedListComponent | typeof UploadComponent)[];
-export declare const providers: (typeof FormatterService | typeof UniversalService | typeof StateService | typeof AuthGuard | typeof EventsService | typeof AclService | typeof BaseHttpClient | typeof StorageService | typeof CacheService | typeof BaseHttpService | typeof StaticAuthService | typeof ConfigService | typeof BaseDialogService | typeof ErrorHandlerService | typeof GlobalTemplateService | typeof IconService | typeof StaticLanguageService | typeof OpenApiService | typeof BaseToasterService | typeof ComponentLoaderService | typeof TranslatedUrlSerializer | typeof PromiseService | typeof SocketService | typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof IncludesPipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe | typeof DeviceDetectorService | {
+export declare const components: (typeof ChipsComponent | typeof CloseBtnComponent | typeof DropListComponent | typeof DynamicTableComponent | typeof PaginationMenuComponent | typeof UnorderedListComponent | typeof UploadComponent)[];
+export declare const providers: (typeof FilterPipe | typeof FormatNumberPipe | typeof GlobalTemplatePipe | typeof IncludesPipe | typeof ReducePipe | typeof RoundPipe | typeof SafeHtmlPipe | typeof TranslatePipe | typeof BaseHttpClient | typeof BaseHttpService | typeof AuthGuard | typeof AclService | typeof StaticAuthService | typeof ConfigService | typeof BaseDialogService | typeof ErrorHandlerService | typeof EventsService | typeof FormatterService | typeof GlobalTemplateService | typeof IconService | typeof StaticLanguageService | typeof OpenApiService | typeof PromiseService | typeof SocketService | typeof StateService | typeof StorageService | typeof BaseToasterService | typeof CacheService | typeof ComponentLoaderService | typeof TranslatedUrlSerializer | typeof UniversalService | typeof DeviceDetectorService | {
     provide: import("@angular/core").InjectionToken<import("@angular/platform-browser").EventManagerPlugin[]>;
     useClass: typeof DragDropEventPlugin;
     multi: boolean;

package/ngx-utils/tokens.d.ts

@@ -4,7 +4,7 @@ import { ButtonProps, DynamicEntryComponents, DynamicModuleInfo, ErrorHandlerCal
 export declare const ICON_TYPE: InjectionToken<Type<IconProps>>;
 export declare const ICON_MAP: InjectionToken<IconMap>;
 export declare const BUTTON_TYPE: InjectionToken<Type<ButtonProps>>;
-export declare const OPTIONS_TOKEN: InjectionToken<unknown>;
+export declare const OPTIONS_TOKEN: InjectionToken<Record<string, any>>;
 export declare const ICON_SERVICE: InjectionToken<IIconService>;
 export declare const LANGUAGE_SERVICE: InjectionToken<ILanguageService>;
 export declare const AUTH_SERVICE: InjectionToken<IAuthService>;

package/ngx-utils/utils/misc.d.ts

@@ -1,5 +1,5 @@
 import { Type, ValueProvider, ɵComponentDef as ComponentDef } from "@angular/core";
-import { CssSelector, CssSelectorList, TypedFactoryProvider } from "../common-types";
+import { CssSelector, CssSelectorList, TypedFactoryProvider, TypedValueProvider } from "../common-types";
 export declare function isBrowser(): boolean;
 /**
  * Returns an elements root
@@ -20,4 +20,6 @@ export declare function getComponentDef<T>(type: Type<T>): ComponentDef<T>;
 export declare function parseSelector(selector: string | CssSelector): CssSelector;
 export declare function selectorMatchesList(list: CssSelectorList, selector: CssSelector): boolean;
 export declare function provideEntryComponents(components: Type<any>[], moduleId?: string): ValueProvider;
-export declare function provideWithOptions<O extends Object, T = any>(type: Type<T>, options: O): TypedFactoryProvider<T>;
+export declare function provideOptions<O extends Record<string, any>>(options: O): Required<TypedValueProvider<O>>;
+export declare function provideWithOptions<O extends Record<string, any>, T = any>(type: Type<T>, options: O): TypedFactoryProvider<T>;
+export declare function injectOptions<O extends Record<string, any>>(defaults: O): O;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stemy/ngx-utils",
-  "version": "19.7.6",
+  "version": "19.7.8",
   "license": "MIT",
   "public": true,
   "repository": "https://github.com/stemyke/ngx-utils.git",

package/public_api.d.ts

@@ -18,7 +18,7 @@ export { JSONfn } from "./ngx-utils/utils/jsonfn";
 export { ReflectUtils } from "./ngx-utils/utils/reflect.utils";
 export { LoaderUtils } from "./ngx-utils/utils/loader.utils";
 export { EPSILON, normalizeRange, clamp, overflow, MathUtils } from "./ngx-utils/utils/math.utils";
-export { isBrowser, getRoot, hashCode, switchClass, getCssVariables, checkTransitions, getComponentDef, parseSelector, selectorMatchesList, provideEntryComponents, provideWithOptions } from "./ngx-utils/utils/misc";
+export { isBrowser, getRoot, hashCode, switchClass, getCssVariables, checkTransitions, getComponentDef, parseSelector, selectorMatchesList, provideEntryComponents, provideOptions, provideWithOptions, injectOptions } from "./ngx-utils/utils/misc";
 export { ObjectUtils } from "./ngx-utils/utils/object.utils";
 export { ObservableUtils, ISubscriberInfo } from "./ngx-utils/utils/observable.utils";
 export { CancelablePromise, cancelablePromise, impatientPromise } from "./ngx-utils/utils/promise.utils";