@ngrdt/forms 0.0.78 → 0.0.81

package/fesm2022/ngrdt-forms.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { inject, Injector, signal, model, linkedSignal, input, booleanAttribute, computed, effect, untracked, Directive, InjectionToken, output, forwardRef, numberAttribute, ElementRef, Pipe } from '@angular/core';
 import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { FormControlName, FormControlDirective, NgModel, NgControl, Validators, NG_VALUE_ACCESSOR, FormControl, FormGroup } from '@angular/forms';
-import { RdtInteractiveElementComponent, RdtComponentOutletDirective } from '@ngrdt/core';
+import { RdtInteractiveElementComponent, RdtComponentOutletDirective, RdtTranslateService } from '@ngrdt/core';
 import { startWith, take, map, forkJoin, of, from, switchMap, debounceTime, distinctUntilChanged, merge, takeUntil } from 'rxjs';
 import { RdtFileUtils, RdtObjectUtils, RdtDateUtils } from '@ngrdt/utils';
 import { signalStore, withState, withHooks, withComputed, withMethods, patchState } from '@ngrx/signals';
@@ -407,23 +407,27 @@ const RDT_DEFAULT_FILE_READER = new InjectionToken('RDT_DEFAULT_FILE_READER', {
     providedIn: 'root',
 });
 
-function czechFileLabelFn(files) {
-    switch (files.length) {
-        case 0:
-            return 'Vyberte soubor';
-        case 1:
-            return files[0].fileName;
-        case 2:
-        case 3:
-        case 4:
-            return `Vybrány ${files.length} soubory`;
-        default:
-            return `Vybráno ${files.length} souborů`;
+function fileLabelTranslate(translate, files) {
+    const count = files.length;
+    if (count === 0) {
+        return translate.instant('RDT_FILE_LABEL_EMPTY');
+    }
+    if (count === 1) {
+        return translate.instant('RDT_FILE_LABEL_SINGLE', {
+            fileName: files[0].fileName,
+        });
+    }
+    if (count >= 2 && count <= 4) {
+        return translate.instant('RDT_FILE_LABEL_FEW', { count });
     }
+    return translate.instant('RDT_FILE_LABEL_MANY', { count });
 }
 const RDT_DEFAULT_FILE_LABEL_FN = new InjectionToken('RDT_DEFAULT_FILE_LABEL_FN', {
     providedIn: 'root',
-    factory: () => czechFileLabelFn,
+    factory: () => {
+        const translate = inject(RdtTranslateService);
+        return (files) => fileLabelTranslate(translate, files);
+    },
 });
 
 const RDT_DEFAULT_MAX_FILE_SIZE = new InjectionToken('RDT_DEFAULT_MAX_FILE_SIZE', {
@@ -685,10 +689,14 @@ const rdtSelectInitialState = {
     datasource: null,
     selectedMap: new Map(),
     fetchError: null,
-    missingValuePlaceholder: 'Načítání (ID = {id})...',
+    /*   loadingValuePlaceholder: 'Načítání (ID = {id})...',
+    missingValuePlaceholder: 'Neznámá hodnota (ID = {id})', */
+    loadingValuePlaceholder: 'RDT_SELECT_LOADING_ID',
+    missingValuePlaceholder: 'RDT_SELECT_UNKNOWN_ID',
     _fetchRequest: null,
     _fetchMissingRequest: null,
     _missingSelected: [],
+    _unfetchableIds: [],
 };
 
 function compareSelectRequestParams(a, b) {
@@ -719,6 +727,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             const query = state.query();
             const selectedMap = state.selectedMap();
             const missing = state._missingSelected();
+            const unfetchable = state._unfetchableIds();
             if (query) {
                 return items.map((it) => ({
                     ...it,
@@ -727,13 +736,21 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             }
             const selected = [];
             const missingPlaceholder = state.missingValuePlaceholder();
-            const placeholders = missing.map((id) => ({
+            const loadingPlaceholder = state.loadingValuePlaceholder();
+            const loadingPlaceholders = missing.map((id) => ({
+                id,
+                label: loadingPlaceholder + '::id=' + String(id),
+                value: null,
+                selected: true,
+            }));
+            const missingPlaceholders = unfetchable.map((id) => ({
                 id,
-                label: missingPlaceholder.replace('{id}', String(id)),
+                label: missingPlaceholder + '::id=' + String(id),
                 value: null,
                 selected: true,
             }));
-            placeholders.forEach((pl) => selected.push(pl));
+            selected.push(...loadingPlaceholders);
+            selected.push(...missingPlaceholders);
             items.forEach((item) => {
                 selected.push({ ...item, selected: selectedMap.has(item.id) });
             });
@@ -867,6 +884,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
         },
         setSelected(ids) {
             patchState(store, {
+                _unfetchableIds: [],
                 _missingSelected: ids,
                 selectedMap: new Map(),
             });
@@ -894,6 +912,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             });
         },
         _setAndGetMissing() {
+            const unfetchable = untracked(store._unfetchableIds);
             const allMissing = untracked(store._missingSelected);
             const items = untracked(store.options);
             const selectedMap = new Map(untracked(store.selectedMap));
@@ -905,7 +924,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
                     selectedMap.set(id, item);
                     selectedChanged = true;
                 }
-                else {
+                else if (!unfetchable.includes(id)) {
                     newMissing.push(id);
                 }
             }
@@ -933,12 +952,16 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
         _cancelFetchMissingIfNeeded() {
             const fetchMissingReq = untracked(store._fetchMissingRequest);
             const items = untracked(store.options);
-            if (fetchMissingReq?.ids.every((id) => items.some((it) => it.id === id))) {
-                fetchMissingReq.subscription.unsubscribe();
-                patchState(store, {
-                    _fetchMissingRequest: null,
-                    _missingSelected: [],
-                });
+            const missingEmpty = untracked(store._missingSelected).length === 0;
+            if (fetchMissingReq) {
+                if (fetchMissingReq.ids.every((id) => items.some((it) => it.id === id)) ||
+                    missingEmpty) {
+                    fetchMissingReq.subscription.unsubscribe();
+                    patchState(store, {
+                        _fetchMissingRequest: null,
+                        _missingSelected: [],
+                    });
+                }
             }
         },
         _fetchMissing(ids, datasource) {
@@ -948,12 +971,17 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             const sub = datasource.getItemsByIds(ids).subscribe((map) => {
                 const newMissing = [];
                 const newSelected = new Map(untracked(store.selectedMap));
+                const unfetchable = [...untracked(store._unfetchableIds)];
                 for (const id of untracked(store._missingSelected)) {
                     if (map.has(id)) {
                         const value = map.get(id);
                         const label = datasource.getLabel(value);
                         newSelected.set(id, { label, value, id });
                     }
+                    else if (ids.includes(id)) {
+                        console.error(`Item with id ${JSON.stringify(id)} not found by getItemsByIds().`, datasource);
+                        unfetchable.push(id);
+                    }
                     else {
                         newMissing.push(id);
                     }
@@ -962,6 +990,7 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
                     _fetchMissingRequest: null,
                     _missingSelected: newMissing,
                     selectedMap: newSelected,
+                    _unfetchableIds: [...unfetchable],
                     initialized: true,
                 });
                 this._loadMissingSelected();
@@ -981,7 +1010,20 @@ function getRdtSelectStore(initialState = rdtSelectInitialState) {
             if (!datasource) {
                 throw new Error('Datasource is undefined');
             }
-            if (oldMap.has(id)) {
+            const unfetchableIds = untracked(store._unfetchableIds);
+            const missingSelectedIds = untracked(store._missingSelected);
+            if (unfetchableIds.includes(id) || missingSelectedIds.includes(id)) {
+                const newUnfetchableIds = unfetchableIds.filter((unfetchableId) => unfetchableId !== id);
+                const newMissingSelected = missingSelectedIds.filter((missingId) => missingId !== id);
+                patchState(store, {
+                    _unfetchableIds: newUnfetchableIds,
+                    _missingSelected: newMissingSelected,
+                });
+                if (newMissingSelected.length === 0) {
+                    this._cancelFetchMissingIfNeeded();
+                }
+            }
+            else if (oldMap.has(id)) {
                 const newMap = new Map(oldMap);
                 newMap.delete(id);
                 patchState(store, { selectedMap: newMap });
@@ -1040,7 +1082,7 @@ function getRdtSelectError(error) {
     else if (error && typeof error === 'object' && 'message' in error) {
         return error.message;
     }
-    return 'Nastala chyba.';
+    return 'RDT_SELECT_ERROR';
 }
 
 class RdtSelectOfflineDatasourceProviderDirective {
@@ -1128,7 +1170,9 @@ class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
         alias: 'manualInit',
     });
     manualInit = linkedSignal(() => this.manualInitInput());
-    datasourceInput = input(null);
+    datasourceInput = input(null, {
+        alias: 'datasource',
+    });
     store = inject(RdtSelectStore);
     visibleOptions = this.store.visibleOptions;
     queryValidatorFnInput = input(null, {
@@ -1172,6 +1216,12 @@ class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
             this.loadingInput() ||
             RdtObjectUtils.someValuesTrue(this.loadingMap()));
     });
+    datasourceEffect = effect(() => {
+        const datasource = this.datasourceInput();
+        if (datasource) {
+            this.store.setDatasource(datasource);
+        }
+    });
     ngOnInit() {
         super.ngOnInit();
         const control = this.control();
@@ -1230,7 +1280,7 @@ class RdtBaseSelectCommonComponent extends RdtBaseFormInputComponent {
         }
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtBaseSelectCommonComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: RdtBaseSelectCommonComponent, isStandalone: true, inputs: { manualInitInput: { classPropertyName: "manualInitInput", publicName: "manualInit", isSignal: true, isRequired: false, transformFunction: null }, datasourceInput: { classPropertyName: "datasourceInput", publicName: "datasourceInput", isSignal: true, isRequired: false, transformFunction: null }, queryValidatorFnInput: { classPropertyName: "queryValidatorFnInput", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null }, debounceTimeInput: { classPropertyName: "debounceTimeInput", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.0", type: RdtBaseSelectCommonComponent, isStandalone: true, inputs: { manualInitInput: { classPropertyName: "manualInitInput", publicName: "manualInit", isSignal: true, isRequired: false, transformFunction: null }, datasourceInput: { classPropertyName: "datasourceInput", publicName: "datasource", isSignal: true, isRequired: false, transformFunction: null }, queryValidatorFnInput: { classPropertyName: "queryValidatorFnInput", publicName: "inputValidator", isSignal: true, isRequired: false, transformFunction: null }, debounceTimeInput: { classPropertyName: "debounceTimeInput", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, pageSizeInput: { classPropertyName: "pageSizeInput", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtBaseSelectCommonComponent, decorators: [{
             type: Directive
@@ -1327,14 +1377,15 @@ function getFirstError(errors) {
     return null;
 }
 const defaultRdtFormErrorCodes = {
-    required: () => `Povinné pole.`,
-    email: () => 'Neplatný email.',
-    minlength: (value) => `Minimální délka je ${value.requiredLength} znaků.`,
-    maxlength: (value) => `Maximální délka je ${value.requiredLength} znaků.`,
-    notFound: () => 'Pro zadaný kód nebyla nalezena žádná položka.',
-    multipleFound: () => 'Pro zadaný kód bylo nalezeno více položek.',
+    required: () => `RDT_ERROR_REQUIRED`,
+    email: () => 'RDT_ERROR_EMAIL_INVALID',
+    minlength: (value) => ['RDT_ERROR_MIN_LENGTH', value.requiredLength],
+    maxlength: (value) => ['RDT_ERROR_MAX_LENGTH', value.requiredLength],
+    notFound: () => 'RDT_ERROR_NOT_FOUND',
+    multipleFound: () => 'RDT_ERROR_MULTIPLE_FOUND',
 };
 class RdtFormErrorPipe {
+    translateService = inject(RdtTranslateService);
     errorCodes = (() => {
         const injected = inject(RDT_FORM_ERROR_CODES_PROVIDER, {
             optional: true,
@@ -1352,13 +1403,18 @@ class RdtFormErrorPipe {
         if (error) {
             const fn = this.errorCodes[error.key];
             if (fn) {
-                return fn(error.value);
+                if (Array.isArray(fn())) {
+                    return this.translateService.instant(fn()[0], [
+                        fn().slice(1),
+                    ]);
+                }
+                return this.translateService.instant(fn());
             }
             else if (typeof error.value === 'string') {
-                return error.value;
+                return this.translateService.instant(error.value);
             }
             else {
-                return 'Neznámá chyba';
+                return this.translateService.instant('RDT_ERROR_UNKNOWN');
             }
         }
         return '';
@@ -1409,7 +1465,7 @@ class RdtDateValidators {
             lastDayOfMonth: true,
         };
     };
-    static greaterOrEqualToField(startDateField, error = 'Platnost do musí být později než platnost od.', unsubscribeSubj) {
+    static greaterOrEqualToField(startDateField, error = 'RDT_DATE_TOO_SOON', unsubscribeSubj) {
         let subbed = false;
         return (endControl) => {
             const startControl = startDateField instanceof FormControl
@@ -1441,7 +1497,7 @@ class RdtDateValidators {
             return null;
         };
     }
-    static lessOrEqualToField(endDateField, error = 'Platnost od musí být dříve než platnost do.', unsubscribeSubj) {
+    static lessOrEqualToField(endDateField, error = 'RDT_DATE_TOO_LATE', unsubscribeSubj) {
         let subbed = false;
         return (startControl) => {
             const endControl = endDateField instanceof FormControl
@@ -1622,5 +1678,5 @@ class RdtCommonValidators {
  * Generated bundle index. Do not edit.
  */
 
-export { NO_OP_FILE_READER, NoOpFileReader, RDT_CHECKBOX_BASE_PROVIDER, RDT_DEFAULT_FILE_LABEL_FN, RDT_DEFAULT_FILE_READER, RDT_DEFAULT_MAX_FILE_SIZE, RDT_FORM_ERROR_CODES_PROVIDER, RdtBaseFormInputComponent, RdtBaseSelectCommonComponent, RdtCheckboxComponent, RdtCheckboxOutletDirective, RdtCommonValidators, RdtDateComponent, RdtDateValidators, RdtFileInputComponent, RdtFileReader, RdtFileReaderArrayBuffer, RdtFileReaderBase64, RdtFormErrorPipe, RdtFormInputOutletDirective, RdtMultiSelectComponent, RdtNumericInputComponent, RdtOfflineSelectDatasource, RdtSelectDatasource, RdtSelectOfflineDatasourceProviderDirective, RdtSelectOptionDirective, RdtSelectStore, RdtSingleSelectComponent, RdtTextAreaComponent, RdtTextInputComponent, VnshFileReaderText, czechFileLabelFn, defaultRdtFormErrorCodes, getFirstError, getRdtSelectPage, rdtSelectInitialState };
+export { NO_OP_FILE_READER, NoOpFileReader, RDT_CHECKBOX_BASE_PROVIDER, RDT_DEFAULT_FILE_LABEL_FN, RDT_DEFAULT_FILE_READER, RDT_DEFAULT_MAX_FILE_SIZE, RDT_FORM_ERROR_CODES_PROVIDER, RdtBaseFormInputComponent, RdtBaseSelectCommonComponent, RdtCheckboxComponent, RdtCheckboxOutletDirective, RdtCommonValidators, RdtDateComponent, RdtDateValidators, RdtFileInputComponent, RdtFileReader, RdtFileReaderArrayBuffer, RdtFileReaderBase64, RdtFormErrorPipe, RdtFormInputOutletDirective, RdtMultiSelectComponent, RdtNumericInputComponent, RdtOfflineSelectDatasource, RdtSelectDatasource, RdtSelectOfflineDatasourceProviderDirective, RdtSelectOptionDirective, RdtSelectStore, RdtSingleSelectComponent, RdtTextAreaComponent, RdtTextInputComponent, VnshFileReaderText, defaultRdtFormErrorCodes, fileLabelTranslate, getFirstError, getRdtSelectPage, rdtSelectInitialState };
 //# sourceMappingURL=ngrdt-forms.mjs.map