@stemy/ngx-utils 19.7.7 → 19.7.9

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>;
@@ -42,6 +47,7 @@ export interface IIconService {
     isDisabled: boolean;
     iconsLoaded: EventEmitter<any>;
     getIcon(icon: string, activeIcon: string, active: boolean): Promise<string>;
+    getIconImage(icon: string, modifier?: SvgSourceModifier): Promise<HTMLImageElement>;
 }
 export interface ITranslation {
     lang: string;
@@ -346,11 +352,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 +367,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;
@@ -458,6 +463,12 @@ export interface IHttpService {
     url(url: string): string;
     makeListParams(page: number, itemsPerPage: number, orderBy?: string, orderDescending?: boolean, filter?: string): HttpRequestQuery;
 }
+export interface SvgDefinition {
+    source: SVGSVGElement;
+    width: number;
+    height: number;
+}
+export type SvgSourceModifier = (svg: SVGSVGElement, width: number, height: number) => string;
 export interface IBaseHttpClient extends HttpClient {
     readonly requestHeaders: HttpRequestHeaders;
     readonly requestParams: HttpRequestQuery;

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,33 +77,29 @@ 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;
-    onTouchEnd($event: TouchEvent): void;
+    onTouchEnd(): void;
     onMouseDown($event: MouseEvent): void;
-    onMouseUp($event: MouseEvent): void;
+    onMouseUp(): void;
     onMouseMove($event: MouseEvent): void;
     onMouseLeave(): void;
     onPanStart(): void;
     onPanMove($event: any): void;
     onPanEnd(): void;
     protected fixRotation(): void;
-    protected fixItems(): void;
-    protected selectItem(pointer: InteractiveCanvasPointer): void;
+    protected selectItem(): void;
     protected toCanvasPoint(pointer: InteractiveCanvasPointer): Point;
     protected getIndexUnderPointer(pointer: InteractiveCanvasPointer): number;
     protected updateCursor(): void;
@@ -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();
@@ -36,6 +38,7 @@ export declare class InteractiveItemComponent implements OnChanges, InteractiveC
     moveY(y: number): void;
     moveEnd(): void;
     protected restrictPosition(x: number, y: number): IPoint;
+    protected checkIsValid(): boolean;
     protected isValidByParams(): boolean;
     protected isValidByDistance(other: InteractiveCanvasItem): boolean;
     protected distToPixels(value: number): number;

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

@@ -58,13 +58,12 @@ 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 components: (typeof ChipsComponent | typeof CloseBtnComponent | typeof DropListComponent | typeof DynamicTableComponent | typeof PaginationMenuComponent | typeof UnorderedListComponent | typeof UploadComponent)[];
 export declare const providers: (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 FormatterService | 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 | {
     provide: import("@angular/core").InjectionToken<import("@angular/platform-browser").EventManagerPlugin[]>;
     useClass: typeof DragDropEventPlugin;

package/ngx-utils/services/icon.service.d.ts

@@ -1,13 +1,17 @@
 import { EventEmitter } from "@angular/core";
-import { IIconService } from "../common-types";
+import { IIconService, SvgSourceModifier } from "../common-types";
+import { LocalHttpService } from "./local-http.service";
 import * as i0 from "@angular/core";
 export declare class IconService implements IIconService {
+    readonly http: LocalHttpService;
     get isDisabled(): boolean;
     set isDisabled(value: boolean);
     readonly iconsLoaded: EventEmitter<any>;
     protected disabled: boolean;
-    constructor();
+    constructor(http: LocalHttpService);
     getIcon(icon: string, activeIcon: string, active: boolean): Promise<string>;
+    getIconUrl(icon: string, modifier?: SvgSourceModifier): Promise<string>;
+    getIconImage(icon: string, modifier?: SvgSourceModifier): Promise<HTMLImageElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
 }

package/ngx-utils/services/local-http.service.d.ts

@@ -1,8 +1,9 @@
-import { HttpClientRequestOptions, IConfiguration } from "../common-types";
+import { HttpClientRequestOptions, IConfiguration, SvgDefinition, SvgSourceModifier } from "../common-types";
 import { BaseHttpService } from "./base-http.service";
 import * as i0 from "@angular/core";
 export declare class LocalHttpService extends BaseHttpService {
-    private images;
+    protected svgs: Record<string, SvgDefinition>;
+    protected images: Record<string, Promise<HTMLImageElement>>;
     get name(): string;
     get config(): IConfiguration;
     protected get withCredentials(): boolean;
@@ -10,6 +11,10 @@ export declare class LocalHttpService extends BaseHttpService {
     url(url: string): string;
     get(url: string, options?: HttpClientRequestOptions, body?: any): Promise<any>;
     getImage(url: string): Promise<HTMLImageElement>;
+    svgUrlFromSource(sourceStr: string, modifier?: SvgSourceModifier): string;
+    svgFromSource(sourceStr: string, modifier?: SvgSourceModifier): Promise<HTMLImageElement>;
+    getSvgUrl(url: string, modifier?: SvgSourceModifier): Promise<string>;
+    getSvgImage(url: string, modifier?: SvgSourceModifier): Promise<HTMLImageElement>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalHttpService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LocalHttpService>;
 }

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/file.utils.d.ts

@@ -8,7 +8,6 @@ export declare class FileUtils {
     static saveBlob(blob: Blob, fileName: string): void;
     static saveJson(json: any, fileName: string): void;
     static readFileAsText(file: Blob): Promise<string>;
-    static readFileAsBinaryString(file: Blob): Promise<string>;
     static readFileAsDataURL(file: Blob): Promise<string>;
     static base64ToBlob(base64: string, mimeType?: string): Blob;
     static readBlobFromUrl(http: HttpClient, url: string): Promise<Blob>;

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/ngx-utils/utils/string.utils.d.ts

@@ -1,3 +1,4 @@
+export declare function svgToDataUri(svgString: string): string;
 export declare class StringUtils {
     static concat(separator: string, ...strings: string[]): string;
     static startsWith(str: string, ...starts: string[]): boolean;

package/package.json

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

package/public_api.d.ts

@@ -1,6 +1,6 @@
 import "zone.js";
 export { MaybePromise, MaybeArray, KeysOfType, ObjOfType, StringKeys, CapitalizeFirst, CamelJoin, PrefixedPick } from "./ngx-utils/helper-types";
-export { DurationUnit, TypedFactoryProvider, TypedValueProvider, TypedExistingProvider, TypedClassProvider, TypedTokenProvider, TypedProvider, CachedFactory, ResolveFactory, IResolveFactory, CanvasColor, IIconService, ITranslation, ITranslations, ILanguageSetting, ILanguageSettings, ILanguageService, IUserData, IAuthService, RouteValidator, IRouteData, IRoute, IAclComponent, IDialogButtonConfig, IDialogConfig, IConfirmMessageConfig, IConfirmDialogConfig, IDialogService, IPromiseService, IRouteStateInfo, NavigationUrlParam, StorageMode, ToastType, IToasterService, IAsyncMessage, AsyncMethod, IconMap, IconProps, ButtonType, ButtonSize, ButtonProps, TabValue, TabOption, ChipValue, ChipStatus, ChipOption, DropdownAttachTo, UnorderedListTemplate, UnorderedListTemplates, UnorderedListStyle, UploadType, IFileUploadResult, IFileUploadProcess, IAjaxRequestDetails, AjaxRequestCallback, ScriptType, ILoadableElement, ILoaderPromises, ISearchObservable, FactoryDependencies, ObjectType, ITimer, IExtraProperties, IGroupMap, TranslationQuery, IPageInfo, IPaginationData, PaginationDataLoader, PaginationItemContext, IPoint, ShapeIntersection, ShapeDistance, IShape, CanvasResizeMode, CanvasItemDirection, CanvasPaintFunc, RangeCoords, RectCoords, InteractiveCanvasParams, InteractiveCanvasItem, InteractiveCanvasItems, InteractiveCanvas, InteractiveCanvasRenderer, InteractivePanEvent, InteractiveCanvasPointer, HttpRequestHeaders, HttpRequestQuery, HttpClientRequestOptions, HttpRequestOptions, UploadData, IIssueContext, IProgress, ProgressListener, CacheExpireMode, IHttpService, IApiService, DynamicSchemaRef, OpenApiSchemaProperty, OpenApiSchema, OpenApiSchemas, TableFilterType, ITableOrders, ITableColumn, ITableColumns, TableColumns, ITableTemplate, ITableTemplates, ITableDataQuery, TableDataItems, TableDataLoader, DragDropEvent, DragEventHandler, ITableDragEvent, DynamicTableDragHandler, ResourceIfContext, CssSelector, CssSelectorList, DynamicComponentLocation, DynamicModuleInfo, DynamicEntryComponents, IConfiguration, IConfigService, ResizeEventStrategy, ErrorHandlerCallback, GlobalComponentModifier, AppInitializerFunc, IModuleConfig, ValuedPromise } from "./ngx-utils/common-types";
+export { DurationUnit, TypedFactoryProvider, TypedValueProvider, TypedExistingProvider, TypedClassProvider, TypedTokenProvider, TypedProvider, CachedFactory, ResolveFactory, IResolveFactory, CanvasColor, IIconService, ITranslation, ITranslations, ILanguageSetting, ILanguageSettings, ILanguageService, IUserData, IAuthService, RouteValidator, IRouteData, IRoute, IAclComponent, IDialogButtonConfig, IDialogConfig, IConfirmMessageConfig, IConfirmDialogConfig, IDialogService, IPromiseService, IRouteStateInfo, NavigationUrlParam, StorageMode, ToastType, IToasterService, IAsyncMessage, AsyncMethod, IconMap, IconProps, ButtonType, ButtonSize, ButtonProps, TabValue, TabOption, ChipValue, ChipStatus, ChipOption, DropdownAttachTo, UnorderedListTemplate, UnorderedListTemplates, UnorderedListStyle, UploadType, IFileUploadResult, IFileUploadProcess, IAjaxRequestDetails, AjaxRequestCallback, ScriptType, ILoadableElement, ILoaderPromises, ISearchObservable, FactoryDependencies, ObjectType, ITimer, IExtraProperties, IGroupMap, TranslationQuery, IPageInfo, IPaginationData, PaginationDataLoader, PaginationItemContext, IPoint, ShapeIntersection, ShapeDistance, IShape, CanvasResizeMode, CanvasItemDirection, CanvasPaintFunc, RangeCoords, RectCoords, InteractiveCanvasParams, InteractiveCanvasItem, InteractiveCanvasItems, InteractiveCanvas, InteractiveCanvasRenderer, InteractivePanEvent, InteractiveCanvasPointer, HttpRequestHeaders, HttpRequestQuery, HttpClientRequestOptions, HttpRequestOptions, UploadData, IIssueContext, IProgress, ProgressListener, CacheExpireMode, IHttpService, SvgSourceModifier, IApiService, DynamicSchemaRef, OpenApiSchemaProperty, OpenApiSchema, OpenApiSchemas, TableFilterType, ITableOrders, ITableColumn, ITableColumns, TableColumns, ITableTemplate, ITableTemplates, ITableDataQuery, TableDataItems, TableDataLoader, DragDropEvent, DragEventHandler, ITableDragEvent, DynamicTableDragHandler, ResourceIfContext, CssSelector, CssSelectorList, DynamicComponentLocation, DynamicModuleInfo, DynamicEntryComponents, IConfiguration, IConfigService, ResizeEventStrategy, ErrorHandlerCallback, GlobalComponentModifier, AppInitializerFunc, IModuleConfig, ValuedPromise } from "./ngx-utils/common-types";
 export { ICON_TYPE, ICON_MAP, BUTTON_TYPE, ERROR_HANDLER, STATIC_SCHEMAS, RESIZE_STRATEGY, RESIZE_DELAY, ROOT_ELEMENT, SCRIPT_PARAMS, BASE_CONFIG, CONFIG_SERVICE, APP_BASE_URL, API_SERVICE, EXPRESS_REQUEST, PROMISE_SERVICE, DIALOG_SERVICE, TOASTER_SERVICE, AUTH_SERVICE, LANGUAGE_SERVICE, ICON_SERVICE, OPTIONS_TOKEN } from "./ngx-utils/tokens";
 export { AjaxRequestHandler } from "./ngx-utils/utils/ajax-request-handler";
 export { ArrayUtils } from "./ngx-utils/utils/array.utils";
@@ -18,11 +18,11 @@ 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";
-export { StringUtils } from "./ngx-utils/utils/string.utils";
+export { svgToDataUri, StringUtils } from "./ngx-utils/utils/string.utils";
 export { SetUtils } from "./ngx-utils/utils/set.utils";
 export { computedPrevious, cssStyles, cssVariables } from "./ngx-utils/utils/signal-utils";
 export { SocketFactory, SocketData, SocketDataValue, SocketDataObj, SocketClient } from "./ngx-utils/utils/socket-client";