@mediusinc/mng-commons 3.0.0-rc.8 → 3.0.0-rc.9

package/fesm2022/mediusinc-mng-commons.mjs

@@ -324,33 +324,47 @@ const typeMapBase = {
     QueryParam: MediusQueryParam
 };
 
-class MngInternalError extends Error {
-    constructor(message, name = 'Commons Internal Error', options) {
+class AMngErrorBase extends Error {
+    constructor(message, options) {
         super(message);
-        this.type = 'MngInternalError';
-        this.name = name;
-        this.id = options?.id;
+        this.name = options?.name ?? 'MngError';
         this.messageCode = options?.messageCode;
-        this.notification = options?.notification ?? this.generateNotification();
-        this.details = options?.details;
-        this.status = options?.status;
-        this.statusDescription = options?.statusDescription;
-        this.url = options?.url;
+        this.location = options?.location ?? window?.location?.href;
         this.cause = options?.cause;
         this.stack = options?.stack ?? (options?.cause ? options.cause.stack : new Error(message).stack);
+        this.details = options?.details;
     }
-    get messageLog() {
-        let message = this.message;
-        if (this.cause && this.cause instanceof Error) {
-            message += `\nCaused by ${this.cause.name}: ${this.cause.message}`;
-        }
-        if (this.stack) {
-            message += `\nStack trace:\n${this.stack}`;
-        }
-        return message;
+}
+class MngInternalError extends AMngErrorBase {
+    constructor(message, options) {
+        super(message, {
+            name: 'MngInternalError',
+            ...options
+        });
+        this.type = 'MngInternalError';
     }
-    generateNotification() {
-        return { severity: 'error', summary: this.name, detail: this.message, life: 10000 };
+}
+class MngHttpError extends AMngErrorBase {
+    constructor(message, httpError, options) {
+        super(message, {
+            name: 'MngHttpError_' + httpError.url,
+            cause: httpError,
+            ...options
+        });
+        this.type = 'MngHttpError';
+        this.httpError = httpError;
+    }
+}
+class MngActionError extends AMngErrorBase {
+    constructor(message, actionName, options) {
+        super(message, {
+            name: 'MngActionError_' + actionName,
+            ...options
+        });
+        this.type = 'MngActionError';
+        this.actionId = actionName;
+        this.actionContext = options?.actionContext;
+        this.httpError = options?.httpError;
     }
 }
 
@@ -373,11 +387,11 @@ class ActionDataProviderUtil {
         const serviceExec = ActionDataProviderUtil.runGetAllService(ctx);
         return isObservable(serviceExec)
             ? serviceExec
-            : throwError(() => new MngInternalError(`Data provider and service instance could not extract fetch function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, 'ActionDataProviderUtils error'));
+            : throwError(() => new MngActionError(`Data provider and service instance could not extract fetch function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, ctx.contextLongName, { actionContext: ctx }));
     }
     static runFetchOrFail(ctx) {
         return (ActionDataProviderUtil.runFetch(ctx) ??
-            throwError(() => new MngInternalError(`Data provider and service instance could not extract fetch function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, 'ActionDataProviderUtils error')));
+            throwError(() => new MngActionError(`Data provider and service instance could not extract fetch function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, ctx.contextLongName, { actionContext: ctx })));
     }
     static runFetch(ctx, fallback) {
         const dataProviderExec = ActionDataProviderUtil.runFetchDataProvider(ctx);
@@ -389,7 +403,7 @@ class ActionDataProviderUtil {
     }
     static runCreateOrFail(ctx) {
         return (ActionDataProviderUtil.runCreate(ctx) ??
-            throwError(() => new MngInternalError(`Data provider and service instance could not extract create function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item ${ctx.parameters?.item}.`, 'ActionDataProviderUtils error')));
+            throwError(() => new MngActionError(`Data provider and service instance could not extract create function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item ${ctx.parameters?.item}.`, ctx.contextLongName, { actionContext: ctx })));
     }
     static runCreate(ctx, fallback) {
         const dataProviderExec = ActionDataProviderUtil.runCreateDataProvider(ctx);
@@ -401,7 +415,7 @@ class ActionDataProviderUtil {
     }
     static runUpdateOrFail(ctx) {
         return (ActionDataProviderUtil.runUpdate(ctx) ??
-            throwError(() => new MngInternalError(`Data provider and service instance could not extract update function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, 'ActionDataProviderUtils error')));
+            throwError(() => new MngActionError(`Data provider and service instance could not extract update function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, ctx.contextLongName, { actionContext: ctx })));
     }
     static runUpdate(ctx, fallback) {
         const dataProviderExec = ActionDataProviderUtil.runUpdateDataProvider(ctx);
@@ -419,7 +433,7 @@ class ActionDataProviderUtil {
         const serviceExec = ActionDataProviderUtil.runDeleteService(ctx);
         return isObservable(serviceExec)
             ? serviceExec
-            : throwError(() => new MngInternalError(`Data provider and service instance could not extract delete function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, 'ActionDataProviderUtils error'));
+            : throwError(() => new MngActionError(`Data provider and service instance could not extract delete function to execute in action ${ctx.instance.action.actionNameLong} (${ctx.instance.action.model?.typeName}) for item id ${ctx.parameters?.itemId}.`, ctx.contextLongName, { actionContext: ctx }));
     }
     static runGetAllService(ctx) {
         if (typeof ctx.serviceInstance !== 'undefined') {
@@ -1575,17 +1589,18 @@ class DefaultActionMngErrorMapperService extends MngActionErrorMapperService {
             mngError = {
                 type: 'MngActionError',
                 name: error?.name ?? 'UnknownError',
-                message: error.message ?? 'Unknown error'
+                message: error.message ?? 'Unknown error',
+                cause: error
             };
         }
         return mngError;
     }
 }
 
-/* eslint-disable no-console */
 class MngLoggerService {
     static { this._instance = new MngLoggerService(); }
     static { this._isInit = false; }
+    static { this._publishers = []; }
     static { this._entriesBuffer = []; }
     static { this._categoryInstances = {}; }
     static { this._timestampFormat = 'yyyy-MM-dd HH:mm:ss.SSS'; }
@@ -1603,15 +1618,19 @@ class MngLoggerService {
             MngLoggerService._timestampFormat = config.timestampFormat;
         }
     }
-    static init(configurationService) {
+    static init(configurationService, publishers) {
         if (MngLoggerService._isInit) {
             return;
         }
         MngLoggerService._configurationService = configurationService;
+        MngLoggerService._publishers = publishers;
         MngLoggerService._isInit = true;
         MngLoggerService._flushBuffer();
     }
     static _flushBuffer() {
+        if (!MngLoggerService._isInit) {
+            return;
+        }
         MngLoggerService._entriesBuffer.forEach(e => this._instance._log(e));
         MngLoggerService._entriesBuffer = [];
     }
@@ -1630,26 +1649,38 @@ class MngLoggerService {
         MngLoggerService._categoryInstances[category] = logger;
         return logger;
     }
-    _processLog(msg, logLevel, category = this.category, data) {
-        const timestamp = new Date();
-        const timestampFormatted = this.datePipe.transform(timestamp, MngLoggerService._timestampFormat);
-        const log = {
+    _processLog(msgOrError, logLevel, category = undefined, data) {
+        const [timestamp, timestampFormatted] = [...this._getTimestamps()];
+        const logEntry = {
             level: logLevel,
-            message: msg,
+            message: typeof msgOrError === 'string' ? msgOrError : msgOrError.message,
             data: data,
-            category: category,
+            category: this.category ?? category,
             timestamp: timestamp,
             timestampFormatted: timestampFormatted ?? undefined
         };
-        if (!MngLoggerService._isInit) {
-            // add to buffer
-            MngLoggerService._entriesBuffer.push(log);
+        if (msgOrError instanceof Error) {
+            // set error from message param
+            logEntry.error = msgOrError;
         }
-        else {
-            this._log(log);
+        else if (data?.length && data[0] instanceof Error) {
+            // if first data is error, also consider as error
+            logEntry.error = data[0];
+            data = data.splice(1);
         }
+        this._log(logEntry);
+    }
+    _getTimestamps() {
+        const timestamp = new Date();
+        const timestampFormatted = this.datePipe.transform(timestamp, MngLoggerService._timestampFormat) ?? DateUtil.toIsoString(timestamp, false, true, true);
+        return [timestamp, timestampFormatted];
     }
     _log(log) {
+        if (!MngLoggerService._isInit) {
+            // add to buffer
+            MngLoggerService._entriesBuffer.push(log);
+            return;
+        }
         const logConfig = (MngLoggerService._configurationService?.getConfigValue)?.('log');
         if ((this.category && log.level < (logConfig?.category?.[this.category]?.level ?? logConfig?.level ?? this.defaultLogLevel)) ||
             (!this.category && log.level < (logConfig?.level ?? this.defaultLogLevel))) {
@@ -1658,48 +1689,38 @@ class MngLoggerService {
         if (logConfig?.timestampFormat) {
             log.timestampFormatted = this.datePipe.transform(log.timestamp, logConfig.timestampFormat) ?? undefined;
         }
-        let prefix = `${log.timestampFormatted}`;
-        if (log.category)
-            prefix += ` [${log.category}]`;
-        prefix += ':';
-        switch (log.level) {
-            case LogLevelEnum.Trace:
-                console.trace(prefix, log.message, ...log.data);
-                break;
-            case LogLevelEnum.Debug:
-                console.debug(prefix, log.message, ...log.data);
-                break;
-            case LogLevelEnum.Log:
-                console.log(prefix, log.message, ...log.data);
-                break;
-            case LogLevelEnum.Info:
-                console.info(prefix, log.message, ...log.data);
-                break;
-            case LogLevelEnum.Warning:
-                console.warn(prefix, log.message, ...log.data);
-                break;
-            case LogLevelEnum.Error:
-                console.error(prefix, log.message, ...log.data);
-                break;
-        }
+        MngLoggerService._publishers.forEach(p => p.addEntry(log));
     }
-    trace(msg, ...data) {
-        this._processLog(msg, LogLevelEnum.Trace, undefined, data);
+    trace(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Trace, undefined, data);
     }
-    debug(msg, ...data) {
-        this._processLog(msg, LogLevelEnum.Debug, undefined, data);
+    debug(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Debug, undefined, data);
     }
-    log(msg, logLevel = LogLevelEnum.Log, category = undefined, ...data) {
-        this._processLog(msg, logLevel, category, data);
+    log(msgOrError, logLevel = LogLevelEnum.Log, category = undefined, ...data) {
+        this._processLog(msgOrError, logLevel, category, data);
     }
-    info(msg, ...data) {
-        this._processLog(msg, LogLevelEnum.Info, undefined, data);
+    logEntry(logEntry) {
+        const [timestamp, timestampFormatted] = [...this._getTimestamps()];
+        const logEntryFinal = {
+            timestamp: timestamp,
+            timestampFormatted: timestampFormatted ?? undefined,
+            category: this.category ?? logEntry.category,
+            message: '',
+            messageDetails: logEntry.messageDetails,
+            level: LogLevelEnum.Log,
+            ...logEntry
+        };
+        this._log(logEntryFinal);
     }
-    warn(msg, ...data) {
-        this._processLog(msg, LogLevelEnum.Warning, undefined, data);
+    info(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Info, undefined, data);
     }
-    error(msg, ...data) {
-        this._processLog(msg, LogLevelEnum.Error, undefined, data);
+    warn(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Warning, undefined, data);
+    }
+    error(msgOrError, ...data) {
+        this._processLog(msgOrError, LogLevelEnum.Error, undefined, data);
     }
 }
 
@@ -1712,6 +1733,8 @@ const MNG_COMMONS_INITIALIZER_IT = new InjectionToken('MNG Commons Initializer')
 
 const ACTION_EDITOR_DIALOG_COMPONENT_SETTING = new InjectionToken('ACTION_EDITOR_DIALOG_COMPONENT_SETTING');
 
+const MNG_LOG_PUBLISHERS = new InjectionToken('MNG_LOG_PUBLISHERS');
+
 const MNG_MODULE_CONFIG_IT = new InjectionToken('MngModuleConfig');
 
 class MngCommonsService {
@@ -2442,7 +2465,7 @@ class MngActionExecutorService {
             return runResult;
         }), catchError(err => {
             // transform error to mng action error
-            const actionError = this.toMngActionError(err);
+            const actionError = this.toMngActionError(err, ctx);
             // set instance state to error
             ctx.instance.state = isMainRunFn ? ActionInstanceStateEnum.RunError : ActionInstanceStateEnum.FetchError;
             // mark execution error on context
@@ -2451,10 +2474,6 @@ class MngActionExecutorService {
             if (isMainRunFn) {
                 ctx.instance.error = err;
                 ctx.instance.isRunLoadingSubject.next(false);
-                // handle error notification
-                if (ctx.instance.action.hasRunNotificationError) {
-                    actionError.notification = NotificationUtil.actionNotificationError(this.translate, ctx.instance.action, actionError, ctx.functionName, ctx.parameters.viewContainer ?? undefined, ctx.parameters.item);
-                }
                 // handle possible error action if run
                 if (isMainRunFn && ctx.instance.action.onRunErrorAction) {
                     // cannot start with trigger, because routing might be problematic (lousing previous results etc.)
@@ -2472,13 +2491,13 @@ class MngActionExecutorService {
                     NotificationUtil.actionNotificationError(this.translate, ctx.instance.action, actionError, 'fetch', ctx.parameters.viewContainer, ctx.parameters.item);
                 }
             }
-            // liste and map only to mark instance state as finished error state
+            // list and map only to mark instance state as finished error state
             return errorObs.pipe(map(() => {
                 // deactivate action only if critical (fetch on editor or run on button actions)
                 if (isErrorCriticalRunFn) {
                     this.finishAction(ctx.instance);
                 }
-                // rethrow error to propagate furher
+                // rethrow error to propagate further
                 throw actionError;
             }));
         }));
@@ -2487,9 +2506,11 @@ class MngActionExecutorService {
                 this.logger.debug(`ActionContext ${ctx.contextLongName} execution next event`, res);
             },
             error: err => {
-                this.logger.debug(`ActionContext ${ctx.contextLongName} execution error event`, err);
                 if (err?.type !== 'MngActionError') {
-                    this.logger.error(`Non MngActionError occurred`, err);
+                    this.logger.error(`Non action error occurred`, err);
+                }
+                else {
+                    this.logger.debug(`Action context ${ctx.contextLongName} execution error event`, err);
                 }
             }
         });
@@ -2852,22 +2873,39 @@ class MngActionExecutorService {
     /**
      * Transform error of any type to mng error by using error mapper that could be provided by final project.
      * @param error error of any type.
+     * @param context Action context.
      *
      * @return mapped MngError.
      */
-    toMngActionError(error) {
-        const actionError = {
-            type: 'MngActionError',
-            name: error?.name ?? 'UnknownError',
-            message: error?.message ?? 'Unknown error',
-            cause: error
-        };
-        if (error instanceof HttpErrorResponse) {
-            actionError.status = error.status;
-            actionError.statusDescription = error.statusText;
-            actionError.url = error.url ?? undefined;
+    toMngActionError(error, context) {
+        let mngError;
+        if (context) {
+            const options = {
+                cause: error,
+                location: this.router.url
+            };
+            if (error instanceof HttpErrorResponse) {
+                options.httpError = error;
+            }
+            mngError = new MngActionError(error?.message ?? 'Unknown error', context.contextLongName);
+        }
+        else if (error instanceof HttpErrorResponse) {
+            // should not really happen (should always be wrapped in MngActionError), just in case
+            mngError = new MngHttpError(`Http Error occurred in action`, error, {
+                location: this.router.url
+            });
+        }
+        else {
+            // not from action, so unknown source of error
+            mngError = new MngInternalError(error?.message ?? 'Unknown error', {
+                name: error?.name ?? 'UnknownError',
+                location: this.router.url,
+                cause: error
+            });
         }
-        return this.errorMapper.toMngError(error, actionError);
+        // just trace it, allow user to set if this is error or not
+        this.logger.trace(mngError);
+        return this.errorMapper.toMngError(error, mngError);
     }
     /**
      * Creates or gets existing action instance.
@@ -2884,7 +2922,7 @@ class MngActionExecutorService {
         }
         if (!instance) {
             if (!action) {
-                throw new MngInternalError('Action descriptor is not provided, instance cannot be created.', 'ActionExecutorService error');
+                throw new MngInternalError('Action descriptor is not provided, instance cannot be created.', { name: 'ActionExecutorServiceError' });
             }
             // create new instance if non provided
             instance = new ActionInstance(action, instanceInitialStatus);
@@ -3020,18 +3058,13 @@ class MngConfigurationService {
                     return httpClient.get(noEnvUrl);
                 }
                 else {
-                    const message = `Configuration file ${url} not loaded (${err.status}): ${err.message}.`;
-                    this.logger?.warn(message, err);
-                    return throwError(() => {
-                        return new MngInternalError(message, 'ConfigurationService', {
-                            cause: err,
-                            status: err.status,
-                            statusDescription: err.statusText,
-                            url: err.url ?? undefined
-                        });
-                    });
+                    this.logger?.warn(`Configuration file ${url} not loaded`, err);
+                    return of(false);
                 }
             }), map(configuration => {
+                if (typeof configuration !== 'object') {
+                    return false;
+                }
                 sourceInfo.configuration = configuration;
                 sourceInfo.isLoaded = true;
                 return true;
@@ -3265,6 +3298,7 @@ class MngVersionService {
     constructor(http, configurationService) {
         this.http = http;
         this.configurationService = configurationService;
+        this.logger = inject(MngLoggerService).create('MngVersionService');
         this.cache = {};
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -3283,6 +3317,9 @@ class MngVersionService {
             this.http.get(urlSegments.join('')).subscribe({
                 next: res => {
                     this.cache[url].next(res);
+                },
+                error: err => {
+                    this.logger.error('Version could not be retreived', err);
                 }
             });
         }
@@ -3386,6 +3423,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+/* eslint-disable no-console */
+class MngLogPublisherConsoleService {
+    addEntry(entry) {
+        let prefix = `${entry.timestampFormatted}`;
+        if (entry.category)
+            prefix += ` [${entry.category}]`;
+        prefix += ':';
+        const message = `${entry.message}${entry.messageDetails ? `\n${entry.messageDetails}` : ''}`;
+        const logParams = [prefix, message];
+        if (entry.error) {
+            logParams.push(`\n${ErrorUtil.getErrorName(entry.error)}:`, entry.error);
+        }
+        if (entry.data?.length) {
+            logParams.push(`\nData:\n`, ...entry.data);
+        }
+        switch (entry.level) {
+            case LogLevelEnum.Trace:
+                console.trace(...logParams);
+                break;
+            case LogLevelEnum.Debug:
+                console.debug(...logParams);
+                break;
+            case LogLevelEnum.Log:
+                console.log(...logParams);
+                break;
+            case LogLevelEnum.Info:
+                console.info(...logParams);
+                break;
+            case LogLevelEnum.Warning:
+                console.warn(...logParams);
+                break;
+            case LogLevelEnum.Error:
+                console.error(...logParams);
+                break;
+        }
+    }
+}
+
 class ObjectSerializer {
     constructor() {
         this._logCategory = 'ObjectSerializer';
@@ -3963,7 +4038,7 @@ class TableviewUtil {
      */
     static expandAttributeDefWithTableviewTypes(attributes) {
         if (attributes == null) {
-            throw new MngInternalError('AttributeDef is null, problem with ObjectSerializer::findAttributesDefinitionByClassType?', 'TableViewUtils error');
+            throw new MngInternalError('AttributeDef is null, problem with ObjectSerializer::findAttributesDefinitionByClassType?', { name: 'TableViewUtilsError' });
         }
         const objectSerializer = ObjectSerializer.get();
         const tableviewAttributeDef = [];
@@ -4810,14 +4885,14 @@ class FilterLookupDescriptor extends FilterDescriptor {
         this._defaultValueTo = filterValueTo;
         this._defaultFilterMatchMode = filterMatchMode;
         if (Array.isArray(filterValue) && !this.multiselect) {
-            throw new MngInternalError('Array default filter can only be used with a multiselect filter.', 'FilterDescriptor error');
+            throw new MngInternalError('Array default filter can only be used with a multiselect filter.', { name: 'FilterDescriptorError' });
         }
         if (filterMatchMode && this._matchModes && this._matchModes.indexOf(filterMatchMode) < 0) {
             this._defaultFilterMatchMode = undefined;
             MngLoggerService.get().debug(`WARNING: Default filter match mode '${filterMatchMode}' could not be assigned for property ${this._property}.`);
         }
         if ((Array.isArray(filterValue) && !this.multiselect) || (this.multiselect && !Array.isArray(filterValue))) {
-            throw new MngInternalError(`Default value not in correct format for property ${this._property}.`, 'FilterDescriptor error');
+            throw new MngInternalError(`Default value not in correct format for property ${this._property}.`, { name: 'FilterDescriptorError' });
         }
         return this;
     }
@@ -4873,7 +4948,7 @@ class FilterLookupEnumDescriptor extends FilterLookupDescriptor {
         return super.withMultiselect(multiselect);
     }
     withDefaultFilter() {
-        throw new MngInternalError(`withDefaultFilter on FilterLookupEnumDescriptor should not be used. Use withDefaultFilterEnum instead.`, 'FilterDescriptor error');
+        throw new MngInternalError(`withDefaultFilter on FilterLookupEnumDescriptor should not be used. Use withDefaultFilterEnum instead.`, { name: 'FilterDescriptorError' });
     }
     withDefaultFilterEnum(filterValue, filterValueTo, filterMatchMode) {
         let defaultOptionValue;
@@ -5214,7 +5289,7 @@ class ColumnDescriptor {
     }
     withFilterLookupEnum(options) {
         if (this._columnType !== ColumnTypeEnum.Enum || !this._enumType) {
-            throw new MngInternalError(`Column ${this._property} is not of type enum or enum type is undefined.`, 'ColumnDescriptor error');
+            throw new MngInternalError(`Column ${this._property} is not of type enum or enum type is undefined.`, { name: 'ColumnDescriptorError' });
         }
         const filterDescriptor = new FilterLookupEnumDescriptor(this._property, this._enumType, options, this._enumNameAsValue, this._enumTitlePath);
         this._filterDescriptor = filterDescriptor;
@@ -6159,7 +6234,7 @@ class TableviewDescriptor {
      */
     withModifiedType(property, columnType, fieldType, columnDisplayType) {
         if (columnType === ColumnTypeEnum.Enum) {
-            throw new MngInternalError('Do not use with types where args are required', 'TableViewDescriptor error');
+            throw new MngInternalError('Do not use with types where args are required', { name: 'TableViewDescriptorError' });
         }
         const attributeDef = TableviewUtil.getAttributeDefMap(this._modelType).find(atribute => atribute.name === property);
         if (attributeDef != null) {
@@ -7483,7 +7558,7 @@ class EditorDescriptor {
     removeField(property) {
         const fieldIdx = this._fields.findIndex(f => f.property === property);
         if (fieldIdx < 0) {
-            throw new MngInternalError(`Field ${property} does not exist.`, 'EditorDescriptor error');
+            throw new MngInternalError(`Field ${property} does not exist.`, { name: 'EditorDescriptorError' });
         }
         for (const group of this._groups) {
             const groupFieldIdx = group.fields.findIndex(f => f instanceof AFieldDescriptor && f.property === property);
@@ -8056,6 +8131,393 @@ class EnumUtil {
     }
 }
 
+class ObjectUtil {
+    static deepCopy(obj, options) {
+        if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
+            return obj;
+        }
+        if (obj instanceof Date) {
+            return new Date(+obj);
+        }
+        let copy;
+        if (options?.mapGettersToProperties) {
+            copy = {};
+        }
+        else {
+            copy = options?.objectPrototype ? Object.create(options.objectPrototype['prototype']) : Object.create(Object.getPrototypeOf(obj));
+            Object.assign(copy, obj);
+        }
+        for (const key of ObjectUtil.getProperties(obj)) {
+            const prop = obj[key];
+            copy[key] = ObjectUtil.handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
+        }
+        if (options?.mapGettersToProperties) {
+            for (const getterKey of ObjectUtil.getGetters(obj)) {
+                const prop = obj[getterKey];
+                copy[getterKey] = ObjectUtil.handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
+            }
+        }
+        return copy;
+    }
+    static deepMerge(target, source) {
+        if (!ObjectUtil.isObject(source)) {
+            return target;
+        }
+        for (const key of ObjectUtil.getProperties(source)) {
+            if (ObjectUtil.isObject(source[key])) {
+                if (ObjectUtil.isObject(target[key])) {
+                    target[key] = ObjectUtil.deepMerge(target[key], source[key]);
+                }
+                else {
+                    target[key] = ObjectUtil.deepCopy(source[key]);
+                }
+            }
+            else if (Array.isArray(source[key])) {
+                if (!Array.isArray(target[key])) {
+                    target[key] = source[key].map(i => (ObjectUtil.isObject(i) ? ObjectUtil.deepMerge({}, i) : i));
+                }
+            }
+            else if (typeof target[key] === 'undefined') {
+                target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    static isObject(obj) {
+        return typeof obj === 'object' && obj !== null && !Array.isArray(obj);
+    }
+    static handleProp(prop, options) {
+        if (Array.isArray(prop)) {
+            return prop.map(i => ObjectUtil.deepCopy(i, options));
+        }
+        else if (typeof prop === 'object' && prop !== null) {
+            return ObjectUtil.deepCopy(prop, options);
+        }
+        else {
+            return prop;
+        }
+    }
+    static getProperties(obj) {
+        return Object.keys(obj);
+    }
+    static getGetters(obj) {
+        const getterSet = new Set();
+        let currObj = obj;
+        while (currObj) {
+            const getters = Object.entries(Object.getOwnPropertyDescriptors(currObj))
+                .filter(([, descriptor]) => typeof descriptor.get === 'function')
+                .filter(([key]) => key !== '__proto__')
+                .map(([key]) => key);
+            for (const getter of getters) {
+                getterSet.add(getter);
+            }
+            currObj = Object.getPrototypeOf(currObj);
+        }
+        return Array.from(getterSet);
+    }
+}
+
+class StringUtil {
+    static escapeHtml(value) {
+        return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    }
+    static escapeHtmlAny(value) {
+        if (typeof value === 'string') {
+            return StringUtil.escapeHtml(value);
+        }
+        else if (typeof value === 'object') {
+            const escapedValue = ObjectUtil.deepCopy(value, { mapGettersToProperties: true });
+            for (const key in value) {
+                if (typeof value[key] === 'string') {
+                    escapedValue[key] = StringUtil.escapeHtml(value[key]);
+                }
+                else if (typeof value[key] === 'object') {
+                    escapedValue[key] = StringUtil.escapeHtmlAny(value[key]);
+                }
+                else {
+                    escapedValue[key] = value[key];
+                }
+            }
+            return escapedValue;
+        }
+        return value;
+    }
+    /**
+     * Stringifies a value - primitives with toString, dates with dateUtil, objects with JSON.stringify.
+     * @param value Any value.
+     */
+    static stringify(value) {
+        if (value === null) {
+            return 'null';
+        }
+        if (typeof value === 'undefined') {
+            return 'undefined';
+        }
+        // eliminate functions, cause they could fall into objects
+        if (typeof value === 'function') {
+            return `Function ${value.name ?? 'anonymous'}()`;
+        }
+        if (typeof value === 'object') {
+            // date is object, but would like it in ISO string representation
+            if (value instanceof Date) {
+                return DateUtil.toIsoString(value, false, true, true) ?? 'null';
+            }
+            try {
+                return JSON.stringify(value);
+            }
+            catch (e) {
+                return value.toString();
+            }
+        }
+        // only primitives should be left to be printed like this (string, number, boolean)
+        return value.toString();
+    }
+}
+
+class ErrorUtil {
+    /**
+     * Converts RxJS subscription error to MngError.
+     * @param error Error.
+     * @param name Optional name to write in mngError.
+     * @param details Optional details of error.
+     */
+    static fromSubscribeError(error, name, details) {
+        const opts = {
+            name,
+            details,
+            location: window?.location?.href
+        };
+        if (error instanceof HttpErrorResponse) {
+            return new MngHttpError(error.message ?? 'Http Error occurred', error, opts);
+        }
+        else {
+            opts.cause = error;
+            return new MngInternalError(error.message ?? 'Internal Error occurred', opts);
+        }
+    }
+    /**
+     * Checks if error is Http error (Angular or Mng).
+     * @param error
+     */
+    static isHttpErrorResponse(error) {
+        return error instanceof HttpErrorResponse || error instanceof MngHttpError || (error instanceof MngActionError && error.httpError);
+    }
+    /**
+     * Gets HttpErrorResponse from error (Angular or Mng).
+     * @param error Error.
+     */
+    static getHttpErrorResponse(error) {
+        if (error instanceof HttpErrorResponse) {
+            return error;
+        }
+        else if (error instanceof MngHttpError) {
+            return error.httpError;
+        }
+        else if (error instanceof MngActionError) {
+            return error.httpError ?? null;
+        }
+        else {
+            return null;
+        }
+    }
+    /**
+     * Gets HttpErrorResponse status from error (Angular or Mng).
+     * @param error Error.
+     */
+    static getHttpErrorResponseStatus(error) {
+        return ErrorUtil.getHttpErrorResponse(error)?.status ?? null;
+    }
+    /**
+     * Get error log level. All is error, except if error is http error with status >=400 and <500.
+     * @param error Error.
+     */
+    static getErrorLogLevel(error) {
+        if (ErrorUtil.isHttpErrorResponse(error)) {
+            const status = ErrorUtil.getHttpErrorResponseStatus(error);
+            if (status && status >= 400 && status < 500) {
+                return LogLevelEnum.Warning;
+            }
+        }
+        return LogLevelEnum.Error;
+    }
+    /**
+     * Get error name (prototype name or type from mng error if name is not provided).
+     * @param error Error.
+     */
+    static getErrorName(error) {
+        if (error instanceof AMngErrorBase) {
+            return error.name ?? error.type;
+        }
+        else {
+            return error.name;
+        }
+    }
+    /**
+     * Writes http error to string with all headers and body.
+     * @param error Http response error.
+     * @param opts Options for hiding parts of error:
+     *  - hideMessage Hides message of error (message include url, status and status text!).
+     *  - hideHeaders Hides headers.
+     *  - hideBody Hides JSON representation of body.
+     */
+    static httpErrorResponseToString(error, opts) {
+        let str = opts?.hideMessage ? '' : `${error.message}\n`; // message should already include url, status, etc.
+        if (!opts?.hideHeaders) {
+            str += `Http Response Headers: ${error.headers.keys().reduce((acc, key) => `${acc}[${key}: ${error.headers.get(key)}]`, '')}`;
+        }
+        if (!opts?.hideBody) {
+            str += `\nHttp Response Body: ${StringUtil.stringify(error.error)}`;
+        }
+        return str;
+    }
+    /**
+     * Error to string.
+     * @param error Error.
+     * @param opts Options for hiding parts of error:
+     * - hideMessage Hides message of error.
+     * - hideName Hides error name.
+     * - hideCause Hides cause of an error (if present, see @link(errorCauseToString) for other options).
+     * - hideStack Hides stack of an error (if present).
+     * - hideDetails Hides JSON detail's representation of error (if present).
+     * - hideLocation Hides location (URL) where error was thrown.
+     * - hideHttp Hides http error portion of error if http error response (see @link(httpErrorResponseToString) for other options).
+     */
+    static errorToString(error, opts) {
+        if (error instanceof AMngErrorBase) {
+            return ErrorUtil.mngErrorToString(error, opts);
+        }
+        else if (error instanceof HttpErrorResponse) {
+            return ErrorUtil.httpErrorResponseToString(error, opts);
+        }
+        const strBlocks = [];
+        if (!opts?.hideMessage) {
+            strBlocks.push(error.message);
+        }
+        if (error.name) {
+            strBlocks.push(`Error name: ${error.name}`);
+        }
+        if (!opts?.hideCause) {
+            strBlocks.push(ErrorUtil.errorCauseToString(error, opts));
+        }
+        if (!opts?.hideStack && error.stack) {
+            strBlocks.push(`Stack trace:\n${error.stack}`);
+        }
+        return strBlocks.filter(s => s.trim().length > 0).join('\n');
+    }
+    /**
+     * Mng error to string.
+     * @param error Mng error.
+     * @param opts Options for hiding parts of error:
+     * - hideMessage Hides message of error.
+     * - hideName Hides error name.
+     * - hideCause Hides cause of an error (if present, see @link(errorCauseToString) for other options).
+     * - hideStack Hides stack of an error (if present).
+     * - hideDetails Hides JSON detail's representation of error (if present).
+     * - hideLocation Hides location (URL) where error was thrown.
+     * - hideHttp Hides http error portion of error if http error response (see @link(httpErrorResponseToString) for other options).
+     * - hideItems Hides all item information (http body, action context data).
+     * - hideActionData See @link(mngActionErrorContextToString) for additional info.
+     * - hideQueryParams See @link(mngActionErrorContextToString) for additional info.
+     */
+    static mngErrorToString(error, opts) {
+        const strBlocks = [];
+        if (!opts?.hideMessage) {
+            strBlocks.push(`${error.message}${error.messageCode ? ` (code: ${error.messageCode})` : ''}`);
+        }
+        if (!opts?.hideName) {
+            strBlocks.push(`Error name: ${error.name ?? error.type} ${error.name ? `(${error.type})` : ''}`);
+        }
+        if (!opts?.hideLocation && error.location) {
+            strBlocks.push(`Location: ${error.location}`);
+        }
+        let isHttp = false;
+        if (!opts?.hideHttp && error instanceof MngHttpError) {
+            strBlocks.push(ErrorUtil.httpErrorResponseToString(error.httpError, {
+                hideBody: opts?.hideItems || opts?.hideBody,
+                hideHeaders: opts?.hideHeaders,
+                hideMessage: error.message.indexOf(error.httpError.message) >= 0
+            }));
+            isHttp = true;
+        }
+        if (error instanceof MngActionError) {
+            if (error.actionContext) {
+                strBlocks.push(ErrorUtil.mngActionErrorContextToString(error, opts));
+            }
+            if (!opts?.hideHttp && error.httpError) {
+                strBlocks.push(ErrorUtil.httpErrorResponseToString(error.httpError, {
+                    hideBody: opts?.hideItems || opts?.hideBody,
+                    hideHeaders: opts?.hideHeaders,
+                    hideMessage: error.message.indexOf(error.httpError.message) >= 0
+                }));
+                isHttp = true;
+            }
+        }
+        if (!opts?.hideDetails && error.details) {
+            strBlocks.push(`Details: ${StringUtil.stringify(error.details)}`);
+        }
+        if (!opts?.hideCause && (!isHttp || !(error.cause instanceof HttpErrorResponse))) {
+            strBlocks.push(ErrorUtil.errorCauseToString(error, opts));
+        }
+        if (!opts?.hideStack && error.stack) {
+            strBlocks.push(`Stack trace:\n${error.stack}`);
+        }
+        return strBlocks.filter(s => s.trim().length > 0).join('\n');
+    }
+    /**
+     * Writes Mng action error info from context as string.
+     * @param error Mng action error.
+     * @param opts Options for hiding parts of error:
+     * - hideItems Hides all item related information (item, form item, submit item, ...).
+     * - hideActionData Hides action data.
+     * - hideQueryParams Hides query params.
+     */
+    static mngActionErrorContextToString(error, opts) {
+        let paramsMessage = '';
+        if (error.actionContext?.parameters) {
+            if (error.actionContext?.parameters.itemId) {
+                paramsMessage += `[itemId: ${error.actionContext.parameters.itemId}]`;
+            }
+            if (!opts?.hideItems && error.actionContext?.parameters.item) {
+                paramsMessage += `[item: ${StringUtil.stringify(error.actionContext.parameters.item)}]`;
+            }
+            if (!opts?.hideActionData && error.actionContext?.parameters.actionData) {
+                paramsMessage += Object.entries(error.actionContext?.parameters.actionData).reduce((acc, [key, value]) => `${acc}[actionData ${key}: ${StringUtil.stringify(value)}]`, '');
+            }
+            if (!opts?.hideQueryParams && error.actionContext?.parameters.queryParam) {
+                paramsMessage += `[queryParam: ${StringUtil.stringify(error.actionContext.parameters.queryParam)}]`;
+            }
+            if (!opts?.hideItems && error.actionContext?.parameters.formItem) {
+                paramsMessage += `[formItem: ${StringUtil.stringify(error.actionContext.parameters.formItem)}]`;
+            }
+            if (!opts?.hideItems && error.actionContext?.parameters.submitResult) {
+                paramsMessage += `[formItem: ${StringUtil.stringify(error.actionContext.parameters.submitResult)}]`;
+            }
+            if (error.actionContext?.parameters.locale) {
+                paramsMessage += `[locale: ${StringUtil.stringify(error.actionContext.parameters.locale)}]`;
+            }
+        }
+        return paramsMessage;
+    }
+    /**
+     * Writes cause of an error as string.
+     * @param error Error.
+     * @param opts Options for hiding parts of error:
+     * - causeOnErrorOnly Prints only if cause is instance of error.
+     * - causeAsJson Print error cause as a JSON (by default, if error only message and name will be printed).
+     */
+    static errorCauseToString(error, opts) {
+        // if already logged as http error, check that cause is not also http error (cause it is usually duplicated)
+        if (error.cause && (!opts?.causeOnErrorOnly || error.cause instanceof Error)) {
+            const stringify = opts?.causeAsJson || !(error.cause instanceof Error);
+            if (!opts?.causeOnErrorOnly || error.cause instanceof Error) {
+                return ('Caused by: ' +
+                    (stringify ? StringUtil.stringify(error.cause) : `${error.cause.message}${error.cause.name ? ` (${error.cause.name})` : ''}`));
+            }
+        }
+        return '';
+    }
+}
+
 class TypeUtil {
     static { this.reflectTypeNameKey = 'typeName'; }
     static { this.reflectTypeIdPropertyKey = 'typeIdProperty'; }
@@ -8129,7 +8591,7 @@ class TypeUtil {
         if (enumName) {
             return enumName;
         }
-        throw new MngInternalError('Could not fined enum name', 'TypeUtils error');
+        throw new MngInternalError('Could not fined enum name', { name: 'TypeUtilsError' });
     }
     /**
      * Gets type's id property from reflect metadata.
@@ -8404,14 +8866,11 @@ var I18nUtils;
             const paramsRes = { ...params };
             paramsRes.errorStatus = '';
             paramsRes.errorMessage = '';
-            if (error.status) {
-                paramsRes.errorStatus = error.status;
-            }
-            if (error.message) {
-                paramsRes.errorMessage = error.message;
-            }
-            if (error.statusDescription) {
-                paramsRes.errorStatusDescription = error.statusDescription;
+            if (ErrorUtil.isHttpErrorResponse(error)) {
+                const httpError = ErrorUtil.getHttpErrorResponse(error);
+                paramsRes.errorStatus = httpError?.status;
+                paramsRes.errorMessage = httpError?.message;
+                paramsRes.errorStatusDescription = httpError?.statusText;
             }
             paramsRes.error = error;
             return paramsRes;
@@ -8537,119 +8996,6 @@ class NotificationUtil {
     }
 }
 
-class ObjectUtil {
-    static deepCopy(obj, options) {
-        if (typeof obj !== 'object' || obj === null || Array.isArray(obj)) {
-            return obj;
-        }
-        if (obj instanceof Date) {
-            return new Date(+obj);
-        }
-        let copy;
-        if (options?.mapGettersToProperties) {
-            copy = {};
-        }
-        else {
-            copy = options?.objectPrototype ? Object.create(options.objectPrototype['prototype']) : Object.create(Object.getPrototypeOf(obj));
-            Object.assign(copy, obj);
-        }
-        for (const key of ObjectUtil.getProperties(obj)) {
-            const prop = obj[key];
-            copy[key] = ObjectUtil.handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
-        }
-        if (options?.mapGettersToProperties) {
-            for (const getterKey of ObjectUtil.getGetters(obj)) {
-                const prop = obj[getterKey];
-                copy[getterKey] = ObjectUtil.handleProp(prop, { mapGettersToProperties: options?.mapGettersToProperties });
-            }
-        }
-        return copy;
-    }
-    static deepMerge(target, source) {
-        if (!ObjectUtil.isObject(source)) {
-            return target;
-        }
-        for (const key of ObjectUtil.getProperties(source)) {
-            if (ObjectUtil.isObject(source[key])) {
-                if (ObjectUtil.isObject(target[key])) {
-                    target[key] = ObjectUtil.deepMerge(target[key], source[key]);
-                }
-                else {
-                    target[key] = ObjectUtil.deepCopy(source[key]);
-                }
-            }
-            else if (Array.isArray(source[key])) {
-                if (!Array.isArray(target[key])) {
-                    target[key] = source[key].map(i => (ObjectUtil.isObject(i) ? ObjectUtil.deepMerge({}, i) : i));
-                }
-            }
-            else if (typeof target[key] === 'undefined') {
-                target[key] = source[key];
-            }
-        }
-        return target;
-    }
-    static isObject(obj) {
-        return typeof obj === 'object' && obj !== null && !Array.isArray(obj);
-    }
-    static handleProp(prop, options) {
-        if (Array.isArray(prop)) {
-            return prop.map(i => ObjectUtil.deepCopy(i, options));
-        }
-        else if (typeof prop === 'object' && prop !== null) {
-            return ObjectUtil.deepCopy(prop, options);
-        }
-        else {
-            return prop;
-        }
-    }
-    static getProperties(obj) {
-        return Object.keys(obj);
-    }
-    static getGetters(obj) {
-        const getterSet = new Set();
-        let currObj = obj;
-        while (currObj) {
-            const getters = Object.entries(Object.getOwnPropertyDescriptors(currObj))
-                .filter(([, descriptor]) => typeof descriptor.get === 'function')
-                .filter(([key]) => key !== '__proto__')
-                .map(([key]) => key);
-            for (const getter of getters) {
-                getterSet.add(getter);
-            }
-            currObj = Object.getPrototypeOf(currObj);
-        }
-        return Array.from(getterSet);
-    }
-}
-
-class StringUtil {
-    static escapeHtml(value) {
-        return value.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    }
-    static escapeHtmlAny(value) {
-        if (typeof value === 'string') {
-            return StringUtil.escapeHtml(value);
-        }
-        else if (typeof value === 'object') {
-            const escapedValue = ObjectUtil.deepCopy(value, { mapGettersToProperties: true });
-            for (const key in value) {
-                if (typeof value[key] === 'string') {
-                    escapedValue[key] = StringUtil.escapeHtml(value[key]);
-                }
-                else if (typeof value[key] === 'object') {
-                    escapedValue[key] = StringUtil.escapeHtmlAny(value[key]);
-                }
-                else {
-                    escapedValue[key] = value[key];
-                }
-            }
-            return escapedValue;
-        }
-        return value;
-    }
-}
-
 class ExportUtils {
     static prepareDataForExport(pageData, delimiter, descriptor, translate) {
         const replaceNullValue = (key, value) => (value === null ? '' : value);
@@ -8892,7 +9238,7 @@ class ActionDescriptor {
         this._model = model;
         this._actionName = actionName;
         if ((parentType && !parentProperty) || (!parentProperty && parentProperty)) {
-            throw new MngInternalError(`Provide both the parent type and parent property or none: ${parentType}, ${parentProperty}.`, 'ActionDescriptor error');
+            throw new MngInternalError(`Provide both the parent type and parent property or none: ${this._actionName}, ${parentType}, ${parentProperty}.`);
         }
         this._parentType = parentType;
         this._parentTypeName = parentType ? TypeUtil.findTypeName(parentType) : undefined;
@@ -8941,7 +9287,7 @@ class ActionDescriptor {
     }
     get runFunction() {
         if (!this._runFunction) {
-            throw new MngInternalError('Run function is not defined and cannot be invoked', 'ActionDescriptor error');
+            throw new MngInternalError(`Run function is not defined for action ${this._actionNameLong} and cannot be invoked`);
         }
         return this._runFunction;
     }
@@ -9027,7 +9373,7 @@ class ActionDescriptor {
     }
     withServiceType(serviceType) {
         if (!this._model) {
-            throw new MngInternalError(`Cannot set data provider if no model type is provided for action ${this._actionName}`, 'ActionDescriptor error');
+            throw new MngInternalError(`Cannot set data provider for action ${this._actionNameLong} if no model type is provided`);
         }
         this._dataProvider = new DataProvider(this._model.type, serviceType);
         return this;
@@ -9217,7 +9563,7 @@ class ActionEditorDescriptor extends ActionDescriptor {
         return this._dataProvider;
     }
     get runFunction() {
-        throw new MngInternalError('Run function cannot be used in editor action. Use submit function instead!', 'ActionDescriptor error');
+        throw new MngInternalError(`Run function cannot be used in editor action for ${this._actionNameLong}. Use submit function instead`);
     }
     get fetchFunction() {
         return this._fetchFunction;
@@ -9251,7 +9597,7 @@ class ActionEditorDescriptor extends ActionDescriptor {
     }
     withServiceType(serviceType) {
         if (!this._model) {
-            throw new MngInternalError(`Cannot set data provider if no model type is provided for action ${this._actionName}`, 'ActionDescriptor error');
+            throw new MngInternalError(`Cannot set data provider for action ${this._actionNameLong} if no model type is provided`);
         }
         this._dataProvider = new EditorDataProvider(this._model.type, serviceType);
         return this;
@@ -10602,6 +10948,14 @@ class MngAutocompleteComponent {
             this.searchSubscription = this.getLookup(queryParamBuilder.build(), event.query).subscribe({
                 next: items => {
                     this.setSuggestionsFromItems(items, event.query);
+                },
+                error: err => {
+                    this.setSuggestionsFromItems([], event.query);
+                    const mngError = ErrorUtil.fromSubscribeError(err, 'MngAutocompleteComponentError', {
+                        search: event.query,
+                        queryParam: queryParamBuilder.build()
+                    });
+                    this.logger.log(mngError, ErrorUtil.getErrorLogLevel(mngError));
                 }
             });
         }
@@ -10708,7 +11062,9 @@ class MngAutocompleteComponent {
                     this.itemsValueProperty = 'value';
                 }
                 else {
-                    throw new MngInternalError(`Invalid use with value (${this.itemsLabelPropertyInit}) and label (${this.itemsLabelPropertyInit}) property setup.`, 'MngAutocompleteComponent error');
+                    throw new MngInternalError(`Invalid use with value (${this.itemsLabelPropertyInit}) and label (${this.itemsLabelPropertyInit}) property setup.`, {
+                        name: 'MngAutocompleteComponentError'
+                    });
                 }
             }
         }
@@ -10884,7 +11240,9 @@ class MngDropdownComponent {
                     this.itemsValueProperty = 'value';
                 }
                 else {
-                    throw new MngInternalError(`Invalid use with value (${this.itemsLabelPropertyInit}) and label (${this.itemsLabelPropertyInit}) property setup.`, 'MngDropdownComponent error');
+                    throw new MngInternalError(`Invalid use with value (${this.itemsLabelPropertyInit}) and label (${this.itemsLabelPropertyInit}) property setup.`, {
+                        name: 'MngDropdownComponentError'
+                    });
                 }
             }
             this.itemsSubscription = this.dataProvider
@@ -10917,9 +11275,17 @@ class MngDropdownComponent {
                     return of(items);
                 }
             }))
-                .subscribe(res => {
-                this.itemsSubject.next(res);
-                this.loadingSubject.next(false);
+                .subscribe({
+                next: res => {
+                    this.itemsSubject.next(res);
+                    this.loadingSubject.next(false);
+                },
+                error: err => {
+                    const mngError = ErrorUtil.fromSubscribeError(err, 'MngDropdownComponentError', {
+                        queryParam: queryParamBuilder.build()
+                    });
+                    this.logger.log(mngError, ErrorUtil.getErrorLogLevel(mngError));
+                }
             });
             if (this.selectFirstItem && !this.dropdownFormControl?.value) {
                 this.items$.pipe(first()).subscribe(res => {
@@ -12110,6 +12476,7 @@ class MngTableComponent {
         this.localStorageService = localStorageService;
         this.filterDisplayRow = TableFilterDisplayEnum.Row;
         this.cmpTypeName = 'MngTableComponent';
+        this.logger = inject(MngLoggerService).create(this.cmpTypeName);
         this.useQueryParams = false;
         // extra features input
         this.selectionMode = 'multiple';
@@ -12508,6 +12875,10 @@ class MngTableComponent {
                 emptyQueryResult.allDataCount = 0;
                 this.dataProviderQueryResultSubject.next(emptyQueryResult);
                 this.dataProviderLoadingSubject.next(false);
+                const mngError = ErrorUtil.fromSubscribeError(err, 'MngTableComponentError', {
+                    queryParam: queryParam
+                });
+                this.logger.log(mngError, ErrorUtil.getErrorLogLevel(mngError));
             }
         });
         if (emitEvent) {
@@ -13127,6 +13498,7 @@ class MngFormlyFieldLookupDialogComponent extends FieldType {
     constructor(injector) {
         super();
         this.injector = injector;
+        this.logger = inject(MngLoggerService).create('MngFormlyFieldLookupDialogComponent');
         this.fieldLabelFormControl = new FormControl();
         this.itemsSubject = new ReplaySubject(1);
         this.itemsAsync = this.itemsSubject.asObservable();
@@ -13217,6 +13589,10 @@ class MngFormlyFieldLookupDialogComponent extends FieldType {
                         eventSubtype: 'LookupError',
                         queryResult: err
                     });
+                    const mngError = ErrorUtil.fromSubscribeError(err, 'MngFormlyFieldLookupDialogComponentError', {
+                        queryParam: queryParamBuilder.build()
+                    });
+                    this.logger.log(mngError, ErrorUtil.getErrorLogLevel(mngError));
                 }
             });
         }
@@ -13274,7 +13650,7 @@ class MngFormlyFieldLookupDialogComponent extends FieldType {
         if (typeof value === 'object') {
             const labelProperty = this.descriptor.itemsLabelProperty ?? this.descriptor.dialogTableDescriptor?.model.titlePropertyName;
             if (!labelProperty) {
-                throw new MngInternalError('Could not determine label property.', 'MngFormlyFieldLookupDialog error');
+                throw new MngInternalError('Could not determine label property.', { name: 'MngFormlyFieldLookupDialogError' });
             }
             this.fieldLabelFormControl.setValue(value[labelProperty]);
         }
@@ -13336,7 +13712,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             })
                 .withSubmitFunction(ctx => {
                 if (!ctx.parameters.item) {
-                    return throwError(() => new MngInternalError(`No item was provided in context, add cannot be done.`, 'FormlyFieldTableDialogFormComponent error'));
+                    return throwError(() => new MngInternalError(`No item was provided in context, add cannot be done.`, { name: 'FormlyFieldTableDialogFormComponentError' }));
                 }
                 this.formState.submittedOn = Date.now();
                 let value = this.formControl.value;
@@ -13364,7 +13740,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
             })
                 .withSubmitFunction(ctx => {
                 if (!ctx.parameters.item) {
-                    return throwError(() => new MngInternalError(`No item was provided in context, edit cannot be done.`, 'FormlyFieldTableDialogFormComponent error'));
+                    return throwError(() => new MngInternalError(`No item was provided in context, edit cannot be done.`, { name: 'FormlyFieldTableDialogFormComponentError' }));
                 }
                 this.formState.submittedOn = Date.now();
                 const formControlValue = this.formControl.value;
@@ -13387,7 +13763,7 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
                 .withButtonDescriptor(new ActionButtonDescriptor().withStyleClass(new ButtonStyleBuilder(StyleLevelEnum.Danger).withSize(StyleSizeEnum.ExtraSmall)))
                 .withRunFunction(ctx => {
                 if (!ctx.parameters.item) {
-                    return throwError(() => new MngInternalError(`No item was provided in context, delete cannot be done.`, 'FormlyFieldTableDialogFormComponent error'));
+                    return throwError(() => new MngInternalError(`No item was provided in context, delete cannot be done.`, { name: 'FormlyFieldTableDialogFormComponentError' }));
                 }
                 let formControlValue = this.formControl.value;
                 const compareProperty = this.descriptor.tableDescriptor.dataKeyProperty
@@ -13405,7 +13781,9 @@ class MngFormlyFieldTableDialogFormComponent extends FieldType {
                     this.formControl.markAsDirty();
                 }
                 else {
-                    return throwError(() => new MngInternalError('Cannot compare items, please provide main table data key property or model id property.', 'FormlyFieldTableDialogFormComponent error'));
+                    return throwError(() => new MngInternalError('Cannot compare items, please provide main table data key property or model id property.', {
+                        name: 'FormlyFieldTableDialogFormComponentError'
+                    }));
                 }
                 this.formControl.markAsTouched();
                 return of(ctxItem);
@@ -13488,6 +13866,7 @@ class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
     constructor(injector) {
         super();
         this.injector = injector;
+        this.logger = inject(MngLoggerService).create('MngFormlyFieldTableDialogMultiselectComponent');
         this.itemsSubject = new ReplaySubject(1);
         this.itemsAsync = this.itemsSubject.asObservable();
         this.addItemsSubject = new ReplaySubject(1);
@@ -13574,8 +13953,12 @@ class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
                         this.dialogAreItemsLoaded = true;
                         this.dialogIsLoadingSubject.next(false);
                     },
-                    error: () => {
+                    error: err => {
                         this.dialogIsLoadingSubject.next(false);
+                        const mngError = ErrorUtil.fromSubscribeError(err, 'MngFormlyFieldTableDialogMultiselectComponent', {
+                            queryParam: queryParamBuilder.build()
+                        });
+                        this.logger.log(mngError, ErrorUtil.getErrorLogLevel(mngError));
                     }
                 });
             });
@@ -13618,7 +14001,9 @@ class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
             ? this.descriptor.mainTableDescriptor.dataKeyProperty
             : this.descriptor.mainTableDescriptor.model.idPropertyName;
         if (!compareProperty) {
-            throw new MngInternalError('Cannot compare items, please provide main table data key property or model id property.', 'FormlyFieldTableDialogMultiselectComponent error');
+            throw new MngInternalError('Cannot compare items, please provide main table data key property or model id property.', {
+                name: 'FormlyFieldTableDialogMultiselectComponentError'
+            });
         }
         value = value.filter((i) => i[compareProperty] !== item[compareProperty]);
         this.formControl.patchValue(value);
@@ -13631,11 +14016,11 @@ class MngFormlyFieldTableDialogMultiselectComponent extends FieldType {
         this.searchDebounceSubject.next(query);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngFormlyFieldTableDialogMultiselectComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MngFormlyFieldTableDialogMultiselectComponent, isStandalone: true, selector: "mng-formly-table-multiselect-add-field", viewQueries: [{ propertyName: "addTableComponent", first: true, predicate: ["addTableComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mng-table [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"itemsAsync\" [viewContainer]=\"viewContainer\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header pt-0\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }} <span *ngIf=\"props.required && props['hideRequiredMarker'] !== true\">*</span></label\n            >\n            <button\n                *ngIf=\"hasAddAction && !options?.formState?.disabled\"\n                pButton\n                pRipple\n                type=\"button\"\n                icon=\"pi pi-plus\"\n                class=\"p-button-rounded mng-button-xs\"\n                (click)=\"openAddDialog()\"\n                [disabled]=\"formControl!.disabled\"></button>\n        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnAction\" let-item=\"rowItem\">\n        <button\n            *ngIf=\"hasDeleteAction && !options?.formState?.disabled\"\n            pButton\n            pRipple\n            type=\"button\"\n            icon=\"pi pi-trash\"\n            class=\"p-button-rounded p-button-danger mng-button-xs\"\n            (click)=\"removeItem(item)\"\n            [disabled]=\"formControl!.disabled\"></button>\n    </ng-template>\n</mng-table>\n\n<p-dialog\n    *ngIf=\"hasAddAction\"\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.addItem' | translate : {item: props.label! | translate}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"p-fluid mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n    <ng-template pTemplate=\"content\" class=\"table-container\">\n        <div class=\"h-full flex flex-column\">\n            <div class=\"flex-grow-1 formly-field-table-multiselect-dialog-form-container\">\n                <div class=\"mng-formly-field-table-multiselect-dialog-table\">\n                    <mng-table\n                        #addTableComponent\n                        [descriptor]=\"descriptor.mainTableDescriptor\"\n                        [globalFilterFields]=\"descriptor.searchFields\"\n                        [queryResult]=\"addItemsAsync\"\n                        [selectionEnabled]=\"true\"\n                        [loading]=\"dialogIsLoading$\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        [viewContainer]=\"viewContainer\">\n                        <ng-template *ngIf=\"descriptor.searchEnabled\" mngTemplate=\"caption\">\n                            <div class=\"flex\">\n                                <span class=\"p-input-icon-left ml-auto\" [ngStyle]=\"{width: 'unset'}\">\n                                    <i class=\"pi pi-search\"></i>\n                                    <input pInputText type=\"text\" (input)=\"onSearch($event)\" [placeholder]=\"'general.search' | translate\" />\n                                </span>\n                            </div>\n                        </ng-template>\n                    </mng-table>\n                </div>\n            </div>\n\n            <div class=\"flex flex-row justify-content-end mng-formly-field-table-multiselect-dialog-footer\">\n                <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n                <button\n                    pButton\n                    pRipple\n                    type=\"button\"\n                    [label]=\"'general.add' | translate\"\n                    icon=\"pi pi-check\"\n                    class=\"p-button-primary\"\n                    (click)=\"addItems()\"\n                    [loading]=\"(dialogIsLoading$ | async) ?? false\"\n                    [disabled]=\"form.disabled\"></button>\n            </div>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".table-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;margin-top:2rem}.table-container{overflow:hidden}.table-footer button{width:8rem}.table-footer button:not(:first-child){margin-left:1.5rem}.table-scroll{max-height:75vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4$4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i6$1.Ripple, selector: "[pRipple]" }, { kind: "directive", type: MngTemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MngFormlyFieldTableDialogMultiselectComponent, isStandalone: true, selector: "mng-formly-table-multiselect-add-field", viewQueries: [{ propertyName: "addTableComponent", first: true, predicate: ["addTableComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mng-table [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"itemsAsync\" [viewContainer]=\"viewContainer\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header pt-0\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }} <span *ngIf=\"props.required && props['hideRequiredMarker'] !== true\">*</span></label\n            >\n            <button\n                *ngIf=\"hasAddAction && !options?.formState?.disabled\"\n                pButton\n                pRipple\n                type=\"button\"\n                icon=\"pi pi-plus\"\n                class=\"p-button-rounded mng-button-xs\"\n                (click)=\"openAddDialog()\"\n                [disabled]=\"formControl!.disabled\"></button>\n        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnAction\" let-item=\"rowItem\">\n        <button\n            *ngIf=\"hasDeleteAction && !options?.formState?.disabled\"\n            pButton\n            pRipple\n            type=\"button\"\n            icon=\"pi pi-trash\"\n            class=\"p-button-rounded p-button-danger mng-button-xs\"\n            (click)=\"removeItem(item)\"\n            [disabled]=\"formControl!.disabled\"></button>\n    </ng-template>\n</mng-table>\n\n<p-dialog\n    *ngIf=\"hasAddAction\"\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.addItem' | translate : {item: props.label! | translate}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"p-fluid mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n    <ng-template pTemplate=\"content\" class=\"table-container\">\n        <div class=\"h-full flex flex-column\">\n            <div class=\"flex-grow-1 formly-field-table-multiselect-dialog-form-container\">\n                <div class=\"mng-formly-field-table-multiselect-dialog-table\">\n                    <mng-table\n                        #addTableComponent\n                        [descriptor]=\"descriptor.lookupTableDescriptor\"\n                        [globalFilterFields]=\"descriptor.searchFields\"\n                        [queryResult]=\"addItemsAsync\"\n                        [selectionEnabled]=\"true\"\n                        [loading]=\"dialogIsLoading$\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        [viewContainer]=\"viewContainer\">\n                        <ng-template *ngIf=\"descriptor.searchEnabled\" mngTemplate=\"caption\">\n                            <div class=\"flex\">\n                                <span class=\"p-input-icon-left ml-auto\" [ngStyle]=\"{width: 'unset'}\">\n                                    <i class=\"pi pi-search\"></i>\n                                    <input pInputText type=\"text\" (input)=\"onSearch($event)\" [placeholder]=\"'general.search' | translate\" />\n                                </span>\n                            </div>\n                        </ng-template>\n                    </mng-table>\n                </div>\n            </div>\n\n            <div class=\"flex flex-row justify-content-end mng-formly-field-table-multiselect-dialog-footer\">\n                <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n                <button\n                    pButton\n                    pRipple\n                    type=\"button\"\n                    [label]=\"'general.add' | translate\"\n                    icon=\"pi pi-check\"\n                    class=\"p-button-primary\"\n                    (click)=\"addItems()\"\n                    [loading]=\"(dialogIsLoading$ | async) ?? false\"\n                    [disabled]=\"form.disabled\"></button>\n            </div>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".table-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;margin-top:2rem}.table-container{overflow:hidden}.table-footer button{width:8rem}.table-footer button:not(:first-child){margin-left:1.5rem}.table-scroll{max-height:75vh;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MngTableComponent, selector: "mng-table", inputs: ["descriptor", "items", "queryResult", "loading", "dataProvider", "useQueryParams", "selectionMode", "selectionEnabled", "actions", "isColumnClickable", "viewContainer", "captionComponent", "columnActionComponent", "columnActionMinWidth", "globalFilterFields"], outputs: ["tableLoad", "cellClick", "selectionChange", "captionComponentInstance", "columnActionComponentInstance"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4$4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i6$1.Ripple, selector: "[pRipple]" }, { kind: "directive", type: MngTemplateDirective, selector: "[mngTemplate]", inputs: ["type", "mngTemplate"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14.InputText, selector: "[pInputText]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MngFormlyFieldTableDialogMultiselectComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'mng-formly-table-multiselect-add-field', imports: [TranslateModule, NgIf, AsyncPipe, MngTableComponent, DialogModule, ButtonModule, RippleModule, MngTemplateDirective, InputTextModule, NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"itemsAsync\" [viewContainer]=\"viewContainer\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header pt-0\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }} <span *ngIf=\"props.required && props['hideRequiredMarker'] !== true\">*</span></label\n            >\n            <button\n                *ngIf=\"hasAddAction && !options?.formState?.disabled\"\n                pButton\n                pRipple\n                type=\"button\"\n                icon=\"pi pi-plus\"\n                class=\"p-button-rounded mng-button-xs\"\n                (click)=\"openAddDialog()\"\n                [disabled]=\"formControl!.disabled\"></button>\n        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnAction\" let-item=\"rowItem\">\n        <button\n            *ngIf=\"hasDeleteAction && !options?.formState?.disabled\"\n            pButton\n            pRipple\n            type=\"button\"\n            icon=\"pi pi-trash\"\n            class=\"p-button-rounded p-button-danger mng-button-xs\"\n            (click)=\"removeItem(item)\"\n            [disabled]=\"formControl!.disabled\"></button>\n    </ng-template>\n</mng-table>\n\n<p-dialog\n    *ngIf=\"hasAddAction\"\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.addItem' | translate : {item: props.label! | translate}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"p-fluid mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n    <ng-template pTemplate=\"content\" class=\"table-container\">\n        <div class=\"h-full flex flex-column\">\n            <div class=\"flex-grow-1 formly-field-table-multiselect-dialog-form-container\">\n                <div class=\"mng-formly-field-table-multiselect-dialog-table\">\n                    <mng-table\n                        #addTableComponent\n                        [descriptor]=\"descriptor.mainTableDescriptor\"\n                        [globalFilterFields]=\"descriptor.searchFields\"\n                        [queryResult]=\"addItemsAsync\"\n                        [selectionEnabled]=\"true\"\n                        [loading]=\"dialogIsLoading$\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        [viewContainer]=\"viewContainer\">\n                        <ng-template *ngIf=\"descriptor.searchEnabled\" mngTemplate=\"caption\">\n                            <div class=\"flex\">\n                                <span class=\"p-input-icon-left ml-auto\" [ngStyle]=\"{width: 'unset'}\">\n                                    <i class=\"pi pi-search\"></i>\n                                    <input pInputText type=\"text\" (input)=\"onSearch($event)\" [placeholder]=\"'general.search' | translate\" />\n                                </span>\n                            </div>\n                        </ng-template>\n                    </mng-table>\n                </div>\n            </div>\n\n            <div class=\"flex flex-row justify-content-end mng-formly-field-table-multiselect-dialog-footer\">\n                <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n                <button\n                    pButton\n                    pRipple\n                    type=\"button\"\n                    [label]=\"'general.add' | translate\"\n                    icon=\"pi pi-check\"\n                    class=\"p-button-primary\"\n                    (click)=\"addItems()\"\n                    [loading]=\"(dialogIsLoading$ | async) ?? false\"\n                    [disabled]=\"form.disabled\"></button>\n            </div>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".table-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;margin-top:2rem}.table-container{overflow:hidden}.table-footer button{width:8rem}.table-footer button:not(:first-child){margin-left:1.5rem}.table-scroll{max-height:75vh;overflow-y:auto}\n"] }]
+            args: [{ standalone: true, selector: 'mng-formly-table-multiselect-add-field', imports: [TranslateModule, NgIf, AsyncPipe, MngTableComponent, DialogModule, ButtonModule, RippleModule, MngTemplateDirective, InputTextModule, NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mng-table [descriptor]=\"descriptor.mainTableDescriptor\" [items]=\"itemsAsync\" [viewContainer]=\"viewContainer\">\n    <ng-template mngTemplate=\"caption\">\n        <div class=\"flex flex-row justify-content-end align-items-center table-header pt-0\">\n            <label class=\"mng-datatable-form-label p-0 m-0\" [for]=\"key\"\n                >{{ props.label! | translate }} <span *ngIf=\"props.required && props['hideRequiredMarker'] !== true\">*</span></label\n            >\n            <button\n                *ngIf=\"hasAddAction && !options?.formState?.disabled\"\n                pButton\n                pRipple\n                type=\"button\"\n                icon=\"pi pi-plus\"\n                class=\"p-button-rounded mng-button-xs\"\n                (click)=\"openAddDialog()\"\n                [disabled]=\"formControl!.disabled\"></button>\n        </div>\n    </ng-template>\n    <ng-template mngTemplate=\"columnAction\" let-item=\"rowItem\">\n        <button\n            *ngIf=\"hasDeleteAction && !options?.formState?.disabled\"\n            pButton\n            pRipple\n            type=\"button\"\n            icon=\"pi pi-trash\"\n            class=\"p-button-rounded p-button-danger mng-button-xs\"\n            (click)=\"removeItem(item)\"\n            [disabled]=\"formControl!.disabled\"></button>\n    </ng-template>\n</mng-table>\n\n<p-dialog\n    *ngIf=\"hasAddAction\"\n    [(visible)]=\"isDialogVisible\"\n    [draggable]=\"false\"\n    [header]=\"'general.addItem' | translate : {item: props.label! | translate}\"\n    [modal]=\"true\"\n    appendTo=\"body\"\n    styleClass=\"p-fluid mng-dialog mng-dialog-sm mng-formly-field-table-multiselect-dialog\">\n    <ng-template pTemplate=\"content\" class=\"table-container\">\n        <div class=\"h-full flex flex-column\">\n            <div class=\"flex-grow-1 formly-field-table-multiselect-dialog-form-container\">\n                <div class=\"mng-formly-field-table-multiselect-dialog-table\">\n                    <mng-table\n                        #addTableComponent\n                        [descriptor]=\"descriptor.lookupTableDescriptor\"\n                        [globalFilterFields]=\"descriptor.searchFields\"\n                        [queryResult]=\"addItemsAsync\"\n                        [selectionEnabled]=\"true\"\n                        [loading]=\"dialogIsLoading$\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        [viewContainer]=\"viewContainer\">\n                        <ng-template *ngIf=\"descriptor.searchEnabled\" mngTemplate=\"caption\">\n                            <div class=\"flex\">\n                                <span class=\"p-input-icon-left ml-auto\" [ngStyle]=\"{width: 'unset'}\">\n                                    <i class=\"pi pi-search\"></i>\n                                    <input pInputText type=\"text\" (input)=\"onSearch($event)\" [placeholder]=\"'general.search' | translate\" />\n                                </span>\n                            </div>\n                        </ng-template>\n                    </mng-table>\n                </div>\n            </div>\n\n            <div class=\"flex flex-row justify-content-end mng-formly-field-table-multiselect-dialog-footer\">\n                <button pButton pRipple type=\"button\" [label]=\"'general.cancel' | translate\" icon=\"pi pi-times\" class=\"p-button-text\" (click)=\"hideDialog()\"></button>\n                <button\n                    pButton\n                    pRipple\n                    type=\"button\"\n                    [label]=\"'general.add' | translate\"\n                    icon=\"pi pi-check\"\n                    class=\"p-button-primary\"\n                    (click)=\"addItems()\"\n                    [loading]=\"(dialogIsLoading$ | async) ?? false\"\n                    [disabled]=\"form.disabled\"></button>\n            </div>\n        </div>\n    </ng-template>\n</p-dialog>\n", styles: [".table-footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;margin-top:2rem}.table-container{overflow:hidden}.table-footer button{width:8rem}.table-footer button:not(:first-child){margin-left:1.5rem}.table-scroll{max-height:75vh;overflow-y:auto}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { addTableComponent: [{
                 type: ViewChild,
                 args: ['addTableComponent']
@@ -13851,7 +14236,7 @@ class RouteUtil {
             }
             else if (path[0].startsWith('../')) {
                 // TODO: process multi upper folder
-                throw new MngInternalError('Not implemented', 'RouteUtils error');
+                throw new MngInternalError('Not implemented', { name: 'RouteUtilsError' });
             }
             else {
                 return RouteUtil.removeEmptyPathSegments([...basePath, ...path]);
@@ -14571,16 +14956,12 @@ class MngErrorHandler {
     }
     static { this.logCategory = 'MngErrorHandler'; }
     handleError(error) {
-        if (error instanceof MngInternalError) {
-            const internalError = error;
-            this.logger.log(internalError.messageLog, LogLevelEnum.Error, internalError.name, error);
-        }
-        else if (error instanceof HttpErrorResponse) {
-            const isClientError = error.status >= 400 && error.status < 500;
-            this.logger.log(`Http error occurred with status ${error.status} ${error.statusText}: ${error.message}`, isClientError ? LogLevelEnum.Warning : LogLevelEnum.Error, MngErrorHandler.logCategory, error);
+        if (error instanceof AMngErrorBase || error instanceof HttpErrorResponse) {
+            const logLevel = ErrorUtil.getErrorLogLevel(error);
+            this.logger.log(error, logLevel);
         }
         else {
-            this.logger.log(`Unexpected error occurred: ${error.message}`, LogLevelEnum.Error, MngErrorHandler.logCategory, error);
+            this.logger.error('Unexpected error occurred', error);
         }
     }
 }
@@ -14593,6 +14974,7 @@ class MngCommonsInitService {
     constructor() {
         this.httpClient = inject(HttpClient);
         this.logger = inject(MngLoggerService);
+        this.logPublishers = inject(MNG_LOG_PUBLISHERS, { optional: true });
         this.config = inject(MngConfigurationService);
         this.mngCommons = inject(MngCommonsService);
         this.mngRouter = inject(MngRouterService);
@@ -14632,7 +15014,7 @@ class MngCommonsInitService {
         }
         return this.config.loadJsonConfigurations().pipe(mergeMap(() => {
             // init logger
-            MngLoggerService.init(this.config);
+            MngLoggerService.init(this.config, this.logPublishers ?? []);
             if (this.commonsInitializers) {
                 ctxLogger.debug('Project initializers are being initialized');
                 return combineLatest(this.commonsInitializers.map(ci => ci())).pipe(map(res => res));
@@ -14987,6 +15369,11 @@ function provideMngCommons(config) {
             provide: MngLoggerService,
             useFactory: () => MngLoggerService.get()
         },
+        {
+            provide: MNG_LOG_PUBLISHERS,
+            useClass: MngLogPublisherConsoleService,
+            multi: true
+        },
         {
             provide: ErrorHandler,
             useClass: MngErrorHandler
@@ -15710,13 +16097,13 @@ class RouteBuilder {
     }
     toParent() {
         if (!this.parent) {
-            throw new MngInternalError('Parent was not provided.', 'RouteBuilder error');
+            throw new MngInternalError('Parent was not provided.', { name: 'RouteBuilder error' });
         }
         return this.parent;
     }
     toRoot() {
         if (!this.root) {
-            throw new MngInternalError('Root was not provided.', 'RouteBuilder error');
+            throw new MngInternalError('Root was not provided.', { name: 'RouteBuilderError' });
         }
         return this.root;
     }
@@ -15898,7 +16285,7 @@ class RoutesBuilder {
     }
     toRoute() {
         if (!this.currentRoute) {
-            throw new MngInternalError('No routes were added!', 'RoutesBuilder error');
+            throw new MngInternalError('No routes were added!', { name: 'RoutesBuilderError' });
         }
         return this.currentRoute;
     }
@@ -16148,5 +16535,5 @@ function EnumName(typeName) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_EDITOR_DIALOG_COMPONENT_SETTING, AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngBaseApiService, AMngCrudApiService, AMngFormlyCustomFieldComponent, AMngGetAllApiService, AMngTableviewRouteComponent, APermissions, ActionActivationTriggerEnum, ActionButtonDescriptor, ActionConfirmationDialogDescriptor, ActionContext, ActionContextValidation, ActionDataProviderUtil, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, ActionError, ActionInstance, ActionInstanceStateEnum, ActionLinkDescriptor, ActionParameters, ActionPositionEnum, ActionSimpleDescriptor, ActionTypeEnum, AuthorizationTypeEnum, AuthorizationUtil, ButtonStyleBuilder, ButtonStyleRoundedEnum, ColumnDescriptor, ColumnDisplayTypeEnum, ColumnDynamicDescriptor, ColumnTypeEnum, DataProvider, DateUtil, DefaultActionMngErrorMapperService, DynamicTableviewDataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, EnumeratePipeI18nHelper, ExportUtils, FieldActionDescriptor, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FileUtil, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, FilterLookupTypeEnum, FilterMatchModeEnum, FilterTypeEnum, I18nUtils, IdProperty, JsonPathPipe, LogLevelEnum, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_BROWSER_STORAGE_IT, MNG_COMMONS_INITIALIZER_IT, MNG_DATE_RANGE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MNG_MODULE_CONFIG_IT, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionErrorMapperService, MngActionExecutorService, MngActionRouteComponent, MngAuthorizationService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngClassMapPipe, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDataLanguageDropdownComponent, MngDateRangeComponent, MngDropdownComponent, MngEnumPipe, MngEnumerateAsyncPipe, MngEnumeratePipe, MngErrorHandler, MngErrorPageComponent, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormEvent, MngFormEventTypeEnum, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldActionComponent, MngFormlyFieldAutocompleteComponent, MngFormlyFieldCustomComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLabelComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldNoLabelWrapperComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngGetterPipe, MngI18nPropertyPipe, MngInternalError, MngLocalStorageService, MngLocaleDefaultRowClassPipe, MngLoggerService, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngNotFoundPageComponent, MngParametrizePipe, MngRouterService, MngTableCellClickEvent, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableLoadEvent, MngTableReloadEvent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTemplatePipe, MngTopbarComponent, MngTopbarUserComponent, MngVersionComponent, MngVersionService, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, ObjectUtil, Permissions, RouteBuilder, RoutesBuilder, StringUtil, StyleLevelEnum, StyleSizeEnum, StylesUtil, TableDataProvider, TableDescriptor, TableDynamicColumnsModeEnum, TableDynamicDescriptor, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum, TableviewActionDefaultCategories, TableviewCrudDataProvider, TableviewDataProvider, TableviewDescriptor, TableviewDynamicDescriptor, TableviewEditorTypeEnum, TableviewRouteBuilder, TableviewRouteBuilderInternal, TitleProperty, TypeName, TypeUtil, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxDateValidationMessage, getMaxLengthValidationMessage, getMaxValidationMessage, getMinDateValidationMessage, getMinLengthValidationMessage, getMinValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngAuthorizationGuard, mngFormlyConfigProvider, primeNgModules, provideMngCommons, typeMapBase };
+export { ACTION_EDITOR_DIALOG_COMPONENT_SETTING, AFieldDescriptor, AFieldGroupDescriptor, AGenericFieldDescriptor, AMngApiService, AMngBaseApiService, AMngCrudApiService, AMngErrorBase, AMngFormlyCustomFieldComponent, AMngGetAllApiService, AMngTableviewRouteComponent, APermissions, ActionActivationTriggerEnum, ActionButtonDescriptor, ActionConfirmationDialogDescriptor, ActionContext, ActionContextValidation, ActionDataProviderUtil, ActionDeleteDescriptor, ActionDescriptor, ActionEditorAddDescriptor, ActionEditorDescriptor, ActionEditorDetailsDescriptor, ActionEditorEditDescriptor, ActionEditorSubmitDescriptor, ActionEditorSubmitTypeEnum, ActionError, ActionInstance, ActionInstanceStateEnum, ActionLinkDescriptor, ActionParameters, ActionPositionEnum, ActionSimpleDescriptor, ActionTypeEnum, AuthorizationTypeEnum, AuthorizationUtil, ButtonStyleBuilder, ButtonStyleRoundedEnum, ColumnDescriptor, ColumnDisplayTypeEnum, ColumnDynamicDescriptor, ColumnTypeEnum, DataProvider, DateUtil, DefaultActionMngErrorMapperService, DynamicTableviewDataProvider, EditorDataProvider, EditorDescriptor, EditorFormlyUtil, EnumName, EnumUtil, EnumeratePipeI18nHelper, ErrorUtil, ExportUtils, FieldActionDescriptor, FieldGroupDescriptor, FieldGroupTypeEnum, FieldInputDescriptor, FieldInputTypeEnum, FieldLookupDescriptor, FieldLookupEnumDescriptor, FieldLookupTypeEnum, FieldManyEditorActionEnum, FieldManyEditorDescriptor, FieldManyEditorTypeEnum, FieldManyToManyEditorActionEnum, FieldManyToManyEditorDescriptor, FieldManyToManyEditorTypeEnum, FieldSizeEnum, FieldTabGroupDescriptor, FieldValidationDescriptor, FileUtil, FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor, FilterLookupTypeEnum, FilterMatchModeEnum, FilterTypeEnum, I18nUtils, IdProperty, JsonPathPipe, LogLevelEnum, LookupDataProvider, MNG_AUTOCOMPLETE_VALUE_ACCESSOR, MNG_BROWSER_STORAGE_IT, MNG_COMMONS_INITIALIZER_IT, MNG_DATE_RANGE_VALUE_ACCESSOR, MNG_DROPDOWN_VALUE_ACCESSOR, MNG_LOG_PUBLISHERS, MNG_MODULE_CONFIG_IT, MediusFilterMatchType, MediusFilterParam, MediusQueryMode, MediusQueryParam, MediusQueryParamBuilder, MediusQueryResult, MediusRestUtil, MngActionComponent, MngActionEditorComponent, MngActionError, MngActionErrorMapperService, MngActionExecutorService, MngActionRouteComponent, MngAuthorizationService, MngAutocompleteComponent, MngBooleanPipe, MngBreadcrumbComponent, MngClassMapPipe, MngCommonsModule, MngCommonsService, MngComponentDirective, MngConfigurationService, MngDataLanguageDropdownComponent, MngDateRangeComponent, MngDropdownComponent, MngEnumPipe, MngEnumerateAsyncPipe, MngEnumeratePipe, MngErrorHandler, MngErrorPageComponent, MngFooterComponent, MngFormEditorComponent, MngFormEditorSubmitEvent, MngFormEvent, MngFormEventTypeEnum, MngFormFieldEvent, MngFormFieldEventComponentSubtype, MngFormFieldEventDialogSubtype, MngFormFieldEventTypeEnum, MngFormlyFieldActionComponent, MngFormlyFieldAutocompleteComponent, MngFormlyFieldCustomComponent, MngFormlyFieldDropdownComponent, MngFormlyFieldFieldsetComponent, MngFormlyFieldInputComponent, MngFormlyFieldLabelComponent, MngFormlyFieldLookupDialogComponent, MngFormlyFieldNoLabelWrapperComponent, MngFormlyFieldTableDialogFormComponent, MngFormlyFieldTableDialogMultiselectComponent, MngFormlyFieldTabsComponent, MngFormlyFieldWrapperComponent, MngGetterPipe, MngHttpError, MngI18nPropertyPipe, MngInternalError, MngLocalStorageService, MngLocaleDefaultRowClassPipe, MngLogPublisherConsoleService, MngLoggerService, MngMainLayoutComponent, MngMainLayoutComponentService, MngMenuComponent, MngMenuItemComponent, MngNavigationService, MngNotFoundPageComponent, MngParametrizePipe, MngRouterService, MngTableCellClickEvent, MngTableColumnFilterComponent, MngTableColumnValueComponent, MngTableComponent, MngTableLoadEvent, MngTableReloadEvent, MngTableviewComponent, MngTableviewRouteComponent, MngTemplateDirective, MngTemplatePipe, MngTopbarComponent, MngTopbarUserComponent, MngVersionComponent, MngVersionService, MngViewContainerComponentService, ModelDescriptor, ModelUtil, NotificationUtil, ObjectSerializer, ObjectUtil, Permissions, RouteBuilder, RoutesBuilder, StringUtil, StyleLevelEnum, StyleSizeEnum, StylesUtil, TableDataProvider, TableDescriptor, TableDynamicColumnsModeEnum, TableDynamicDescriptor, TableFilterDisplayEnum, TablePaginationModeEnum, TableSizeEnum, TableviewActionDefaultCategories, TableviewCrudDataProvider, TableviewDataProvider, TableviewDescriptor, TableviewDynamicDescriptor, TableviewEditorTypeEnum, TableviewRouteBuilder, TableviewRouteBuilderInternal, TitleProperty, TypeName, TypeUtil, enumsMapBase, formlyTypesConfig, formlyWrappersConfig, getEmailValidationMessage, getFormlyValidationMessages, getMaxDateValidationMessage, getMaxLengthValidationMessage, getMaxValidationMessage, getMinDateValidationMessage, getMinLengthValidationMessage, getMinValidationMessage, getRequiredValidationMessage, getTextPatternValidationMessage, mngAuthorizationGuard, mngFormlyConfigProvider, primeNgModules, provideMngCommons, typeMapBase };
 //# sourceMappingURL=mediusinc-mng-commons.mjs.map