@stemy/ngx-utils 19.5.20 → 19.5.21

package/fesm2022/stemy-ngx-utils.mjs

@@ -1,7 +1,7 @@
 import 'zone.js';
 import 'reflect-metadata';
 import * as i0 from '@angular/core';
-import { InjectionToken, PLATFORM_ID, Inject, Injectable, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, createComponent, NgZone, Pipe, signal, input, output, inject, ChangeDetectorRef, Renderer2, ElementRef, effect, HostListener, Directive, Input, HostBinding, Output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewChild, forwardRef, ContentChild, ContentChildren, model, contentChildren, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
+import { InjectionToken, PLATFORM_ID, Inject, Injectable, Optional, Injector, untracked, computed, EventEmitter, isDevMode, ErrorHandler, createComponent, NgZone, Pipe, signal, input, output, inject, ChangeDetectorRef, ElementRef, effect, HostListener, Directive, Input, HostBinding, Output, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewChild, forwardRef, ContentChild, ContentChildren, model, contentChildren, Renderer2, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
 import * as i2 from '@angular/router';
 import { ActivatedRouteSnapshot, Scroll, NavigationEnd, Router, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer, ROUTES } from '@angular/router';
 import { BehaviorSubject, Observable, firstValueFrom, Subject, Subscription, from, TimeoutError, combineLatest, lastValueFrom } from 'rxjs';
@@ -2029,6 +2029,16 @@ class MathUtils {
     }
 }
 
+function switchClass(elem, className, status) {
+    if (!elem?.classList)
+        return;
+    status = status ?? !elem.classList.contains(className);
+    if (status) {
+        elem.classList.add(className);
+        return;
+    }
+    elem.classList.remove(className);
+}
 function getCssVariables(elem) {
     if ("computedStyleMap" in elem) {
         const styles = Array.from(elem.computedStyleMap());
@@ -2335,6 +2345,51 @@ class SetUtils {
     }
 }
 
+/**
+ * Returns a signal that emits the previous value of the given signal.
+ * The first time the signal is emitted, the previous value will be the same as the current value.
+ *
+ * @example
+ * ```ts
+ * const value = signal(0);
+ * const previous = computedPrevious(value);
+ *
+ * effect(() => {
+ *  console.log("Current value:", value());
+ *  console.log("Previous value:", previous());
+ * });
+ *
+ * Logs:
+ * // Current value: 0
+ * // Previous value: 0
+ *
+ * value.set(1);
+ *
+ * Logs:
+ * // Current value: 1
+ * // Previous value: 0
+ *
+ * value.set(2);
+ *
+ * Logs:
+ * // Current value: 2
+ * // Previous value: 1
+ *```
+ *
+ * @param s Signal to compute previous value for
+ * @returns Signal that emits previous value of `s`
+ */
+function computedPrevious(s) {
+    let current = null;
+    let previous = untracked(() => s()); // initial value is the current value
+    return computed(() => {
+        current = s();
+        const result = previous;
+        previous = current;
+        return result;
+    });
+}
+
 function uuid() {
     if (typeof window !== "undefined" && typeof window.crypto !== "undefined" && typeof window.crypto.getRandomValues !== "undefined") {
         const buf = new Uint16Array(8);
@@ -5287,28 +5342,25 @@ class AsyncMethodBase {
         this.onError = output();
         this.toaster = inject(TOASTER_SERVICE);
         this.cdr = inject(ChangeDetectorRef);
-        this.renderer = inject(Renderer2);
         this.element = inject(ElementRef);
         this.loading = signal(false);
         this.target = signal(this.element.nativeElement);
+        this.previousTarget = computedPrevious(this.target);
         effect(() => {
-            const disabled = this.disabled();
-            const loading = this.loading();
             const target = this.target();
             if (!target)
                 return;
-            if (disabled) {
-                this.renderer.addClass(target, "disabled");
-            }
-            else {
-                this.renderer.removeClass(target, "disabled");
-            }
-            if (loading) {
-                this.renderer.addClass(target, "loading");
-            }
-            else {
-                this.renderer.removeClass(target, "loading");
-            }
+            switchClass(target, "async-target", true);
+            switchClass(target, "disabled", this.disabled());
+            switchClass(target, "loading", this.loading());
+        });
+        effect(() => {
+            const previous = this.previousTarget();
+            if (!previous)
+                return;
+            switchClass(previous, "async-target", false);
+            switchClass(previous, "disabled", false);
+            switchClass(previous, "loading", false);
         });
     }
     getMethod() {
@@ -5396,8 +5448,10 @@ class AsyncMethodTargetDirective {
     constructor(element, asyncMethod) {
         this.element = element;
         this.asyncMethod = asyncMethod;
-        if (!asyncMethod)
+        if (!asyncMethod) {
+            switchClass(this.element.nativeElement, "async-target", true);
             return;
+        }
         asyncMethod.target.set(element.nativeElement);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AsyncMethodTargetDirective, deps: [{ token: i0.ElementRef }, { token: AsyncMethodBase, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -6511,11 +6565,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class BtnDefaultComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BtnDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: BtnDefaultComponent, isStandalone: false, selector: "btn-default", inputs: { label: "label", tooltip: "tooltip", icon: "icon", disabled: "disabled", type: "type", size: "size" }, ngImport: i0, template: "<div class=\"default-btn btn\"\n     [title]=\"!tooltip ? '' : tooltip | translate\"\n     [ngClass]=\"['btn-' + type, 'btn-' + size]\">\n    <icon [name]=\"icon\" *ngIf=\"icon\"></icon>\n    <span *ngIf=\"label\">{{ label | translate }}</span>\n</div>\n", styles: [".default-btn{display:flex;gap:5px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: BtnDefaultComponent, isStandalone: false, selector: "btn-default", inputs: { label: "label", tooltip: "tooltip", icon: "icon", disabled: "disabled", type: "type", size: "size" }, ngImport: i0, template: "<div class=\"default-btn btn\"\n     async-method-target\n     [title]=\"!tooltip ? '' : tooltip | translate\"\n     [ngClass]=\"['btn-' + type, 'btn-' + size]\">\n    <icon [name]=\"icon\" *ngIf=\"icon\"></icon>\n    <span *ngIf=\"label\">{{ label | translate }}</span>\n</div>\n", styles: [".default-btn{display:flex;gap:5px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AsyncMethodTargetDirective, selector: "[async-method-target]" }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: BtnDefaultComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "btn-default", template: "<div class=\"default-btn btn\"\n     [title]=\"!tooltip ? '' : tooltip | translate\"\n     [ngClass]=\"['btn-' + type, 'btn-' + size]\">\n    <icon [name]=\"icon\" *ngIf=\"icon\"></icon>\n    <span *ngIf=\"label\">{{ label | translate }}</span>\n</div>\n", styles: [".default-btn{display:flex;gap:5px}\n"] }]
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "btn-default", template: "<div class=\"default-btn btn\"\n     async-method-target\n     [title]=\"!tooltip ? '' : tooltip | translate\"\n     [ngClass]=\"['btn-' + type, 'btn-' + size]\">\n    <icon [name]=\"icon\" *ngIf=\"icon\"></icon>\n    <span *ngIf=\"label\">{{ label | translate }}</span>\n</div>\n", styles: [".default-btn{display:flex;gap:5px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], tooltip: [{
@@ -8670,5 +8724,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, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, 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, HttpPromise, 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, 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, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, getComponentDef, hashCode, impatientPromise, parseSelector, provideEntryComponents, provideWithOptions, selectorMatchesList };
+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, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableComponent, DynamicTableTemplateDirective, 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, HttpPromise, 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, 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, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, computedPrevious, getComponentDef, getCssVariables, hashCode, impatientPromise, parseSelector, provideEntryComponents, provideWithOptions, selectorMatchesList, switchClass };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map