ud-components 0.3.21 → 0.3.22

package/enums/loading-status.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum LoadingStatus {
+    INIT = "INIT",
+    LOADING = "LOADING",
+    LOADED = "LOADED",
+    ERROR = "ERROR"
+}

package/fesm2022/ud-components.mjs

@@ -1,7 +1,7 @@
 import * as i1$3 from '@angular/common';
 import { CommonModule, formatDate, NgClass, AsyncPipe, NgStyle, DatePipe, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ViewChild, Input, CUSTOM_ELEMENTS_SCHEMA, Component, Inject, Pipe, Injectable, inject, DestroyRef, EventEmitter, TemplateRef, ContentChild, Output, ViewContainerRef, Directive, ContentChildren, HostBinding, input, effect, ViewChildren, forwardRef } from '@angular/core';
+import { ViewChild, Input, CUSTOM_ELEMENTS_SCHEMA, Component, Inject, Pipe, Injectable, inject, DestroyRef, EventEmitter, TemplateRef, ContentChild, Output, ViewContainerRef, Directive, ContentChildren, HostBinding, input, effect, ViewChildren, forwardRef, computed } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, FormGroup, FormControl, ReactiveFormsModule, ControlContainer, FormGroupDirective, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i1$1 from '@angular/material/snack-bar';
@@ -48,6 +48,7 @@ import * as i2$4 from '@angular/material/timepicker';
 import { MatTimepickerModule } from '@angular/material/timepicker';
 import * as i1$4 from '@angular/platform-browser';
 import { MatFormField as MatFormField$1 } from '@angular/material/form-field';
+import { signalStoreFeature, withState, withComputed, withMethods, patchState } from '@ngrx/signals';
 
 class CarouselComponent {
     pictures = [];
@@ -3017,6 +3018,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
                 type: Output
             }] } });
 
+var LoadingStatus;
+(function (LoadingStatus) {
+    LoadingStatus["INIT"] = "INIT";
+    LoadingStatus["LOADING"] = "LOADING";
+    LoadingStatus["LOADED"] = "LOADED";
+    LoadingStatus["ERROR"] = "ERROR";
+})(LoadingStatus || (LoadingStatus = {}));
+
+/**
+ * Reusable loading state feature for signal stores
+ */
+function withLoadingState() {
+    return signalStoreFeature(withState({
+        loadingState: { status: LoadingStatus.INIT },
+    }), withComputed(({ loadingState }) => ({
+        isLoading: computed(() => loadingState().status === LoadingStatus.LOADING),
+        isLoaded: computed(() => loadingState().status === LoadingStatus.LOADED),
+        hasError: computed(() => loadingState().status === LoadingStatus.ERROR),
+        error: computed(() => {
+            const state = loadingState();
+            return state.status === LoadingStatus.ERROR ? state.error : null;
+        }),
+    })), withMethods(store => ({
+        /**
+         * Sets loading state (non-error statuses)
+         */
+        setLoadingStatus(status) {
+            patchState(store, {
+                loadingState: { status },
+            });
+        },
+        /**
+         * Sets error loading state
+         */
+        setLoadingError(error) {
+            patchState(store, {
+                loadingState: { status: LoadingStatus.ERROR, error },
+            });
+        },
+    })));
+}
+
 const generateTimeOptions = (start, end, intervalMinutes = 5) => {
     const options = [];
     const cursor = new Date(start);
@@ -3040,5 +3083,5 @@ const generateTimeOptions = (start, end, intervalMinutes = 5) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionType, ApplicationStatus, AutocompleteComponent, CapitalizePipe, CarouselComponent, CustomInputComponent, CustomSnackbarComponent, CustomTableComponent, DateInputComponent, DateOperator, DateRangeInputComponent, DynamicComponentComponent, EditViewComponent, EditViewSectionDirective, FileInputComponent, FilterType, IconColor, KpiComponent, KpiDataType, KpiPillType, KpiProgressBarType, KpiVariant, ModalComponent, ModalInputType, MultiSelectComponent, NumberOperator, PhoneInputComponent, PillComponent, PillToggleComponent, PluralizePipe, ProgressBarComponent, SafePipe, SingularPipe, SnackbarType, StringOperator, SummaryViewComponent, TableDisplayColumnType, TabsComponent, TelInputComponent, TextInputComponent, TextareaComponent, TimePickerComponent, ToObservablePipe, ToggleComponent, TranslateWrapperService, UdButtonComponent, capitalize, formatLocalDate, formatLocalDateTime, formatLocalDateTimeLongForm, formatLocalTime, formatLocalTimeWithMinutes, formatLocalTimeWithMinutesAmPm, formatMonthYear, formatPhoneNumber, formatStringDate, formatStringDateTime, generateTimeOptions, inListValidator, parseLocalDate, pluralize, spaceCase, updateArray };
+export { ActionType, ApplicationStatus, AutocompleteComponent, CapitalizePipe, CarouselComponent, CustomInputComponent, CustomSnackbarComponent, CustomTableComponent, DateInputComponent, DateOperator, DateRangeInputComponent, DynamicComponentComponent, EditViewComponent, EditViewSectionDirective, FileInputComponent, FilterType, IconColor, KpiComponent, KpiDataType, KpiPillType, KpiProgressBarType, KpiVariant, LoadingStatus, ModalComponent, ModalInputType, MultiSelectComponent, NumberOperator, PhoneInputComponent, PillComponent, PillToggleComponent, PluralizePipe, ProgressBarComponent, SafePipe, SingularPipe, SnackbarType, StringOperator, SummaryViewComponent, TableDisplayColumnType, TabsComponent, TelInputComponent, TextInputComponent, TextareaComponent, TimePickerComponent, ToObservablePipe, ToggleComponent, TranslateWrapperService, UdButtonComponent, capitalize, formatLocalDate, formatLocalDateTime, formatLocalDateTimeLongForm, formatLocalTime, formatLocalTimeWithMinutes, formatLocalTimeWithMinutesAmPm, formatMonthYear, formatPhoneNumber, formatStringDate, formatStringDateTime, generateTimeOptions, inListValidator, parseLocalDate, pluralize, spaceCase, updateArray, withLoadingState };
 //# sourceMappingURL=ud-components.mjs.map