taon 19.0.4 → 19.0.6

package/client/fesm2022/taon.mjs

@@ -1,18 +1,19 @@
 import 'reflect-metadata';
 import * as coreHelpers from 'tnp-core/browser';
-import { _ as _$1, Utils, Helpers, UtilsOs } from 'tnp-core/browser';
+import { _, Utils, Helpers, UtilsOs, json5 } from 'tnp-core/browser';
 import { Models as Models$1, RestHeaders, Resource, Mapping } from 'ng2-rest/browser';
 import { OrignalClassKey, Table } from 'taon-typeorm/browser';
 import { SYMBOL, CLASS } from 'typescript-class-helpers/browser';
 import * as JSON5 from 'json5';
 import { __decorate, __param, __metadata } from 'tslib';
+import { walk } from 'lodash-walk-object/browser';
 import { JSON10 } from 'json10/browser';
-import { Observable, from, Subject, interval, tap, defer, fromEvent, map, debounceTime, distinctUntilChanged, share, Subscription, takeUntil } from 'rxjs';
+import { Observable, from, Subject, interval, tap, Subscription, defer, fromEvent, map, debounceTime, distinctUntilChanged, share, takeUntil } from 'rxjs';
 import axios from 'axios';
 import { io } from 'socket.io-client';
 import { Stor } from 'taon-storage/browser';
 import * as i0 from '@angular/core';
-import { inject as inject$1, EventEmitter, HostListener, HostBinding, Output, Input, Directive, Pipe, NgModule, Component, Injectable, DestroyRef, Self, ViewChild, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, HostListener, HostBinding, Output, Input, Directive, Pipe, NgModule, Component, Injectable, inject as inject$1, DestroyRef, Self, ViewChild, ChangeDetectorRef } from '@angular/core';
 import { Log, Level } from 'ng2-logger/browser';
 import * as i1 from '@angular/platform-browser';
 import { A11yModule } from '@angular/cdk/a11y';
@@ -70,7 +71,6 @@ import * as i2 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { PasswordModule } from 'primeng/password';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as _ from 'lodash';
 import * as i3 from '@ng-matero/extensions/grid';
 import { MtxGridModule } from '@ng-matero/extensions/grid';
 import * as i1$2 from 'static-columns/browser';
@@ -97,6 +97,7 @@ var Symbols;
         constructor() {
             this.KEYroomSubscribe = `roomSubscribe`;
             this.KEYroomUnsubscribe = `roomUnsubscribe`;
+            //#endregion
         }
         NAMESPACE(contextName) {
             return `${contextName}-taonRealtimeNsp`;
@@ -104,6 +105,18 @@ var Symbols;
         TABLE_CHANGE(contextName, tableName) {
             return `${contextName}:listentablename${tableName}`;
         }
+        // /**
+        //  * TODO use it or not?
+        //  * @deprecated
+        //  */
+        // ROOM_NAME_SUBSCRIBER_EVENT(
+        //   contextName: string,
+        //   className: string,
+        //   propertyName: string,
+        // ) {
+        //   return `${contextName}:room${_.camelCase(className)}${propertyName}`.toLowerCase();
+        // }
+        //#region custom events in rooms
         ROOM_NAME_CUSTOM(contextName, customEvent) {
             return `${contextName}:CustomRoomEvent${customEvent}`;
         }
@@ -113,8 +126,10 @@ var Symbols;
         ROOM_UNSUBSCRIBE_CUSTOM(contextName) {
             return `${contextName}:${this.KEYroomUnsubscribe}CustomRoomEvent`;
         }
+        //#endregion
+        //#region entity events
         ROOM_NAME_UPDATE_ENTITY(contextName, className, entityId) {
-            return `${contextName}:room${_$1.camelCase(className)}${entityId}`.toLowerCase();
+            return `${contextName}:room${_.camelCase(className)}${entityId}`.toLowerCase();
         }
         ROOM_SUBSCRIBE_ENTITY_UPDATE_EVENTS(contextName) {
             return `${contextName}:${this.KEYroomSubscribe}EntityEvents`;
@@ -122,8 +137,10 @@ var Symbols;
         ROOM_UNSUBSCRIBE_ENTITY_UPDATE_EVENTS(contextName) {
             return `${contextName}:${this.KEYroomUnsubscribe}EntityEvents`;
         }
+        //#endregion
+        //#region entity property events
         ROOM_NAME_UPDATE_ENTITY_PROPERTY(contextName, className, property, entityId) {
-            return `${contextName}:room${_$1.camelCase(className)}${_$1.camelCase(property)}${entityId}`.toLowerCase();
+            return `${contextName}:room${_.camelCase(className)}${_.camelCase(property)}${entityId}`.toLowerCase();
         }
         ROOM_SUBSCRIBE_ENTITY_PROPERTY_UPDATE_EVENTS(contextName) {
             return `${contextName}:${this.KEYroomSubscribe}EntityPropertyEvents`;
@@ -170,14 +187,14 @@ var Symbols;
         },
     };
 })(Symbols || (Symbols = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/symbols.ts
 
 var Validators;
 (function (Validators) {
+    //#region vlidate class name
     Validators.classNameVlidation = (className, target) => {
         setTimeout(() => {
-            if (_$1.isUndefined(className)) {
+            // console.log(`check after timeout ${className} , production mode: ${FrameworkContext.isProductionMode}`)
+            if (_.isUndefined(className)) {
                 throw `[Taon]
       Please provide "className" property for each Controller and Entity:
 
@@ -197,8 +214,10 @@ var Validators;
         `;
             }
         });
-        return _$1.isUndefined(className) ? target.name : className;
+        return _.isUndefined(className) ? target.name : className;
     };
+    //#endregion
+    //#region validate method config
     Validators.checkIfMethodsWithReponseTYpeAlowed = (methods, current) => {
         const defaultResponseType = 'text or JSON';
         if (!current.responseType) {
@@ -219,9 +238,12 @@ var Validators;
             }
         }
     };
+    //#endregion
+    //#region validate class functions
+    // TODO
     Validators.validateClassFunctions = (controllers, entities, proviers, repositories) => {
-        if (_$1.isArray(controllers) &&
-            controllers.filter(f => !_$1.isFunction(f)).length > 0) {
+        if (_.isArray(controllers) &&
+            controllers.filter(f => !_.isFunction(f)).length > 0) {
             console.error('controllers', controllers);
             throw `
 
@@ -229,8 +251,8 @@ var Validators;
 
   `;
         }
-        if (_$1.isArray(entities) &&
-            entities.filter(f => !_$1.isFunction(f)).length > 0) {
+        if (_.isArray(entities) &&
+            entities.filter(f => !_.isFunction(f)).length > 0) {
             console.error('entites', entities);
             throw `
 
@@ -239,28 +261,32 @@ var Validators;
   `;
         }
     };
+    //#endregion
     Validators.preventUndefinedModel = (model, id) => {
-        if (_$1.isUndefined(model)) {
+        if (_.isUndefined(model)) {
             throw `Bad update by id, config, id: ${id}`;
         }
     };
 })(Validators || (Validators = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/validators.ts
 
 var TaonHelpers;
 (function (TaonHelpers) {
+    //#region fillUpTo string
     TaonHelpers.fillUpTo = (s, nCharacters) => {
-        return _$1.times(nCharacters, n => {
+        return _.times(nCharacters, n => {
             if (s.charAt(n)) {
                 return s.charAt(n);
             }
             return ' ';
         }).join('');
     };
+    //#endregion
+    //#region is good path
     TaonHelpers.isGoodPath = (p) => {
         return p && typeof p === 'string' && p.trim() !== '';
     };
+    //#endregion
+    //#region try transform params
     TaonHelpers.tryTransformParam = param => {
         if (typeof param === 'string') {
             let n = Number(param);
@@ -283,11 +309,15 @@ var TaonHelpers;
         }
         return param;
     };
+    //#endregion
+    //#region get expores path
     TaonHelpers.getExpressPath = (c, pathOrClassConfig) => {
         if (typeof pathOrClassConfig === 'string')
             return `${c.calculatedPath}${pathOrClassConfig}`.replace(/\/$/, '');
         return `${c.calculatedPath}${pathOrClassConfig.path}`.replace(/\/$/, '');
     };
+    //#endregion
+    //#region get default value tyep
     TaonHelpers.defaultType = value => {
         if (typeof value === 'string')
             return '';
@@ -298,8 +328,11 @@ var TaonHelpers;
         if (typeof value === 'object')
             return {};
     };
+    //#endregion
+    //#region parse json with string jsons
     TaonHelpers.parseJSONwithStringJSONs = (object, waring = false) => {
-        if (!_$1.isObject(object)) {
+        // console.log('checking object', object)
+        if (!_.isObject(object)) {
             if (waring) {
                 console.error(`
         parseJSONwithStringJSONs(...)
@@ -308,7 +341,7 @@ var TaonHelpers;
             }
             return object;
         }
-        let res = _$1.cloneDeep(object);
+        let res = _.cloneDeep(object);
         Object.keys(res).forEach(key => {
             let isJson = false;
             try {
@@ -319,15 +352,20 @@ var TaonHelpers;
             catch (e) {
                 isJson = false;
             }
+            // console.log(`key ${key} is json `, isJson)
             if (isJson) {
                 res[key] = TaonHelpers.parseJSONwithStringJSONs(res[key], false);
             }
         });
         return res;
     };
+    //#endregion
+    //#region is plain file or folder
     TaonHelpers.isPlainFileOrFolder = filePath => {
         return /^([a-zA-Z]|\-|\_|\@|\#|\$|\!|\^|\&|\*|\(|\))+$/.test(filePath);
     };
+    //#endregion
+    //#region ips key name repsonse
     TaonHelpers.ipcKeyNameResponse = (target, methodConfig, expressPath) => {
         return [
             'response',
@@ -337,6 +375,8 @@ var TaonHelpers;
             expressPath,
         ].join('--');
     };
+    //#endregion
+    //#region ipc key name request
     TaonHelpers.ipcKeyNameRequest = (target, methodConfig, expressPath) => {
         return [
             'request',
@@ -346,34 +386,39 @@ var TaonHelpers;
             expressPath,
         ].join('--');
     };
+    //#endregion
+    //#region websql mocks
     TaonHelpers.websqlMocks = headers => {
         const response = {
             status(status) {
+                // console.log({status})
                 return {
                     send(send) {
+                        // console.log({status})
                     },
                 };
             },
             setHeader(key, value) {
+                // console.log('Dummy set header', arguments)
                 headers[key] = value;
             },
         };
         const request = {};
         return { request, response };
     };
+    //#endregion
 })(TaonHelpers || (TaonHelpers = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/helpers/taon-helpers.ts
 
 /* */
 /* */
 var ClassHelpers;
 (function (ClassHelpers) {
+    //#region get class from name
     /**
      * TODO - repalce in every place when getting class fn from object
      */
     ClassHelpers.getClassFnFromObject = (json) => {
-        if (_$1.isUndefined(json) || _$1.isNull(json)) {
+        if (_.isUndefined(json) || _.isNull(json)) {
             return;
         }
         if (json.constructor) {
@@ -384,7 +429,10 @@ var ClassHelpers;
             ? p.constructor
             : void 0;
     };
+    //#endregion
+    //#region get name
     ClassHelpers.getName = (classFnOrObject) => {
+        // exception for FormData
         if (classFnOrObject instanceof FormData) {
             return 'FormData';
         }
@@ -395,8 +443,9 @@ var ClassHelpers;
         return ((classFnOrObject[Symbols.classNameStaticProperty]
             ? classFnOrObject[Symbols.classNameStaticProperty]
             : classFnOrObject?.constructor[Symbols.classNameStaticProperty]) ||
-            CLASS.getName(classFnOrObject));
+            (_.isFunction(classFnOrObject) ? CLASS.getName(classFnOrObject) : void 0));
     };
+    //#endregion
     ClassHelpers.getOrginalClass = (classFnOrObject) => {
         const org = classFnOrObject[Symbols.orignalClass];
         if (!org) {
@@ -404,7 +453,9 @@ var ClassHelpers;
         }
         return ClassHelpers.getOrginalClass(org);
     };
+    //#region get full internal name
     ClassHelpers.getFullInternalName = (classFnOrObject) => {
+        // exception for FormData
         if (!classFnOrObject) {
             throw new Error(`Cannot get name from: ${classFnOrObject}`);
         }
@@ -413,55 +464,73 @@ var ClassHelpers;
             : classFnOrObject?.constructor[Symbols.fullClassNameStaticProperty]) ||
             void 0);
     };
+    //#endregion
+    //#region get unique key
     ClassHelpers.getUniqueKey = (classFnOrObject) => {
-        const classFn = _$1.isFunction(classFnOrObject)
+        const classFn = _.isFunction(classFnOrObject)
             ? classFnOrObject
             : classFnOrObject.constructor;
         const config = Reflect.getMetadata(Symbols.metadata.options.controller, classFn);
         return config.uniqueKeyProp;
     };
+    //#endregion
+    //#region is class object
     ClassHelpers.isContextClassObject = (obj) => {
-        if (!_$1.isObject(obj) ||
-            _$1.isArray(obj) ||
-            _$1.isRegExp(obj) ||
-            _$1.isBuffer(obj) ||
-            _$1.isArrayBuffer(obj)) {
+        if (!_.isObject(obj) ||
+            _.isArray(obj) ||
+            _.isRegExp(obj) ||
+            _.isBuffer(obj) ||
+            _.isArrayBuffer(obj)) {
             return false;
         }
-        if (_$1.isDate(obj)) {
+        if (_.isDate(obj)) {
             return true;
         }
         const className = ClassHelpers.getName(obj);
-        return _$1.isString(className) && className !== 'Object';
+        return _.isString(className) && className !== 'Object';
     };
+    //#endregion
+    //#region get name
     ClassHelpers.setName = (target, className) => {
+        // console.log('setName', className, target.name)
         Validators.classNameVlidation(className, target);
         target[Symbols.classNameStaticProperty] = className;
     };
+    //#endregion
+    //#region has parent with class name
     ClassHelpers.hasParentClassWithName = (target, className, targets = []) => {
         if (!target) {
             return false;
         }
         targets.push(target);
         let targetProto = Object.getPrototypeOf(target);
-        if (_$1.isFunction(targetProto) &&
+        if (_.isFunction(targetProto) &&
             ClassHelpers.getName(targetProto) === className) {
+            // console.log(`true  "${_.first(targets).name}" for ${targets.map(d => d.name).join(',')}`)
             return true;
         }
         return ClassHelpers.hasParentClassWithName(targetProto, className, targets);
     };
+    //#endregion
+    //#region get all metadata for controller
     ClassHelpers.getControllerConfig = (target) => {
         const classMetadataOptions = Reflect.getMetadata(Symbols.metadata.options.controller, target);
-        const classMetadata = _$1.merge(new Models.ControllerConfig(), classMetadataOptions);
+        const classMetadata = _.merge(new Models.ControllerConfig(), classMetadataOptions);
+        // Iterate over all methods of the class
         const methodNames = ClassHelpers.getMethodsNames(target); //  Object.getOwnPropertyNames(target.prototype);
+        // console.log(`methodNames for ${ClassHelpers.getName(target)} `, methodNames)
         for (const methodName of methodNames) {
             const methodMetadata = Reflect.getMetadata(Symbols.metadata.options.controllerMethod, target, methodName);
+            // console.log('methodMetadata for ' + methodName, methodMetadata)
             if (methodMetadata) {
                 classMetadata.methods[methodName] = methodMetadata;
             }
         }
         return classMetadata;
     };
+    //#endregion
+    //#region get methods name
+    //#region not allowed as method name
     const notAllowedAsMethodName = [
         'length',
         'name',
@@ -483,11 +552,12 @@ var ClassHelpers;
         '__proto__',
         'toLocaleString',
     ];
+    //#endregion
     ClassHelpers.getMethodsNames = (classOrClassInstance, allMethodsNames = []) => {
         if (!classOrClassInstance) {
             return Utils.uniqArray(allMethodsNames);
         }
-        const isClassFunction = _$1.isFunction(classOrClassInstance);
+        const isClassFunction = _.isFunction(classOrClassInstance);
         const classFun = isClassFunction
             ? classOrClassInstance
             : Object.getPrototypeOf(classOrClassInstance);
@@ -495,7 +565,7 @@ var ClassHelpers;
             ? classOrClassInstance?.prototype
             : classOrClassInstance;
         const prototypeObj = Object.getPrototypeOf(objectToCheck || {});
-        const properties = _$1.uniq([
+        const properties = _.uniq([
             ...Object.getOwnPropertyNames(objectToCheck || {}),
             ...Object.getOwnPropertyNames(prototypeObj || {}),
             ...Object.keys(objectToCheck || {}),
@@ -511,23 +581,27 @@ var ClassHelpers;
         }
         return ClassHelpers.getMethodsNames(Object.getPrototypeOf(classFun), allMethodsNames);
     };
+    //#endregion
+    //#region get controller configs
     ClassHelpers.getControllerConfigs = (target, configs = [], callerTarget) => {
-        if (!_$1.isFunction(target)) {
+        if (!_.isFunction(target)) {
             throw `[typescript-class-helper][getClassConfig] Cannot get class config from: ${target}`;
         }
         let config;
         const parentClass = Object.getPrototypeOf(target);
         const parentName = parentClass ? ClassHelpers.getName(parentClass) : void 0;
-        const isValidParent = _$1.isFunction(parentClass) && parentName !== '';
+        const isValidParent = _.isFunction(parentClass) && parentName !== '';
         config = ClassHelpers.getControllerConfig(target);
         configs.push(config);
         return isValidParent
             ? ClassHelpers.getControllerConfigs(parentClass, configs, target)
             : configs;
     };
+    //#endregion
+    //#region get path for
     ClassHelpers.getCalculatedPathFor = (target) => {
         const configs = ClassHelpers.getControllerConfigs(target);
-        const parentscalculatedPath = _$1.slice(configs, 1)
+        const parentscalculatedPath = _.slice(configs, 1)
             .reverse()
             .map(bc => {
             if (TaonHelpers.isGoodPath(bc.path)) {
@@ -538,14 +612,12 @@ var ClassHelpers;
             .join('/');
         return `/${parentscalculatedPath}/${ClassHelpers.getName(target)}`;
     };
+    //#endregion
 })(ClassHelpers || (ClassHelpers = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/helpers/class-helpers.ts
 
-/* */
-/* */
 var Models;
 (function (Models) {
+    //#region models / class types
     let ClassType;
     (function (ClassType) {
         ClassType["ENTITY"] = "ENTITY";
@@ -563,12 +635,16 @@ var Models;
         [ClassType.SUBSCRIBER]: 'subscribers',
         [ClassType.MIGRATION]: 'migrations',
     };
+    //#endregion
+    //#region models / database connection options
     class DatabaseConfigTypeOrm {
     }
     Models.DatabaseConfigTypeOrm = DatabaseConfigTypeOrm;
+    //#endregion
+    //#region models / database config
     class DatabaseConfig extends DatabaseConfigTypeOrm {
         static from(databasePartialConfig) {
-            return _$1.merge(new DatabaseConfig(), databasePartialConfig);
+            return _.merge(new DatabaseConfig(), databasePartialConfig);
         }
         get databaseConfigTypeORM() {
             /* */
@@ -589,12 +665,18 @@ var Models;
         }
     }
     Models.DatabaseConfig = DatabaseConfig;
+    //#endregion
+    //#region models / decorator abstract options
     class DecoratorAbstractOpt {
     }
     Models.DecoratorAbstractOpt = DecoratorAbstractOpt;
+    //#endregion
+    //#region models / param config
     class ParamConfig {
     }
     Models.ParamConfig = ParamConfig;
+    //#endregion
+    //#region models / method config
     class MethodConfig {
         constructor() {
             /* */
@@ -603,6 +685,8 @@ var Models;
         }
     }
     Models.MethodConfig = MethodConfig;
+    //#endregion
+    //#region models / controller config
     class ControllerConfig extends DecoratorAbstractOpt {
         constructor() {
             super(...arguments);
@@ -610,9 +694,13 @@ var Models;
         }
     }
     Models.ControllerConfig = ControllerConfig;
+    //#endregion
+    //#region models / runtime controller config
     class RuntimeControllerConfig extends ControllerConfig {
     }
     Models.RuntimeControllerConfig = RuntimeControllerConfig;
+    //#endregion
+    //#region models / http
     let Http;
     (function (Http) {
         Http.Rest = Models$1;
@@ -641,9 +729,8 @@ var Models;
         /* */
         /* */
     })(Http = Models.Http || (Models.Http = {}));
+    //#endregion
 })(Models || (Models = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/models.ts
 
 const metaReq = (method, path, target, propertyKey, descriptor, pathOrOptions, pathIsGlobal) => {
     let options;
@@ -670,7 +757,7 @@ const metaReq = (method, path, target, propertyKey, descriptor, pathOrOptions, p
             if (methodConfig.parameters.hasOwnProperty(key)) {
                 const element = methodConfig.parameters[key];
                 if (element.paramType === 'Path' &&
-                    _$1.isString(element.paramName) &&
+                    _.isString(element.paramName) &&
                     element.paramName.trim().length > 0) {
                     paramsPathConcatedPath += `/${element.paramName}/:${element.paramName}`;
                 }
@@ -686,6 +773,7 @@ const metaReq = (method, path, target, propertyKey, descriptor, pathOrOptions, p
     methodConfig.contentType = overrideContentType;
     methodConfig.responseType = overridResponseType;
     Reflect.defineMetadata(Symbols.metadata.options.controllerMethod, methodConfig, target.constructor, propertyKey);
+    // console.log('methods updated', methodConfig);
 };
 function GET(pathOrOptions, pathIsGlobal = false) {
     return function (target, propertyKey, descriptor) {
@@ -717,8 +805,6 @@ function DELETE(pathOrOptions, pathIsGlobal = false) {
         metaReq('delete', pathOrOptions, target, propertyKey, descriptor, pathOrOptions, pathIsGlobal);
     };
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/http/http-methods-decorators.ts
 
 function metaParam(param, name, expire, defaultValue = undefined, target, propertyKey, parameterIndex) {
     let methodConfig = Reflect.getMetadata(Symbols.metadata.options.controllerMethod, target.constructor, propertyKey);
@@ -736,6 +822,7 @@ function metaParam(param, name, expire, defaultValue = undefined, target, proper
     p.defaultType = defaultValue;
     p.expireInSeconds = expire;
     Reflect.defineMetadata(Symbols.metadata.options.controllerMethod, methodConfig, target.constructor, propertyKey);
+    // console.log('params updated', methodConfig);
 }
 function Path(name) {
     return function (target, propertyKey, parameterIndex) {
@@ -762,8 +849,6 @@ function Body(name) {
         metaParam('Body', name, undefined, {}, target, propertyKey, parameterIndex);
     };
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/http/http-params-decorators.ts
 
 var Http;
 (function (Http) {
@@ -783,8 +868,6 @@ var Http;
         Param.Header = Header;
     })(Param = Http.Param || (Http.Param = {}));
 })(Http || (Http = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/http/http-decorators.ts
 
 /**
  * Controller decorator
@@ -798,16 +881,19 @@ function TaonController(options) {
 }
 class TaonControllerOptions extends Models.DecoratorAbstractOpt {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/classes/controller-decorator.ts
 
+//#region imports
+//#endregion
 class BaseInjector {
     constructor() {
+        //#endregion
         /**
          * Repositories to init (by controller)
          */
         this.__repositories_to_init__ = [];
+        //#endregion
     }
+    //#region class initialization hook
     /**
      * class initialization hook
      * taon after class instace creation
@@ -818,6 +904,8 @@ class BaseInjector {
             await repo.__init(this);
         }
     }
+    //#endregion
+    //#region context
     /**
      * @deprecated use ctx instead
      * Current endpoint context
@@ -831,6 +919,9 @@ class BaseInjector {
     get ctx() {
         return this.__endpoint_context__;
     }
+    //#endregion
+    //#region inject
+    //#region inject / repo for entity
     /**
      * inject crud repo for entity
      */
@@ -843,6 +934,8 @@ class BaseInjector {
         this.__repositories_to_init__.push(repoProxy);
         return repoProxy;
     }
+    //#endregion
+    //#region inject / custom repository
     injectCustomRepository(cutomRepositoryClass) {
         const repoProxy = this.__inject(cutomRepositoryClass, {
             localInstance: true,
@@ -853,6 +946,8 @@ class BaseInjector {
         this.__repositories_to_init__.push(repoProxy);
         return repoProxy;
     }
+    //#endregion
+    //#region inject / custom repo
     /**
      * aliast to .injectRepository()
      */
@@ -861,27 +956,37 @@ class BaseInjector {
         this.__repositories_to_init__.push(repoProxy);
         return repoProxy;
     }
+    //#endregion
+    //#region inject / controller
     injectController(ctor) {
         return this.__inject(ctor, { localInstance: false });
     }
+    //#endregion
+    //#region inject / ctrl
     /**
      * aliast to .injectController()
      */
     injectSubscriber(ctor) {
         return this.__inject(ctor, { localInstance: false });
     }
+    //#endregion
+    //#region inject / ctrl
     /**
      * aliast to .injectController()
      */
     injectCtrl(ctor) {
         return this.injectController(ctor);
     }
+    //#endregion
+    //#region inject / global provider
     /**
      * global provider available in every context
      */
     injectGlobalProvider(ctor) {
         return this.__inject(ctor, { localInstance: false });
     }
+    //#endregion
+    //#region inject / context provider
     /**
      * context scoped provider
      * TODO
@@ -889,6 +994,7 @@ class BaseInjector {
     injectContextProvider(ctor) {
         return this.__inject(ctor, { localInstance: false });
     }
+    //#region inject / __ inject
     /**
      * Inject: Controllers, Providers, Repositories, Services, etc.
      * TODO  addd nest js injecting
@@ -924,8 +1030,12 @@ class BaseInjector {
                     const result = typeof instance[propName] === 'function'
                         ? instance[propName].bind(instance)
                         : instance[propName];
+                    // console.log(`Accessing injected "${propName?.toString()}" from "${ClassHelpers.getName(ctor) || ctor.name}"`,result)
                     return result;
                 }
+                //#region @browser
+                // return inject(ctor)[propName];
+                //#endregion
             },
             set: (__, propName, value) => {
                 const contextFromClass = ctor && ctor[Symbols.ctxInClassOrClassObj];
@@ -956,14 +1066,16 @@ class BaseInjector {
             },
         });
     }
+    //#endregion
+    //#endregion
+    //#region clone
     clone(override) {
         const classFn = ClassHelpers.getClassFnFromObject(this);
-        const result = _$1.merge(new classFn(), _$1.merge(_$1.cloneDeep(this), override));
+        const result = _.merge(new classFn(), _.merge(_.cloneDeep(this), override));
+        // console.log({result})
         return result;
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-injector.ts
 
 let BaseController = class BaseController extends BaseInjector {
     /**
@@ -977,15 +1089,16 @@ let BaseController = class BaseController extends BaseInjector {
 BaseController = __decorate([
     TaonController({ className: 'BaseController' })
 ], BaseController);
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-controller.ts
 
+//#endregion
 /**
  * Please override property entityClassFn with entity class.
  */
 let BaseCrudController = class BaseCrudController extends BaseController {
+    //#endregion
+    //#region init
     async _() {
-        if (!_$1.isFunction(this.entityClassResolveFn)) {
+        if (!_.isFunction(this.entityClassResolveFn)) {
             Helpers.warn(`Skipping initing CRUD controller ${ClassHelpers.getName(this)} because entityClassResolveFn is not provided.`);
             return;
         }
@@ -1003,15 +1116,17 @@ let BaseCrudController = class BaseCrudController extends BaseController {
       Please provide entity as class propery entityClassFn:
 
       class ${ClassHelpers.getName(this)} extends BaseCrudController<Entity> {
-
+        // ...
         entityClassResolveFn = ()=> MyEntityClass;
-
+        // ...
       }
 
       `);
         }
         await super._();
     }
+    //#endregion
+    //#region bufferd changes
     bufforedChanges(id, property, alreadyLength) {
         /* */
         /* */
@@ -1030,6 +1145,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region pagintation
     pagination(pageNumber = 1, pageSize = 10, search = '') {
         /* */
         /* */
@@ -1071,6 +1188,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region get all
     getAll() {
         /* */
         /* */
@@ -1083,6 +1202,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region get by id
     getBy(id) {
         /* */
         /* */
@@ -1091,6 +1212,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region update by id
     updateById(id, item) {
         /* */
         /* */
@@ -1100,6 +1223,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region patch by id
     patchById(id, item) {
         /* */
         /* */
@@ -1109,6 +1234,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region bulk update
     bulkUpdate(items) {
         /* */
         /* */
@@ -1120,6 +1247,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region delete by id
     deleteById(id) {
         /* */
         /* */
@@ -1128,6 +1257,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region bulk delete
     bulkDelete(ids) {
         /* */
         /* */
@@ -1136,6 +1267,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region create
     create(item) {
         /* */
         /* */
@@ -1144,6 +1277,8 @@ let BaseCrudController = class BaseCrudController extends BaseController {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region bulk create
     bulkCreate(items) {
         /* */
         /* */
@@ -1238,23 +1373,35 @@ __decorate([
 BaseCrudController = __decorate([
     TaonController({ className: 'BaseCrudController' })
 ], BaseCrudController);
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-crud-controller.ts
 
+//#region imports
+//#endregion
 class BaseClass {
+    //#region class initialization hook
     /**
      * class initialization hook
      * taon after class instance creation
      */
     async _() { }
+    //#endregion
+    //#region clone
     clone(override) {
         const classFn = ClassHelpers.getClassFnFromObject(this);
-        const result = _$1.merge(new classFn(), _$1.merge(_$1.cloneDeep(this), override));
+        const result = _.merge(new classFn(), _.cloneDeep(this));
+        walk.Object(override || {}, (value, lodashPath) => {
+            if (_.isNil(value) || _.isFunction(value) || _.isObject(value)) {
+                // skipping
+            }
+            else {
+                _.set(result, lodashPath, value);
+            }
+        }, {
+            walkGetters: false,
+        });
+        // console.log({result})
         return result;
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-class.ts
 
 /* */
 /* */
@@ -1268,11 +1415,10 @@ let BaseEntity = class BaseEntity extends BaseClass {
 BaseEntity = __decorate([
     EntityDecorator$1()
 ], BaseEntity);
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-entity.ts
 
 /* */
 /* */
+// empty decorator
 let EntityDecorator = () => {
     return (target) => { };
 };
@@ -1283,8 +1429,6 @@ let BaseAbstractEntity = class BaseAbstractEntity extends BaseEntity {
 BaseAbstractEntity = __decorate([
     EntityDecorator()
 ], BaseAbstractEntity);
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-abstract-entity.ts
 
 /**
  * Repository decorator
@@ -1298,14 +1442,16 @@ function TaonRepository(options) {
 }
 class TaonRepositoryOptions extends Models.DecoratorAbstractOpt {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/classes/repository-decorator.ts
 
+//#endregion
 const INDEX_KEYS_NO_FOR_UPDATE = ['id'];
 let BaseRepository = class BaseRepository extends BaseInjector {
-    constructor(__entityClassResolveFn) {
+    constructor(
+    // Injected through BaseCrudController
+    __entityClassResolveFn) {
         super();
         this.__entityClassResolveFn = __entityClassResolveFn;
+        this.allowedTypesToUpdate = ['simple-json', 'simple-array', 'json'];
         // @ts-ignore
         this.entityClassResolveFn = __entityClassResolveFn;
     }
@@ -1331,11 +1477,15 @@ let BaseRepository = class BaseRepository extends BaseInjector {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region connection
     get connection() {
         /* */
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region repository
     /* */
     /* */
     get repository() {
@@ -1364,6 +1514,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region init
     async __init(context) {
         /* */
         /* */
@@ -1417,6 +1569,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
         /* */
         /* */
     }
+    //#endregion
+    //#region crud operations / typeorm / has id
     /**
      * Checks if entity has an id.
      * If entity composite compose ids, it will check them all.
@@ -1424,12 +1578,16 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     hasId(entity) {
         return this.repo.hasId(entity);
     }
+    //#endregion
+    //#region crud operations / typeorm / get id
     /**
      * Gets entity mixed id.
      */
     getId(entity) {
         return this.repo.getId(entity);
     }
+    //#endregion
+    //#region crud operations / typeorm / create & bulk create
     /**
       Saves a given entity in the database.
      * If entity does not exist in the database then inserts, otherwise updates.
@@ -1471,16 +1629,70 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     async bulkCreate(items, options) {
         return this.bulkSave(items, options);
     }
+    //#region old typeorm version
+    // /**
+    //  * Creates a new entity instance.
+    //  */
+    // create(): Entity;
+    // /**
+    //  * Creates new entities and copies all entity properties from given objects into their new entities.
+    //  * Note that it copies only properties that are present in entity schema.
+    //  */
+    // create(entityLikeArray: Entity[]): Entity[];
+    // /**
+    //  * Creates a new entity instance and copies all entity properties from this object into a new entity.
+    //  * Note that it copies only properties that are present in entity schema.
+    //  */
+    // create(entityLike: Entity): Entity;
     /**
      * Saves all given entities in the database.
      * If entities do not exist in the database then inserts, otherwise updates.
      */
+    // save<T extends DeepPartial<Entity>>(
+    //   entities: T[],
+    //   options: SaveOptions & {
+    //     reload: false;
+    //   },
+    // ): Promise<T[]>;
+    // /**
+    //  * Saves all given entities in the database.
+    //  * If entities do not exist in the database then inserts, otherwise updates.
+    //  */
+    // save<T extends DeepPartial<Entity>>(
+    //   entities: T[],
+    //   options?: SaveOptions,
+    // ): Promise<(T & Entity)[]>;
+    // /**
+    //  * Saves a given entity in the database.
+    //  * If entity does not exist in the database then inserts, otherwise updates.
+    //  */
+    // save<T extends DeepPartial<Entity>>(
+    //   entity: T,
+    //   options: SaveOptions & {
+    //     reload: false;
+    //   },
+    // ): Promise<T>;
+    // /**
+    //  * Saves a given entity in the database.
+    //  * If entity does not exist in the database then inserts, otherwise updates.
+    //  */
+    // save<T extends DeepPartial<Entity>>(
+    //   entity: T,
+    //   options?: SaveOptions,
+    // ): Promise<T & Entity> {
+    //   return this.repo.save(entity, options);
+    // }
+    //#endregion
+    //#endregion
+    //#region crud operations / typeorm / merge
     /**
      * Merges multiple entities (or entity-like objects) into a given entity.
      */
     merge(mergeIntoEntity, ...entityLikes) {
         return this.repo.merge(mergeIntoEntity, ...entityLikes);
     }
+    //#endregion
+    //#region crud operations / typeorm / preload
     /**
      * Creates a new entity from the given plain javascript object. If entity already exist in the database, then
      * it loads it (and everything related to it), replaces all values with the new ones from the given object
@@ -1493,6 +1705,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     preload(entityLike) {
         return this.repo.preload(entityLike);
     }
+    //#endregion
+    //#region crud operations / typeorm / remove (delete) & bulk remove (delete)
     /**
      * Removes a given entities from the database.
      */
@@ -1554,6 +1768,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     recover(entity, options) {
         return this.repo.recover(entity, options);
     }
+    //#endregion
+    //#region crud operations / typeorm / insert
     /**
      * Inserts a given entity into the database.
      * Unlike save method executes a primitive operation without cascades, relations and other operations included.
@@ -1563,6 +1779,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     insert(entity) {
         return this.repo.insert(entity);
     }
+    //#endregion
+    //#region crud operations / typeorm / update & build update
     async update(item) {
         /* */
         /* */
@@ -1612,6 +1830,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
         /* */
         /* */
         /* */
+        /* */
+        /* */
         return (void 0);
     }
     async bulkUpdate(items) {
@@ -1626,6 +1846,32 @@ let BaseRepository = class BaseRepository extends BaseInjector {
         /* */
         return (void 0);
     }
+    //#region tpeorm update version
+    // this version suck and will not return update entity
+    // /**
+    //  * Updates entity partially. Entity can be found by a given conditions.
+    //  * Unlike save method executes a primitive operation without cascades, relations and other operations included.
+    //  * Executes fast and efficient UPDATE query.
+    //  * Does not check if entity exist in the database.
+    //  */
+    // update(
+    //   criteria:
+    //     | string
+    //     | string[]
+    //     | number
+    //     | number[]
+    //     | Date
+    //     | Date[]
+    //     | ObjectID
+    //     | ObjectID[]
+    //     | FindOptionsWhere<Entity>,
+    //   partialEntity: QueryDeepPartialEntity<Entity>,
+    // ): Promise<UpdateResult> {
+    //   return this.repo.update(criteria, partialEntity);
+    // }
+    //#endregion
+    //#endregion
+    //#region crud operations / typeorm / upsert
     /**
      * Inserts a given entity into the database, unless a unique constraint conflicts then updates the entity
      * Unlike save method executes a primitive operation without cascades, relations and other operations included.
@@ -1634,6 +1880,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     upsert(entityOrEntities, conflictPathsOrOptions) {
         return this.repo.upsert(entityOrEntities, conflictPathsOrOptions);
     }
+    //#endregion
+    //#region crud operations / typeorm / soft delete
     /**
      * Records the delete date of entities by a given criteria.
      * Unlike save method executes a primitive operation without cascades, relations and other operations included.
@@ -1643,6 +1891,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     softDelete(criteria) {
         return this.repo.softDelete(criteria);
     }
+    //#endregion
+    //#region crud operations / typeorm / restore
     /**
      * Restores entities by a given criteria.
      * Unlike save method executes a primitive operation without cascades, relations and other operations included.
@@ -1652,6 +1902,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     restore(criteria) {
         return this.repo.restore(criteria);
     }
+    //#endregion
+    //#region crud operations / typeorm / count
     /**
      * Counts entities that match given options.
      * Useful for pagination.
@@ -1659,6 +1911,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     count(options) {
         return this.repo.count(options);
     }
+    //#endregion
+    //#region crud operations / typeorm / count by
     /**
      * Counts entities that match given conditions.
      * Useful for pagination.
@@ -1666,18 +1920,34 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     countBy(where) {
         return this.repo.countBy(where);
     }
+    //#endregion
+    //#region crud operations / typeorm / find
     /**
      * Finds entities that match given find options.
      */
     find(options) {
         return this.repo.find(options);
     }
+    //#endregion
+    //#region crud operations / typeorm / find by
     /**
      * Finds entities that match given find options.
      */
     findBy(where) {
         return this.repo.findBy(where);
     }
+    //#endregion
+    //#region crud operations / typeorm / find and count
+    // async findAndCount(options: { take: number; skip: number }) {
+    // const { take, skip } = options;
+    // const [result, total] = await this.repo.findAndCount({
+    //   // where: { name: Like('%' + keyword + '%') },
+    //   // order: { name: "DESC" },
+    //   take: take,
+    //   skip: skip,
+    // });
+    // return { result, total };
+    // }
     //
     /**
      * Finds entities that match given find options.
@@ -1687,6 +1957,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findAndCount(options) {
         return this.repo.findAndCount(options);
     }
+    //#endregion
+    //#region crud operations / typeorm / find and count by
     /**
      * Finds entities that match given WHERE conditions.
      * Also counts all entities that match given conditions,
@@ -1695,6 +1967,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findAndCountBy(where) {
         return this.repo.findAndCountBy(where);
     }
+    //#endregion
+    //#region crud operations / typeorm / find by ids
     /**
      * Finds entities with ids.
      * Optionally find options or conditions can be applied.
@@ -1708,6 +1982,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findByIds(ids) {
         return this.repo.findByIds(ids);
     }
+    //#endregion
+    //#region crud operations / typeorm / find one
     /**
      * Finds first entity by a given find options.
      * If entity was not found in the database - returns null.
@@ -1715,6 +1991,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findOne(options) {
         return this.repo.findOne(options);
     }
+    //#endregion
+    //#region crud operations / typeorm / find one by
     /**
      * Finds first entity that matches given where condition.
      * If entity was not found in the database - returns null.
@@ -1722,6 +2000,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findOneBy(where) {
         return this.repo.findOneBy(where);
     }
+    //#endregion
+    //#region crud operations / typeorm / find one or fail
     /**
      * Finds first entity that matches given id.
      * If entity was not found in the database - returns null.
@@ -1735,6 +2015,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findOneById(id) {
         return this.repo.findOneById(id);
     }
+    //#endregion
+    //#region crud operations / typeorm / find one or fail
     /**
      * Finds first entity by a given find options.
      * If entity was not found in the database - rejects with error.
@@ -1742,6 +2024,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findOneOrFail(options) {
         return this.repo.findOneOrFail(options);
     }
+    //#endregion
+    //#region crud operations / typeorm / find one by or fail
     /**
      * Finds first entity that matches given where condition.
      * If entity was not found in the database - rejects with error.
@@ -1749,6 +2033,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     findOneByOrFail(where) {
         return this.repo.findOneByOrFail(where);
     }
+    //#endregion
+    //#region crud operations / typeorm / query
     /**
      * Executes a raw SQL query and returns a raw database results.
      * Raw query execution is supported only by relational databases (MongoDB is not supported).
@@ -1756,6 +2042,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     query(query, parameters) {
         return this.repo.query(query, parameters);
     }
+    //#endregion
+    //#region crud operations / typeorm / clear
     /**
      * Clears all the data from the given table/collection (truncates/drops it).
      *
@@ -1765,18 +2053,24 @@ let BaseRepository = class BaseRepository extends BaseInjector {
     clear() {
         return this.repo.clear();
     }
+    //#endregion
+    //#region crud operations / typeorm / increment
     /**
      * Increments some column by provided value of the entities matched given conditions.
      */
     increment(conditions, propertyPath, value) {
         return this.repo.increment(conditions, propertyPath, value);
     }
+    //#endregion
+    //#region crud operations / typeorm / decrement
     /**
      * Decrements some column by provided value of the entities matched given conditions.
      */
     decrement(conditions, propertyPath, value) {
         return this.repo.decrement(conditions, propertyPath, value);
     }
+    //#endregion
+    //#region crud operations / get all
     /**
      * @deprecated use findAndCount instead
      */
@@ -1794,6 +2088,8 @@ let BaseRepository = class BaseRepository extends BaseInjector {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region crud operations / get by id
     async getBy(id) {
         /* */
         /* */
@@ -1808,13 +2104,9 @@ BaseRepository = __decorate([
     TaonRepository({ className: 'BaseRepository' }),
     __metadata("design:paramtypes", [Function])
 ], BaseRepository);
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-repository.ts
 
 class BaseProvider extends BaseInjector {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-provider.ts
 
 class DITaonContainer {
     static { this.instances = new Map(); }
@@ -1822,6 +2114,7 @@ class DITaonContainer {
         if (DITaonContainer.instances.has(target)) {
             return DITaonContainer.instances.get(target);
         }
+        // const tokens = Reflect.getMetadata('design:paramtypes', target) || [];
         const injections = []; //  tokens.map(token => Container.inject<any>(token));
         const instance = new target(...injections);
         DITaonContainer.instances.set(target, instance);
@@ -1845,8 +2138,6 @@ class DITaonContainer {
         });
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/dependency-injection/di-container.ts
 
 const getResponseValue = (response, options) => {
     /* */
@@ -1872,21 +2163,20 @@ const getResponseValue = (response, options) => {
     /* */
     return (void 0);
 };
-;
-({}); // @--end-of-file-for-module=taon lib/get-response-value.ts
 
 const ENV$2 = Helpers.isBrowser ? window['ENV'] : global['ENV'];
-;
-({}); // @--end-of-file-for-module=taon lib/env.ts
 
+//#region imports
 /* */
 /* */
+//#endregion
 class RealtimeSubsManager {
     constructor(options) {
         this.options = options;
         this.isListening = false;
         this.observers = [];
     }
+    //#region methods & getters / start listen if not started
     startListenIfNotStarted(realtime) {
         if (this.options.core.ctx.disabledRealtime) {
             console.warn(`[Taon][startListenIfNotStarted] sockets are disabled`);
@@ -1897,32 +2187,44 @@ class RealtimeSubsManager {
             return;
         }
         if (!this.isListening) {
+            // console.info(`[BROWSER]][IPC] subscribe to "${this.options?.roomName}" by sending event: "${subscribeEvent}"`, this.options);
             this.isListening = true;
             if (this.options.customEvent) {
                 const subscribeEvent = Symbols.REALTIME.ROOM_SUBSCRIBE_CUSTOM(this.options.core.ctx.contextName);
+                // this means: send to current client custom event notification
                 realtime.emit(subscribeEvent, this.options.roomName);
             }
             else {
-                if (_$1.isString(this.options.property)) {
+                if (_.isString(this.options.property)) {
                     const subscribeEvent = Symbols.REALTIME.ROOM_SUBSCRIBE_ENTITY_PROPERTY_UPDATE_EVENTS(this.options.core.ctx.contextName);
+                    // this means: send to current client entity property events updates
                     realtime.emit(subscribeEvent, this.options.roomName);
                 }
                 else {
                     const subscribeEvent = Symbols.REALTIME.ROOM_SUBSCRIBE_ENTITY_UPDATE_EVENTS(this.options.core.ctx.contextName);
+                    // this means: send to current client entity update events
                     realtime.emit(subscribeEvent, this.options.roomName);
                 }
             }
+            // subPath -> SYMBOL - (customevnet|entityupdatebyid){..}{..}
             realtime.on(this.options.roomName, data => {
                 this.update(data);
             });
         }
     }
+    //#endregion
+    //#region methods & getters / add observer
     add(observer) {
+        // log.info('Add observer')
         this.observers.push(observer);
     }
+    //#endregion
+    //#region methods & getters / remove observer
     remove(observer) {
+        // log.info('Remove observer')
         this.observers = this.observers.filter(obs => obs !== observer);
         if (this.observers.length === 0) {
+            // log.info('Emit unsubscribe to server SERVER')
             this.isListening = false;
             const { core, customEvent, roomName, property } = this.options;
             const realtime = core.socketFE;
@@ -1930,7 +2232,7 @@ class RealtimeSubsManager {
                 realtime.emit(Symbols.REALTIME.ROOM_UNSUBSCRIBE_CUSTOM(this.options.core.ctx.contextName), roomName);
             }
             else {
-                if (_$1.isString(property)) {
+                if (_.isString(property)) {
                     realtime.emit(Symbols.REALTIME.ROOM_UNSUBSCRIBE_ENTITY_PROPERTY_UPDATE_EVENTS(this.options.core.ctx.contextName), roomName);
                 }
                 else {
@@ -1939,9 +2241,15 @@ class RealtimeSubsManager {
             }
         }
     }
+    //#endregion
+    //#region methods & getters / update
     update(data) {
+        // log.data(`realtime update!!!!!  observers=${this.observers?.length} `)
         const ngZone = this.options.core.ctx.ngZone;
+        // console.log('updating', data);
+        // console.log('ngzone', ngZone);
         this.observers.forEach(observer => {
+            // console.log(`observer closed: ${observer.closed}`,observer);
             if (!observer.closed) {
                 if (ngZone) {
                     ngZone.run(() => {
@@ -1955,48 +2263,66 @@ class RealtimeSubsManager {
         });
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-subs-manager.ts
 
+//#region imports
+//#endregion
 class RealtimeClient {
     constructor(core) {
         this.core = core;
         this.subsManagers = {};
         this.core = core;
         if (!core.ctx.disabledRealtime) {
+            //#region @browser
             this.init();
+            //#endregion
         }
     }
+    //#region methods & getters / init
     init() {
+        //#region prepare naspaces pathes
         const nspPath = {
             global: this.core.pathFor(),
             realtime: this.core.pathFor(Symbols.REALTIME.NAMESPACE(this.core.ctx.contextName)),
         };
+        // console.log('[browser] nspPath', nspPath);
         this.core.ctx.logRealtime &&
             console.info('[CLIENT] NAMESPACE GLOBAL ', nspPath.global.href + ` host: ${this.core.ctx.host}`);
         this.core.ctx.logRealtime &&
             console.info('[CLIENT] NAMESPACE REALTIME', nspPath.realtime.href + ` host: ${this.core.ctx.host}`);
+        //#endregion
+        //#region prepare globa FE socket
         this.core.conectSocketFE = this.core.strategy.ioClient(nspPath.global.origin, {
             path: nspPath.global.pathname,
         });
         if (this.core.conectSocketFE.on) {
             this.core.conectSocketFE.on('connect', () => {
+                // console.info(
+                //   `[CLIENT] connected to GLOBAL namespace ${global.nsp} of host: ${context.host}`,
+                // );
                 this.core.ctx.logRealtime &&
                     console.info(`[CLIENT] connected to GLOBAL namespace ${nspPath.global.pathname}` +
                         ` of host: ${this.core.ctx.host}`);
             });
         }
+        //#endregion
+        //#region prepare realtime FE socket
         this.core.socketFE = this.core.strategy.ioClient(nspPath.realtime.origin, {
             path: nspPath.realtime.pathname,
         });
         if (this.core.socketFE.on) {
             this.core.socketFE.on('connect', () => {
+                // console.info(
+                //   `[CLIENT] connected to REALTIME namespace ${realtime.nsp} host: ${context.host}`,
+                // );
                 this.core.ctx.logRealtime &&
                     console.info(`[CLIENT] connected to REALTIME namespace ${nspPath.realtime.pathname}` +
                         ` host: ${this.core.ctx.host}`);
             });
         }
+        //#endregion
     }
+    //#endregion
+    //#region methods & getters  / listen changes entity
     /**
      * Changes trigger on backend needs to be done manually.. example code:
      *
@@ -2006,14 +2332,17 @@ class RealtimeClient {
      */
     listenChangesEntity(entityClassFn, idOrUniqValue, options) {
         options = options || {};
+        //#region parameters validation
         const { property, customEvent } = options;
         const className = !customEvent && ClassHelpers.getName(entityClassFn);
-        if (_$1.isString(property)) {
+        if (_.isString(property)) {
             if (property.trim() === '') {
                 throw new Error(`[Taon][listenChangesEntity.. incorect property '' for ${className}`);
             }
         }
+        //#endregion
         return new Observable(observer => {
+            //#region prepare parameters for manager
             if (this.core.ctx.disabledRealtime) {
                 console.error(`[Taon][realtime rxjs] remove taon config flag:
 
@@ -2024,6 +2353,7 @@ class RealtimeClient {
 to use socket realtime connection;
         `);
                 return () => {
+                    // empty nothing to do
                 };
             }
             let roomName;
@@ -2031,7 +2361,7 @@ to use socket realtime connection;
                 roomName = Symbols.REALTIME.ROOM_NAME_CUSTOM(this.core.ctx.contextName, customEvent);
             }
             else {
-                roomName = _$1.isString(property)
+                roomName = _.isString(property)
                     ? Symbols.REALTIME.ROOM_NAME_UPDATE_ENTITY_PROPERTY(this.core.ctx.contextName, className, property, idOrUniqValue)
                     : Symbols.REALTIME.ROOM_NAME_UPDATE_ENTITY(this.core.ctx.contextName, className, idOrUniqValue);
             }
@@ -2041,6 +2371,7 @@ to use socket realtime connection;
                 roomName,
                 customEvent,
             };
+            //#endregion
             const subManagerId = this.getUniqueIdentifierForConnection(roomSubOptions);
             if (!this.subsManagers[subManagerId]) {
                 this.subsManagers[subManagerId] = new RealtimeSubsManager(roomSubOptions);
@@ -2053,12 +2384,16 @@ to use socket realtime connection;
             };
         });
     }
+    //#endregion
+    //#region listen changes entity table
     listenChangesEntityTable(entityClassFn) {
         const className = ClassHelpers.getName(entityClassFn);
         return this.listenChangesEntity(entityClassFn, void 0, {
             customEvent: Symbols.REALTIME.TABLE_CHANGE(this.core.ctx.contextName, className),
         });
     }
+    //#endregion
+    //#region listen change entity object
     /**
      * Changes trigger on backend needs to be done manually.. example code:
      *
@@ -2073,11 +2408,15 @@ to use socket realtime connection;
         const uniqueKey = ClassHelpers.getUniqueKey(classFn);
         return this.listenChangesEntity(classFn, entity[uniqueKey], options);
     }
+    //#endregion
+    //#region listen changes custom event
     listenChangesCustomEvent(customEvent) {
         return this.listenChangesEntity(void 0, void 0, {
             customEvent,
         });
     }
+    //#endregion
+    //#region methods & getters / trigger custom event\
     /**
      * Trigger custom event on backend
      * @param customEvent global event name
@@ -2086,15 +2425,18 @@ to use socket realtime connection;
     triggerCustomEvent(customEvent, dataToPush) {
         this.core.socketFE.emit(customEvent, dataToPush);
     }
+    //#endregion
+    //#region methods & getters / get room id from
     getUniqueIdentifierForConnection(options) {
         const url = new URL(options.core.ctx.host);
         return `${this.core.ctx.contextName}:${url.origin}|${options.roomName}|${options.property}|${options.customEvent}`;
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-client.ts
 
+//#region imports
+//#endregion
 class RealtimeServer {
+    // private jobs = {};
     constructor(core) {
         this.core = core;
         this.core = core;
@@ -2103,6 +2445,7 @@ class RealtimeServer {
             /* */
         }
     }
+    //#region methods & getters / init
     init() {
         /* */
         /* */
@@ -2269,7 +2612,12 @@ class RealtimeServer {
         /* */
         /* */
     }
+    //#endregion
+    //#region methods & getters / trigger changes
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     triggerChanges(entityObjOrClass, property, valueOfUniqueProperty, customEvent, customEventData) {
+        // console.log('customEventData', customEventData);
+        // console.info('__triger entity changes');
         /* */
         /* */
         /* */
@@ -2328,6 +2676,9 @@ class RealtimeServer {
         /* */
         /* */
     }
+    //#endregion
+    //#region entity changes
+    //#region methods & getters / trigger entity changes
     triggerEntityChanges(entityObjOrClass, idToTrigger) {
         if (this.core.ctx.disabledRealtime) {
             const className = ClassHelpers.getName(entityObjOrClass);
@@ -2336,13 +2687,15 @@ class RealtimeServer {
         }
         this.triggerChanges(entityObjOrClass, void 0, idToTrigger);
     }
+    //#endregion
+    //#region methods & getters / trigger entity property changes
     triggerEntityPropertyChanges(entityObjOrClass, property, idToTrigger) {
         if (this.core.ctx.disabledRealtime) {
             const className = ClassHelpers.getName(entityObjOrClass);
             console.warn(`[Taon][TriggerEntityPropertyChanges][property=${property}] Entity "${className}' is not realtime`);
             return;
         }
-        if (_$1.isArray(property)) {
+        if (_.isArray(property)) {
             property.forEach(propertyFromArr => {
                 this.triggerChanges(entityObjOrClass, propertyFromArr, idToTrigger);
             });
@@ -2351,6 +2704,8 @@ class RealtimeServer {
             this.triggerChanges(entityObjOrClass, property, idToTrigger);
         }
     }
+    //#endregion
+    //#region methods & getters / trigger entity table changes
     triggerEntityTableChanges(entityClassOrInstance) {
         const className = ClassHelpers.getName(entityClassOrInstance);
         if (this.core.ctx.disabledRealtime) {
@@ -2359,9 +2714,15 @@ class RealtimeServer {
         }
         this.triggerChanges(entityClassOrInstance, void 0, void 0, Symbols.REALTIME.TABLE_CHANGE(this.core.ctx.contextName, className));
     }
+    //#endregion
+    //#endregion
+    //#region custom changes
+    //#region methods & getters / trigger custom event
     triggerCustomEvent(customEvent, dataToPush) {
         this.triggerChanges(void 0, void 0, void 0, customEvent, dataToPush);
     }
+    //#endregion
+    //#region methods & getters / listen custom events from users
     /**
      * Listen to custom events from users
      * @param customEvent  global event name
@@ -2380,8 +2741,6 @@ class RealtimeServer {
         return (void 0);
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-server.ts
 
 class RealtimeStrategy {
     constructor(ctx) {
@@ -2394,9 +2753,9 @@ class RealtimeStrategy {
         throw new Error('Not implemented');
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-strategy/realtime-strategy.ts
 
+//#endregion
+//#region mock server ipc
 class MockServerIpc {
     static { this.serverByContextName = new Map(); }
     static from(contextName) {
@@ -2405,11 +2764,14 @@ class MockServerIpc {
         }
         return MockServerIpc.serverByContextName.get(contextName);
     }
+    //#region constructor
     constructor(contextName) {
         this.contextName = contextName;
         this.namespacesByName = new Map();
         MockServerIpc.serverByContextName.set(contextName, this);
     }
+    //#endregion
+    //#region of
     of(namespace) {
         if (!this.namespacesByName.has(namespace)) {
             this.namespacesByName.set(namespace, new MockNamespaceIpc(namespace, this));
@@ -2417,7 +2779,11 @@ class MockServerIpc {
         return this.namespacesByName.get(namespace);
     }
 }
+//#endregion
+//#region mock namespace ipc
 class MockNamespaceIpc {
+    //#endregion
+    //#region constructor
     constructor(
     /**
      * Namespace name
@@ -2425,10 +2791,13 @@ class MockNamespaceIpc {
     name, server) {
         this.name = name;
         this.server = server;
+        //#region fields & getters
         this.electronClients = new Set();
         this.roomsByRoomName = {};
         this.namespaceEventHandlers = {};
     }
+    //#endregion
+    //#region on
     on(eventName, callback) {
         /* */
         /* */
@@ -2461,6 +2830,8 @@ class MockNamespaceIpc {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region off
     off(event, callback) {
         /* */
         /* */
@@ -2476,6 +2847,8 @@ class MockNamespaceIpc {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region emit
     emit(eventName, ...args) {
         /* */
         /* */
@@ -2488,20 +2861,28 @@ class MockNamespaceIpc {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region to
     to(roomName) {
         const electronClientsInroom = this.roomsByRoomName[roomName];
         return new RoomEmitterIpc(electronClientsInroom, this.name, true);
     }
+    //#endregion
+    //#region in
     in(roomName) {
         const electronClientsInroom = this.roomsByRoomName[roomName];
         return new RoomEmitterIpc(electronClientsInroom, this.name, false);
     }
+    //#endregion
+    //#region join
     join(webContents, roomName) {
         if (!this.roomsByRoomName[roomName]) {
             this.roomsByRoomName[roomName] = new Set();
         }
         this.roomsByRoomName[roomName].add(webContents);
     }
+    //#endregion
+    //#region leave
     leave(webContents, roomName) {
         if (this.roomsByRoomName[roomName]) {
             this.roomsByRoomName[roomName].delete(webContents);
@@ -2510,9 +2891,13 @@ class MockNamespaceIpc {
             }
         }
     }
+    //#endregion
+    //#region path
     path() {
         return this.name;
     }
+    //#endregion
+    //#region get nsp
     get nsp() {
         const self = this;
         return {
@@ -2522,7 +2907,10 @@ class MockNamespaceIpc {
         };
     }
 }
+//#endregion
+//#region room emitter ipc
 class RoomEmitterIpc {
+    //#region constructor
     constructor(electronClients, 
     /**
      * namespace name
@@ -2533,6 +2921,8 @@ class RoomEmitterIpc {
         this.includeSender = includeSender;
         this.sender = sender;
     }
+    //#endregion
+    //#region emit in room
     emit(eventName, ...args) {
         const emitEvent = `(${this.name}) "${eventName}"`;
         this.electronClients?.forEach(webContents => {
@@ -2540,18 +2930,29 @@ class RoomEmitterIpc {
         });
     }
 }
+//#endregion
+//#region mock socket ipc
 class MockSocketIpc {
+    //#endregion
+    //#region fields & getters / name
     get name() {
         return this.namespaceName;
     }
+    //#endregion
+    //#endregion
+    //#region constructor
     /**
      * @param namespaceName instead url for ipc
      */
     constructor(namespaceName) {
         this.namespaceName = namespaceName;
+        //#endregion
+        //#region fields & getters / event handlers by name
         this.socketEventHandlers = {};
         this.ipcRenderer = window.require('electron').ipcRenderer;
     }
+    //#endregion
+    //#region on
     on(eventName, callback) {
         if (!this.socketEventHandlers[eventName]) {
             this.socketEventHandlers[eventName] = new Set();
@@ -2566,6 +2967,8 @@ class MockSocketIpc {
             this.ipcRenderer.send(connectionEventKey, this.name);
         }
     }
+    //#endregion
+    //#region off
     off(event, callback) {
         if (!this.socketEventHandlers[event]) {
             return;
@@ -2581,23 +2984,31 @@ class MockSocketIpc {
             callback(data);
         });
     }
+    //#endregion
+    //#region emit
     emit(event, ...args) {
         const emitEvent = `(${this.name}) "${event}"`;
         this.ipcRenderer.send(emitEvent, ...args);
     }
 }
+//#endregion
 /**
  * Purpose:
  * - backend-browser communication between 2 processes in electron mode
  */
 class RealtimeStrategyIpc extends RealtimeStrategy {
+    //#region to string
     toString() {
         return 'ipc';
     }
+    //#endregion
+    //#region constructor
     constructor(ctx) {
         super(ctx);
         this.ctx = ctx;
     }
+    //#endregion
+    //#region server & io
     ioServer(__, opt) {
         const namespace = opt?.path || '/';
         const server = MockServerIpc.from(this.ctx.contextName);
@@ -2611,9 +3022,9 @@ class RealtimeStrategyIpc extends RealtimeStrategy {
         return clientIo;
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-strategy/realtime-strategy-ipc.ts
 
+//#endregion
+//#region mock server
 class MockServer {
     static { this.serverByUrl = new Map(); }
     static from(url) {
@@ -2625,22 +3036,30 @@ class MockServer {
     get allServers() {
         return Array.from(MockServer.serverByUrl.values());
     }
+    //#region constructor
     constructor(url) {
         this.url = url;
         this.namespacesByName = new Map();
         MockServer.serverByUrl.set(url, this);
     }
+    //#endregion
+    //#region of
     of(namespace) {
         if (!this.namespacesByName.has(namespace)) {
             this.namespacesByName.set(namespace, new MockNamespace(namespace, this));
         }
         return this.namespacesByName.get(namespace);
     }
+    //#endregion
+    //#region path
     path() {
         return this.url;
     }
 }
+//#endregion
+//#region mock namespace
 class MockNamespace {
+    //#region constructor
     constructor(
     /**
      * unique namespace name
@@ -2661,7 +3080,10 @@ class MockNamespace {
          */
         this.namespaceEventHandlers = {};
     }
+    //#endregion
+    //#region on
     on(eventName, handler) {
+        // console.log(`ON EVNET event "${eventName}"`);
         if (!this.namespaceEventHandlers[eventName]) {
             this.namespaceEventHandlers[eventName] =
                 new Set();
@@ -2669,41 +3091,57 @@ class MockNamespace {
         if (!this.namespaceEventHandlers[eventName].has(handler)) {
             this.namespaceEventHandlers[eventName].add(handler);
         }
+        // QUICK_FIX Emit connection event for backend
+        // TODO make it in emit
         if (eventName === 'connection') {
             setTimeout(() => {
                 this.emit('connection', this);
             });
         }
     }
+    //#endregion
+    //#region emit
     emit(event, ...args) {
         this.allSocketsForNamespace?.forEach(socket => {
             socket.emit(event, ...args);
         });
     }
+    //#endregion
+    //#region connect
     connect(socket) {
         this.allSocketsForNamespace.add(socket);
         socket.namespaceInstance = this;
     }
+    //#endregion
+    //#region to
     to(roomName) {
         const socketsInRoom = this.socketByRoomName[roomName];
         return new RoomEmitter(socketsInRoom, true);
     }
+    //#endregion
+    //#region to room
     in(roomName) {
         const socketsInRoom = this.socketByRoomName[roomName];
         return new RoomEmitter(socketsInRoom, false);
     }
+    //#endregion
+    //#region join room
     joinRoom(roomName, socket) {
         if (!this.socketByRoomName[roomName]) {
             this.socketByRoomName[roomName] = new Set();
         }
         this.socketByRoomName[roomName].add(socket);
     }
+    //#endregion
+    //#region leave room
     leaveRoom(roomName, socket) {
         const roomSockets = this.socketByRoomName[roomName];
         if (roomSockets) {
             this.socketByRoomName[roomName].delete(socket);
         }
     }
+    //#endregion
+    //#region nsp + name
     get nsp() {
         const self = this;
         return {
@@ -2712,38 +3150,55 @@ class MockNamespace {
             },
         };
     }
+    //#endregion
     path() {
         return this.name;
     }
 }
+//#endregion
+//#region room emitter
 class RoomEmitter {
+    //#region constructor
     constructor(sockets, includeSender = false, sender = null) {
         this.sockets = sockets;
         this.includeSender = includeSender;
         this.sender = sender;
     }
+    //#endregion
+    //#region emit in room
     emit(event, ...args) {
+        // console.log(
+        //   `emit room emiter ${event} ,  this.sockets ${this.sockets.length}`,
+        // );
         this.sockets?.forEach(socket => {
+            // console.log(`emit event ${event} to socket ${socket.id}`);
             if (this.includeSender || socket !== this.sender) {
                 socket.emit(event, ...args);
             }
         });
     }
 }
+//#endregion
+//#region mock socket
 class MockSocket {
     get id() {
         return this.nsp.name;
     }
+    //#region constructor
     constructor(url, opts) {
         this.url = url;
         this.socketEventHandlers = {};
         // @ts-ignore
         const [baseUrl, namespace] = [url, opts.path || '/'];
+        // console.log({ url, baseUrl, namespace });
         const namespaceName = namespace || '/';
+        // Look up the server instance from the registry
         const server = MockServer.from(url);
         const ns = server.of(namespaceName);
         ns.connect(this);
     }
+    //#endregion
+    //#region nsp + name
     get nsp() {
         const self = this;
         return {
@@ -2752,21 +3207,29 @@ class MockSocket {
             },
         };
     }
+    //#endregion
+    //#region path
     path() {
         return this.namespaceInstance?.name;
     }
+    //#endregion
+    //#region on
     on(eventName, handler) {
         if (!this.socketEventHandlers[eventName]) {
             this.socketEventHandlers[eventName] =
                 new Set();
         }
         this.socketEventHandlers[eventName].add(handler);
+        // QUICK_FIX client initing itself
         if (eventName === 'connect') {
             setTimeout(() => {
                 this.emit('connect');
+                // this.namespaceInstance.emit('connection', this); @UNCOMMNENT
             });
         }
     }
+    //#endregion
+    //#region emit
     emit(eventName, ...args) {
         eventName = eventName || '';
         if (eventName.includes(`:${Symbols.REALTIME.KEYroomSubscribe}`)) {
@@ -2778,14 +3241,17 @@ class MockSocket {
             this.leave(room);
         }
         else {
+            // console.log('try to emit event (to server)', event);
             if (this.namespaceInstance) {
                 const namespaceEventHandlers = this.namespaceInstance.namespaceEventHandlers[eventName] || [];
+                // emit to namespace events
                 for (const namespaceEventHandler of namespaceEventHandlers) {
                     if (namespaceEventHandler) {
                         namespaceEventHandler(...args);
                     }
                 }
                 const allSocketsForNamespaceExceptCurrent = Array.from(this.namespaceInstance.allSocketsForNamespace.values()).filter(socket => socket !== this);
+                // emit to all sockets in namespace
                 for (const socket of allSocketsForNamespaceExceptCurrent) {
                     const socketEventHandlers = socket.socketEventHandlers[eventName];
                     for (const socketEventHandler of socketEventHandlers) {
@@ -2794,6 +3260,7 @@ class MockSocket {
                         }
                     }
                 }
+                // Emit to current socket
                 const socketEventHandlers = this.socketEventHandlers[eventName] || [];
                 for (const clientHandler of socketEventHandlers) {
                     if (clientHandler) {
@@ -2803,25 +3270,35 @@ class MockSocket {
             }
         }
     }
+    //#endregion
+    //#region join room
     join(roomName) {
         this.namespaceInstance.joinRoom(roomName, this);
     }
+    //#endregion
+    //#region leave room
     leave(roomName) {
         this.namespaceInstance.leaveRoom(roomName, this);
     }
 }
+//#endregion
 /**
  * Purpose:
  * - browser-browser communication mock (in websql mode)
  */
 class RealtimeStrategyMock extends RealtimeStrategy {
+    //#region toString
     toString() {
         return 'mock';
     }
+    //#endregion
+    //#region constructor
     constructor(ctx) {
         super(ctx);
         this.ctx = ctx;
     }
+    //#endregion
+    //#region server & io
     ioServer(url, opt) {
         const server = MockServer.from(url || this.ctx.uri.origin);
         return server.of(opt?.path || '/');
@@ -2833,8 +3310,6 @@ class RealtimeStrategyMock extends RealtimeStrategy {
         return clientIo;
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-strategy/realtime-strategy-mock.ts
 
 /**
  * Purpose:
@@ -2858,12 +3333,8 @@ class RealtimeStrategySocketIO extends RealtimeStrategy {
         return io;
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-strategy/realtime-strategy-socket-io.ts
-
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-strategy/index.ts
 
+//#endregion
 /**
  * Realtime class
  * - mock (when browser-browser)
@@ -2872,8 +3343,11 @@ class RealtimeStrategySocketIO extends RealtimeStrategy {
  * - webworker (when webworker is used in browser or nodejs)
  */
 class RealtimeCore {
+    //#endregion
+    //#region constructor
     constructor(ctx) {
         this.ctx = ctx;
+        //#region fields
         this.allHttpMethods = [
             'GET',
             'POST',
@@ -2889,23 +3363,36 @@ class RealtimeCore {
             console.log(`[taon] realtime strategy: ${this.strategy}`);
         if (Helpers.isWebSQL) {
             this.server = new RealtimeServer(this);
+            // console.log('DONE INITING SERVER');
             this.client = new RealtimeClient(this);
+            // console.log('DONE INITING CLIENT');
         }
         else {
             this.client = new RealtimeClient(this);
             this.server = new RealtimeServer(this);
         }
     }
+    //#endregion
+    //#region methods & getters / resovle staraegy
     resolveStrategy() {
         if (this.ctx.mode === 'backend-frontend(websql)' ||
             this.ctx.mode === 'backend-frontend(websql-electron)') {
+            // debugger
             return new RealtimeStrategyMock(this.ctx);
         }
         if (this.ctx.mode === 'backend-frontend(ipc-electron)') {
             return new RealtimeStrategyIpc(this.ctx);
         }
+        // if (this.ctx.mode === 'backend-frontend(tcp+udp)') {
+        //   return new RealtimeStrategySocketIO(this.ctx);
+        // }
+        // if (this.ctx.mode === 'remote-backend(tcp+udp)') {
+        //   return new RealtimeStrategySocketIO(this.ctx);
+        // }
         return new RealtimeStrategySocketIO(this.ctx);
     }
+    //#endregion
+    //#region path for
     pathFor(namespace) {
         const uri = this.ctx.uri;
         let nsp = namespace ? namespace : '';
@@ -2916,18 +3403,26 @@ class RealtimeCore {
             prefix = ``;
         }
         const href = `${uri.origin}${pathname}/${prefix}${prefix && nsp ? '-' + nsp : nsp}`;
+        // console.log(`HREF: ${href}, nsp: ${nsp}`)
         return new URL(href);
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/realtime/realtime-core.ts
 
 class ContextDbMigrations {
+    //#endregion
+    //#endregion
+    //#region constructor
     constructor(ctx) {
         this.ctx = ctx;
+        //#region fields
+        //#region fields / migration table name
         this.DEFAULT_MIGRATION_TABLE_NAME = 'TAON_MIGRATION_META';
+        //#endregion
+        //#region fields / migration statuses
         this.MIGRATION_STATUS_COMPLETED = 'completed';
         this.MIGRATION_STATUS_PENDING = 'pending';
+        //#endregion
+        //#region fields / migration table schema
         this.table = new Table({
             name: this.DEFAULT_MIGRATION_TABLE_NAME,
             columns: [
@@ -2946,6 +3441,7 @@ class ContextDbMigrations {
                     isNullable: false, // Ensure this field is required
                 },
                 {
+                    // context is a part of name
                     name: 'context',
                     type: 'varchar',
                     length: '255',
@@ -2964,9 +3460,17 @@ class ContextDbMigrations {
                     default: `'${this.MIGRATION_STATUS_COMPLETED}'`,
                     isNullable: false,
                 },
+                // { // TODO not needed for now
+                //   name: 'checksum',
+                //   type: 'varchar',
+                //   length: '64',
+                //   isNullable: true, // Optional field to store a hash/checksum of migration file
+                // },
             ],
         });
     }
+    //#endregion
+    //#region methods & getters / make sure migration table exists
     async ensureMigrationTableExists() {
         /* */
         /* */
@@ -3014,6 +3518,8 @@ class ContextDbMigrations {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / revert migration to timestamp
     async logSelectALl(name, queryRunner) {
         console.log(name, (await queryRunner.query(`SELECT * FROM ${this.DEFAULT_MIGRATION_TABLE_NAME} WHERE context = $1`, [this.ctx.contextName])).map(m => m.name));
     }
@@ -3115,6 +3621,8 @@ class ContextDbMigrations {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / clear migration table
     async clearMigrationTable() {
         /* */
         /* */
@@ -3136,6 +3644,8 @@ class ContextDbMigrations {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / mark all migrations as applied
     async markAllMigrationsAsApplied() {
         /* */
         /* */
@@ -3210,6 +3720,8 @@ class ContextDbMigrations {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / run all migrations
     async runAllNotCompletedMigrations() {
         /* */
         /* */
@@ -3343,13 +3855,29 @@ class ContextDbMigrations {
         return (void 0);
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/context-db-migrations.ts
 
 /* eslint-disable @typescript-eslint/typedef */
+//#region imports
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+//#endregion
 class EndpointContext {
+    //#endregion
     static initNgZone(ngZone) {
+        //#region @browser
         this.ngZone = ngZone;
+        //#endregion
     }
     get isRunOrRevertOnlyMigrationAppStart() {
         return !!(this.onlyMigrationRun || this.onlyMigrationRevertToTimestamp);
@@ -3360,56 +3888,81 @@ class EndpointContext {
     get realtimeServer() {
         return this.realtime.server;
     }
+    //#endregion
+    //#region fields / logs
     get logHttp() {
-        if (_$1.isObject(this.config?.logs)) {
+        if (_.isObject(this.config?.logs)) {
             return !!this.config.logs.http;
         }
         return this.config?.logs === true;
     }
     get logRealtime() {
-        if (_$1.isObject(this.config?.logs)) {
+        if (_.isObject(this.config?.logs)) {
             return !!this.config.logs.realtime;
         }
         return this.config?.logs === true;
     }
     get logFramework() {
-        if (_$1.isObject(this.config?.logs)) {
+        if (_.isObject(this.config?.logs)) {
             return !!this.config.logs.framework;
         }
         return this.config?.logs === true;
     }
     get logDb() {
-        if (_$1.isObject(this.config?.logs)) {
+        if (_.isObject(this.config?.logs)) {
             return !!this.config.logs.db;
         }
         return this.config?.logs === true;
     }
     get logMigrations() {
-        if (_$1.isObject(this.config?.logs)) {
+        if (_.isObject(this.config?.logs)) {
             return !!this.config.logs.migrations;
         }
         return this.config?.logs === true;
     }
+    //#endregion
+    //#endregion
+    //#region constructor
     constructor(originalConfig, configFn) {
         this.originalConfig = originalConfig;
         this.configFn = configFn;
+        // public static findForTraget(classFnOrObject: any): EndpointContext {
+        //   const obj = ClassHelpers.getClassFnFromObject(classFnOrObject) || {};
+        //   return (
+        //     classFnOrObject[Symbols.ctxInClassOrClassObj] ||
+        //     obj[Symbols.ctxInClassOrClassObj]
+        //   );
+        // }
+        //#endregion
+        //#region fields
+        //#region fields / flags
         this.disabledRealtime = false;
         /**
          * check whether context is inited
          * (with init() function )
          */
         this.inited = false;
+        //#endregion
         this.dbMigrations = new ContextDbMigrations(this);
         this.localInstaceObjSymbol = Symbol('localInstaceObjSymbol');
+        //#region fields / all instances of classes from context
         /**
          * all instances of classes from context
          * key is class name
          */
         this.allClassesInstances = {};
+        //#endregion
+        //#region fields / class instances by name
         this.classInstancesByNameObj = {};
+        //#endregion
+        //#region fields / obj with classes instances arr
         this.objWithClassesInstancesArr = {};
+        //#endregion
+        //#region fields / active routes
         this.activeRoutes = [];
+        //#endregion
         this.skipWritingServerRoutes = false;
+        //#region fields / types from contexts
         this.injectableTypesfromContexts = [
             Models.ClassType.CONTROLLER,
             Models.ClassType.PROVIDER,
@@ -3417,15 +3970,26 @@ class EndpointContext {
             Models.ClassType.SUBSCRIBER,
             Models.ClassType.MIGRATION,
         ];
+        //#endregion
         this.allTypesfromContexts = [
             ...this.injectableTypesfromContexts,
             Models.ClassType.ENTITY,
         ];
+        // public __contextForControllerInstanceAccess?: EndpointContext;
+        //#region fields / express app
         this.expressApp = {};
+        //#endregion
+        //#region fields / only migration start
         this.onlyMigrationRun = false;
         this.onlyMigrationRevertToTimestamp = undefined;
+        //#endregion
+        //#region fields / entities triggers
         this.entitiesTriggers = {};
+        //#endregion
+        //#region methods & getters / clone class
+        // eslint-disable-next-line @typescript-eslint/typedef
         this.cloneClassWithNewMetadata = ({ BaseClass, className, config, ctx, classType, }) => {
+            // Return a new class that extends the base class
             const cloneClass = () => {
                 var _a, _b, _c, _d, _e;
                 if (BaseClass[Symbols.fullClassNameStaticProperty] ===
@@ -3436,15 +4000,23 @@ class EndpointContext {
                     constructor() {
                         super(...arguments);
                         this[_e] = ctx;
+                        // You can override prototype properties or methods here if needed
+                        // static properties override allowed
                     }
                     static { _a = Symbols.orignalClass, _b = Symbols.fullClassNameStaticProperty, _c = Symbols.classNameStaticProperty, _d = Symbols.ctxInClassOrClassObj, _e = Symbols.ctxInClassOrClassObj; }
+                    // static ['_'] = BaseClass['_'];
+                    // eslint-disable-next-line @typescript-eslint/typedef
                     // @ts-ignore
                     static { this[_a] = BaseClass; }
+                    // eslint-disable-next-line @typescript-eslint/typedef
                     // @ts-ignore
                     static { this[_b] = `${ctx.contextName}.${className}`; }
+                    // eslint-disable-next-line @typescript-eslint/typedef
                     // @ts-ignore
                     static { this[_c] = className; }
+                    // eslint-disable-next-line @typescript-eslint/typedef
                     static { this[_d] = ctx; }
+                    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type, @typescript-eslint/typedef
                     static __getFullPathForClass__(arr = []) {
                         const name = this[Symbols.fullClassNameStaticProperty];
                         arr.push(name);
@@ -3462,10 +4034,31 @@ class EndpointContext {
                 };
             };
             const cloneClassFunction = cloneClass();
+            //#region gather all instances for all contexts
+            // TODO this is not needed anymore - for typeorm I use normal entities
+            // this thinng belowe is nice for debugging purpose
+            // if (_.isUndefined(cloneClassFunction[Symbols.orignalClassClonesObj])) {
+            //   cloneClassFunction[Symbols.orignalClassClonesObj] = {};
+            // }
+            // if (_.isUndefined(BaseClass[Symbols.orignalClassClonesObj])) {
+            //   BaseClass[Symbols.orignalClassClonesObj] = {};
+            // }
+            // const all = {
+            //   ...BaseClass[Symbols.orignalClassClonesObj],
+            //   ...cloneClassFunction[Symbols.orignalClassClonesObj],
+            // };
+            // all[ctx.contextName] = cloneClassFunction;
+            // cloneClassFunction[Symbols.orignalClassClonesObj] = all;
+            // BaseClass[Symbols.orignalClassClonesObj] = all;
+            //#endregion
             return cloneClassFunction;
         };
+        //#endregion
+        //#region methods & getters / clone classes obj with new metadata
+        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
         this.cloneClassesObjWithNewMetadata = ({ classesInput, config, ctx, classType, }) => {
             const classes = {};
+            // console.log(Object.keys(classesInput))
             for (const key of Object.keys(classesInput || {})) {
                 const BaseClass = classesInput[key];
                 if (!BaseClass) {
@@ -3476,6 +4069,10 @@ class EndpointContext {
         `);
                 }
                 var className = Reflect.getMetadata(Symbols.metadata.className, BaseClass);
+                // console.log('Metadata className', className, BaseClass);
+                // if (!className) {
+                //   console.warn(`Please provide className for ${BaseClass.name} class`);
+                // }
                 className = className || key;
                 BaseClass[Symbols.classNameStaticProperty] = className;
                 const clonedClass = this.cloneClassWithNewMetadata({
@@ -3490,6 +4087,8 @@ class EndpointContext {
             return classes;
         };
     }
+    //#endregion
+    //#region methods & getters / init
     async init(options) {
         const { initFromRecrusiveContextResovle, overrideHost, overrideRemoteHost, onlyMigrationRun, onlyMigrationRevertToTimestamp, } = options || {}; // TODO use it ?
         this.inited = true;
@@ -3498,16 +4097,16 @@ class EndpointContext {
         // @ts-ignore
         this.onlyMigrationRevertToTimestamp = onlyMigrationRevertToTimestamp;
         this.config = this.configFn(ENV$2);
-        if (_$1.isObject(this.config.database)) {
+        if (_.isObject(this.config.database)) {
             this.config.database = Models.DatabaseConfig.from(this.config.database).databaseConfigTypeORM;
         }
         if (overrideHost && overrideRemoteHost) {
             Helpers.throw(`[taon-config] You can't have overrideHost and overrideRemoteHost at the same time`);
         }
-        this.config.host = !_$1.isUndefined(overrideHost)
+        this.config.host = !_.isUndefined(overrideHost)
             ? overrideHost
             : this.config.host;
-        this.config.remoteHost = !_$1.isUndefined(overrideRemoteHost)
+        this.config.remoteHost = !_.isUndefined(overrideRemoteHost)
             ? overrideRemoteHost
             : this.config.remoteHost;
         this.config.host = this.host === null ? void 0 : this.host;
@@ -3518,7 +4117,7 @@ class EndpointContext {
             !this.config.host.startsWith('https://')) {
             Helpers.throw(`[taon-config] Your 'host' must start with http:// or https://`);
         }
-        if (_$1.isUndefined(this.config.useIpcWhenElectron)) {
+        if (_.isUndefined(this.config.useIpcWhenElectron)) {
             this.config.useIpcWhenElectron = true;
         }
         if (this.config.remoteHost &&
@@ -3526,10 +4125,13 @@ class EndpointContext {
             !this.config.remoteHost.startsWith('https://')) {
             Helpers.throw(`[taon-config] Your 'remoteHost' must start with http:// or https://`);
         }
+        //#region resolve if skipping writing server routes
         //@ts-expect-error overriding readonly
-        this.skipWritingServerRoutes = _$1.isBoolean(this.config.skipWritingServerRoutes)
+        this.skipWritingServerRoutes = _.isBoolean(this.config.skipWritingServerRoutes)
             ? this.config.skipWritingServerRoutes
             : false;
+        //#endregion
+        //#region resolve mode
         if (this.config.host) {
             this.mode = 'backend-frontend(tcp+udp)';
             /* */
@@ -3554,20 +4156,27 @@ class EndpointContext {
             /* */
             /* */
         }
+        //#endregion
+        //#region resolve database config
         if (this.config.database === true) {
             this.databaseConfig = this.getAutoGeneratedConfig();
         }
-        else if (_$1.isObject(this.config.database)) {
-            this.databaseConfig = _$1.merge(this.getAutoGeneratedConfig(), _$1.cloneDeep(this.config.database));
+        else if (_.isObject(this.config.database)) {
+            this.databaseConfig = _.merge(this.getAutoGeneratedConfig(), _.cloneDeep(this.config.database));
         }
+        //#endregion
+        //#region resolve session
         if (this.config.session) {
-            this.session = _$1.cloneDeep(this.config.session);
+            this.session = _.cloneDeep(this.config.session);
             const oneHour = 1000 * 60 * 60 * 1; // 24;
             if (!this.session.cookieMaxAge) {
                 this.session.cookieMaxAge = oneHour;
             }
+            // serever and browser cookie authentication
             axios.defaults.withCredentials = true;
         }
+        //#endregion
+        //#region prepare & gather all classes recrusively
         this.config.contexts = this.config.contexts || {};
         this.config.entities = this.config.entities || {};
         this.config.controllers = this.config.controllers || {};
@@ -3599,6 +4208,10 @@ class EndpointContext {
             ...(await this.getRecrusiveClassesfromContextsObj(Models.ClassType.MIGRATION)),
             ...this.config.migrations,
         };
+        // console.log(this.config);
+        // debugger;
+        //#endregion
+        //#region prepare classes instances/functions clones
         this.config.controllers = this.cloneClassesObjWithNewMetadata({
             classesInput: this.config.controllers,
             config: this.config,
@@ -3629,6 +4242,8 @@ class EndpointContext {
             ctx: this,
             classType: Models.ClassType.MIGRATION,
         });
+        //#endregion
+        //#region prepare instances
         for (const classTypeName of this.injectableTypesfromContexts) {
             this.classInstancesByNameObj[classTypeName] = {};
             this.objWithClassesInstancesArr[classTypeName] = [];
@@ -3636,7 +4251,9 @@ class EndpointContext {
         for (const classTypeName of this.injectableTypesfromContexts) {
             await this.createInstances(this.config[Models.ClassTypeKey[classTypeName]], classTypeName);
         }
+        //#endregion
         if (!this.isRunOrRevertOnlyMigrationAppStart) {
+            //#region prepares server
             if (this.mode === 'backend-frontend(tcp+udp)' && !this.config.abstract) {
                 /* */
                 /* */
@@ -3658,6 +4275,8 @@ class EndpointContext {
                 /* */
                 /* */
             }
+            //#endregion
+            //#region prepare realtime
             if (!this.config.abstract) {
                 this.disabledRealtime = !!this.config.disabledRealtime;
                 /* */
@@ -3667,7 +4286,10 @@ class EndpointContext {
                 /* */
                 this.realtime = new RealtimeCore(this);
             }
+            //#endregion
         }
+        //#region show context info
+        // console.log({ ref })
         if (this.config.abstract) {
             this.logFramework &&
                 Helpers.info(`[taon] Create abstract context: ${this.config.contextName}`);
@@ -3682,10 +4304,14 @@ class EndpointContext {
                     Helpers.info(`[taon] Create context for host: ${this.config.host}`);
             }
         }
+        //#endregion
+        // update first exposed config
         Object.keys(this.config).forEach(key => {
             this.originalConfig[key] = this.config[key];
         });
     }
+    //#endregion
+    //#region methods & getters / get auto generated config
     getAutoGeneratedConfig() {
         /* */
         /* */
@@ -3756,10 +4382,16 @@ class EndpointContext {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / ng zone
     get ngZone() {
+        //#region @browser
         return EndpointContext.ngZone;
+        //#endregion
         return;
     }
+    //#endregion
+    //#region methods & getters / start server
     startServer() {
         /* */
         /* */
@@ -3779,6 +4411,8 @@ class EndpointContext {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / display express routes
     displayRoutes(app) {
         /* */
         /* */
@@ -3809,11 +4443,15 @@ class EndpointContext {
         /* */
         /* */
     }
+    //#endregion
+    //#region methods & getters / mode allows database creation
     get modeAllowsDatabaseCreation() {
         return (this.mode === 'backend-frontend(tcp+udp)' ||
             this.mode === 'backend-frontend(websql)' ||
             this.mode === 'backend-frontend(ipc-electron)');
     }
+    //#endregion
+    //#region methods & getters / get recursive classes from contexts
     async getRecrusiveClassesfromContextsObj(classType) {
         const arr = await this.getRecrusiveClassesfromContexts(classType);
         return arr.reduce((acc, c) => {
@@ -3823,26 +4461,39 @@ class EndpointContext {
     }
     async getRecrusiveClassesfromContexts(classType, arr = []) {
         const contexts = Object.values(this.config.contexts || {});
+        // console.log({
+        //   contexts,
+        // });
         for (const ctx of contexts) {
+            // console.log(`STARTING ${ctx.contextName}`);
             const ref = await ctx.__ref();
+            // console.log(`CTX FROM ${ctx.contextName}`, ref.contextName);
             const classesInput = ref.getClassFunBy(classType);
+            // console.log(`${ref.contextName} - ${classType}`, { classesInput });
             const clonedClasses = Object.values(this.cloneClassesObjWithNewMetadata({
                 classesInput,
                 config: this.config,
                 ctx: this,
                 classType,
             }));
+            // console.log(`${classType} clonedClasses`, clonedClasses);
             clonedClasses.forEach(c => arr.push(c));
             await ref.getRecrusiveClassesfromContexts(classType, arr);
         }
         return arr;
     }
+    //#endregion
+    //#region methods & getters / get class instances by class type
     getClassInstanceObjBy(classType) {
         return this.classInstancesByNameObj[classType];
     }
+    //#endregion
+    //#region methods & getters / get class instances arr
     getClassesInstancesArrBy(classType) {
         return this.objWithClassesInstancesArr[classType];
     }
+    //#endregion
+    //#region methods & getters / inject
     inject(ctor, options) {
         if (!options) {
             options = {};
@@ -3866,6 +4517,7 @@ class EndpointContext {
             const instanceKey = className + (entityName ? `.${entityName}` : '');
             const existed = options.contextClassInstance[this.localInstaceObjSymbol][instanceKey];
             if (existed) {
+                // console.log(`exited `, existed)
                 return existed;
             }
             if (!ctxClassFn) {
@@ -3878,29 +4530,50 @@ class EndpointContext {
             const injectedInstance = new ctxClassFn(...locaInstanceConstructorArgs);
             options.contextClassInstance[this.localInstaceObjSymbol][instanceKey] =
                 injectedInstance;
+            // console.log(`injectedInstance `, existed)
             return injectedInstance;
         }
         const contextScopeInstance = this.allClassesInstances[className];
+        // if (className === 'TopicController') {
+        //   debugger;
+        // }
         return contextScopeInstance;
     }
     /**
      * alias for inject
      */
     getInstanceBy(ctor) {
+        // if (!!this.__contextForControllerInstanceAccess) {
+        //   const className = ClassHelpers.getName(ctor);
+        //   const allControllers = this.getClassFunByArr(Models.ClassType.CONTROLLER);
+        //   // TODO QUICK_FIX cache controllers
+        //   for (const ctrl of allControllers) {
+        //     if (ClassHelpers.getName(ctrl) === className) {
+        //       // console.log('injecting from contextForControllerInstanceAcesss', className);
+        //       return this.__contextForControllerInstanceAccess.inject(ctor, {
+        //         localInstance: false,
+        //       });
+        //     }
+        //   }
+        // }
         return this.inject(ctor, { localInstance: false });
     }
+    //#endregion
+    //#region methods & getters / check if context initialized
     checkIfContextInitialized() {
-        if (_$1.isUndefined(this.config)) {
+        if (_.isUndefined(this.config)) {
             throw new Error(`Please check if your context has been initialized.
 
-
+      // ...
       await Context.initialize();
-
+      // ...
 
 
       `);
         }
     }
+    //#endregion
+    //#region methods & getters / get class function by class type name
     getClassFunBy(classType) {
         this.checkIfContextInitialized();
         switch (classType) {
@@ -3940,32 +4613,50 @@ class EndpointContext {
     getClassFunByArr(classType) {
         return Object.values(this.getClassFunBy(classType) || {});
     }
+    //#endregion
+    //#region methods & getters / create class instances
     async createInstances(classes, classType) {
+        // const recrusiveValuesFromContext =
+        //   await this.getRecrusiveClassesfromContexts(classType);
+        // console.log(this.config.contexts);
+        // console.log('recrusiveValuesFromContext', recrusiveValuesFromContext);
         for (const classFn of [
+            // ...recrusiveValuesFromContext,
             ...Object.values(classes),
         ]) {
             const instance = DITaonContainer.resolve(classFn);
             const classInstancesByNameObj = this.classInstancesByNameObj[classType];
             const className = ClassHelpers.getName(classFn);
+            // console.log({ classFn, classType, instance, place, className, 'classInstancesByNameObj': this.classInstancesByNameObj });
             classInstancesByNameObj[className] = instance;
+            // update config
             this.config[Models.ClassTypeKey[classType]][className] = classFn;
             this.objWithClassesInstancesArr[classType].push(instance);
             this.allClassesInstances[className] = instance;
         }
     }
+    //#endregion
+    //#region methods & getters / reinit controllers db example data
     async reinitControllers() {
         if (this.remoteHost || Object.keys(this.config.migrations).length > 0) {
             return;
         }
+        // Helpers.taskStarted(
+        //   `[taon] REINITING CONTROLLERS ${this.contextName} STARTED`,
+        // );
         const controllers = this.getClassesInstancesArrBy(Models.ClassType.CONTROLLER);
+        // console.log('CONTROLLERS TO REINIT', controllers);
         for (const ctrl of controllers) {
-            if (_$1.isFunction(ctrl.initExampleDbData)) {
+            if (_.isFunction(ctrl.initExampleDbData)) {
                 await Helpers.runSyncOrAsync({
                     functionFn: ctrl.initExampleDbData,
                     context: ctrl,
                 });
             }
         }
+        // Helpers.taskDone(
+        //   `[taon] REINITING CONTROLLERS ${this.contextName} DONE`,
+        // );
     }
     async initClasses() {
         if (this.remoteHost) {
@@ -3978,14 +4669,28 @@ class EndpointContext {
             Models.ClassType.ENTITY,
             Models.ClassType.MIGRATION,
         ]) {
+            //#region init class static _ property
+            // Helpers.taskStarted(
+            //   `[taon] REINITING _ CLASS FN ${classTypeName} ${this.contextName} STARTED`,
+            // );
             for (const classFun of this.getClassFunByArr(classTypeName)) {
-                if (_$1.isFunction(classFun._)) {
+                if (_.isFunction(classFun._)) {
                     await Helpers.runSyncOrAsync({
                         functionFn: classFun._,
                         context: classFun,
                     });
+                    // const orgClass = ClassHelpers.getOrginalClass(classFun);
+                    // // orgClass['ctrl'] = classFun['ctrl'];
+                    // await Helpers.runSyncOrAsync({
+                    //   functionFn: orgClass._,
+                    //   context: orgClass,
+                    // });
                 }
             }
+            // Helpers.taskStarted(
+            //   `[taon] REINITING _ CLASS FN ${classTypeName} ${this.contextName} DONE`,
+            // );
+            //#endregion
         }
         for (const classTypeName of [
             Models.ClassType.PROVIDER,
@@ -3993,20 +4698,32 @@ class EndpointContext {
             Models.ClassType.CONTROLLER,
             Models.ClassType.MIGRATION,
         ]) {
+            //#region init providers, repositories  _ property
+            // Helpers.taskStarted(
+            //   `[taon] REINITING _ INS FN ${classTypeName} ${this.contextName} STARTED`,
+            // );
             for (const ctrl of this.getClassesInstancesArrBy(classTypeName)) {
-                if (_$1.isFunction(ctrl._)) {
+                if (_.isFunction(ctrl._)) {
                     await Helpers.runSyncOrAsync({
                         functionFn: ctrl._,
                         context: ctrl,
                     });
                 }
             }
+            // Helpers.taskStarted(
+            //   `[taon] REINITING _ INS FN ${classTypeName} ${this.contextName} DONE`,
+            // );
+            //#endregion
         }
     }
+    //#endregion
+    //#region methods & getters / is active on
     isActiveOn(classInstance) {
         let contextRef = classInstance[Symbols.ctxInClassOrClassObj];
         return this === contextRef;
     }
+    //#endregion
+    //#region methods & getters / uri
     get uri() {
         const url = this.host
             ? new URL(this.host)
@@ -4015,6 +4732,7 @@ class EndpointContext {
                 : void 0;
         return url;
     }
+    //#endregion
     /**
      * Port from uri as number
      * @returns {Number | undefined}
@@ -4022,30 +4740,45 @@ class EndpointContext {
     get port() {
         return this.uri?.port ? Number(this.uri.port) : undefined;
     }
+    //#region methods & getters / is https server
     get isHttpServer() {
         return this.uri.protocol === 'https:';
     }
+    //#endregion
+    //#region methods & getters / public assets
     /**
      * ipc/udp needs this
      */
     get contextName() {
         return this.config.contextName;
     }
+    //#endregion
+    //#region methods & getters / public assets
     get publicAssets() {
         return this.config?.publicAssets || [];
     }
+    //#endregion
+    //#region methods & getters / is production mode
     get isProductionMode() {
         return this.config.productionMode;
     }
+    //#endregion
+    //#region methods & getters / remote host
     get remoteHost() {
         return this.config.remoteHost;
     }
+    //#endregion
+    //#region methods & getters / host
     get host() {
         return this.config.host;
     }
+    //#endregion
+    //#region methods & getters / host
     get orgin() {
         return this.uri?.origin;
     }
+    //#endregion
+    //#region methods & getters / init subscribers
     async initSubscribers() {
         /* */
         /* */
@@ -4065,6 +4798,8 @@ class EndpointContext {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / init entities
     async initEntities() {
         /* */
         /* */
@@ -4096,6 +4831,8 @@ class EndpointContext {
         /* */
         /* */
     }
+    //#endregion
+    //#region methods & getters / destroy
     async destroy() {
         /* */
         /* */
@@ -4114,6 +4851,8 @@ class EndpointContext {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / init connection
     async initDatabaseConnection() {
         /* */
         /* */
@@ -4212,17 +4951,21 @@ class EndpointContext {
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / initialize metadata
     initControllers() {
         if (this.isRunOrRevertOnlyMigrationAppStart) {
             return;
         }
         const allControllers = this.getClassFunByArr(Models.ClassType.CONTROLLER);
+        // console.log('allControllers', allControllers)11
         for (const controllerClassFn of allControllers) {
             controllerClassFn[Symbols.classMethodsNames] =
                 ClassHelpers.getMethodsNames(controllerClassFn);
             const configs = ClassHelpers.getControllerConfigs(controllerClassFn);
+            // console.log(`Class config for ${ClassHelpers.getName(controllerClassFn)}`, configs)
             const classConfig = configs[0];
-            const parentscalculatedPath = _$1.slice(configs, 1)
+            const parentscalculatedPath = _.slice(configs, 1)
                 .reverse()
                 .map(bc => {
                 if (TaonHelpers.isGoodPath(bc.path)) {
@@ -4240,13 +4983,13 @@ class EndpointContext {
                         .replace(/\/\//g, '/')
                         .split('/')
                         .reduce((acc, bc) => {
-                        return _$1.last(acc) === bc ? acc : [...acc, bc];
+                        return _.last(acc) === bc ? acc : [...acc, bc];
                     }, [])
                         .join('/');
             }
-            _$1.slice(configs, 1).forEach(bc => {
+            _.slice(configs, 1).forEach(bc => {
                 const alreadyIs = classConfig.methods;
-                const toMerge = _$1.cloneDeep(bc.methods);
+                const toMerge = _.cloneDeep(bc.methods);
                 for (const key in toMerge) {
                     if (toMerge.hasOwnProperty(key) && !alreadyIs[key]) {
                         const element = toMerge[key];
@@ -4260,12 +5003,15 @@ class EndpointContext {
                 console.groupCollapsed(`[taon][express-server] routes [${classConfig.className}]`);
             /* */
             /* */
+            // console.log('methods', classConfig.methods);
             Object.keys(classConfig.methods).forEach(methodName => {
                 const methodConfig = classConfig.methods[methodName];
+                // debugger
                 const type = methodConfig.type;
                 const expressPath = methodConfig.global
                     ? `/${methodConfig.path?.replace(/\//, '')}`
                     : TaonHelpers.getExpressPath(classConfig, methodConfig);
+                // console.log({ expressPath })
                 if (Helpers.isNode || Helpers.isWebSQL) {
                     /* */
                     /* */
@@ -4283,7 +5029,15 @@ class EndpointContext {
                     /* */
                 }
                 const shouldInitClient = Helpers.isBrowser || this.remoteHost || Helpers.isWebSQL;
+                // console.log('shouldInitClient', shouldInitClient);
                 if (shouldInitClient) {
+                    // console.log(
+                    //   'initClient',
+                    //   ClassHelpers.getFullInternalName(controllerClassFn),
+                    //   type,
+                    //   methodConfig,
+                    //   expressPath,
+                    // );
                     this.initClient(controllerClassFn, type, methodConfig, expressPath);
                 }
             });
@@ -4294,6 +5048,8 @@ class EndpointContext {
             /* */
         }
     }
+    //#endregion
+    //#region methods & getters / write active routes
     writeActiveRoutes() {
         if (this.remoteHost ||
             this.isRunOrRevertOnlyMigrationAppStart ||
@@ -4336,11 +5092,15 @@ class EndpointContext {
         /* */
         /* */
     }
+    //#endregion
+    //#region methods & getters / middlewares
     get middlewares() {
         /* */
         /* */
         return (void 0);
     }
+    //#endregion
+    //#region methods & getters / init middlewares
     initMiddlewares() {
         /* */
         /* */
@@ -4445,7 +5205,12 @@ class EndpointContext {
         /* */
         /* */
     }
-    initServer(type, methodConfig, classConfig, expressPath, target) {
+    //#endregion
+    //#region methods & getters / init methods node
+    initServer(
+    //#region parameters
+    type, methodConfig, classConfig, expressPath, target) {
+        //#region resolve variables
         /* */
         /* */
         /* */
@@ -4455,6 +5220,7 @@ class EndpointContext {
         /* */
         /* */
         const url = this.uri;
+        //#region get result
         const getResult = async (resolvedParams, req, res) => {
             const response = methodConfig.descriptor.value.apply(
             /**
@@ -4468,11 +5234,14 @@ class EndpointContext {
             let result = await getResponseValue(response, { req, res });
             return result;
         };
+        //#endregion
         url.pathname = url.pathname.replace(/\/$/, '');
         expressPath = url.pathname.startsWith('/')
             ? `${url.pathname}${expressPath}`
             : expressPath;
         expressPath = expressPath.replace(/\/\//g, '/');
+        // console.log(`BACKEND: expressPath: ${ expressPath } `)
+        //#endregion
         if (Helpers.isElectron) {
             /* */
             /* */
@@ -4497,12 +5266,14 @@ class EndpointContext {
             /* */
         }
         if (!this.remoteHost) {
+            //#region apply dummy websql express routers
             /* */
             /* */
             /* */
             /* */
             /* */
             /* */
+            //#endregion
             /* */
             /* */
             /* */
@@ -4723,12 +5494,19 @@ class EndpointContext {
             method: methodConfig.type,
         };
     }
+    //#endregion
+    //#region methods & getters / init client
     /**
      * client can be browser or nodejs (when remote host)
      */
-    initClient(target, type, methodConfig, expressPath) {
+    initClient(
+    //#region parameters
+    target, type, methodConfig, expressPath) {
         const ctx = this;
+        // : { received: any; /* Rest<any, any>  */ }
         this.logHttp && console.log(`${type?.toUpperCase()} ${expressPath} `);
+        // console.log('INITING', methodConfig); // TODO inject in static
+        //#region resolve storage
         let storage;
         if (Helpers.isBrowser) {
             storage = window;
@@ -4737,7 +5515,9 @@ class EndpointContext {
         /* */
         /* */
         /* */
+        //#endregion
         const orgMethods = target.prototype[methodConfig.methodName];
+        //#region handle electron ipc request
         if (Helpers.isElectron) {
             target.prototype[methodConfig.methodName] = function (...args) {
                 const received = new Promise(async (resolve, reject) => {
@@ -4754,7 +5534,7 @@ class EndpointContext {
                                 method: methodConfig.type,
                                 url: `${ctx.uri.origin}${'' // TODO express path
                                 }${methodConfig.path} `,
-                            }, Helpers.isBlob(body) || _$1.isString(body)
+                            }, Helpers.isBlob(body) || _.isString(body)
                                 ? body
                                 : JSON.stringify(body), RestHeaders.from(headers), void 0, () => body);
                             resolve(res);
@@ -4773,6 +5553,8 @@ class EndpointContext {
             };
             return;
         }
+        //#endregion
+        //#region handling web sql request
         /* */
         /* */
         /* */
@@ -4915,7 +5697,12 @@ class EndpointContext {
         /* */
         /* */
         /* */
+        //#endregion
+        //#region handle normal request
         target.prototype[methodConfig.methodName] = function (...args) {
+            // console.log('[init method browser] FRONTEND expressPath', expressPath)
+            // const productionMode = FrameworkContext.isProductionMode;
+            //#region resolve frontend parameters
             if (!storage[Symbols.old.ENDPOINT_META_CONFIG])
                 storage[Symbols.old.ENDPOINT_META_CONFIG] = {};
             if (!storage[Symbols.old.ENDPOINT_META_CONFIG][ctx.uri.href])
@@ -4980,12 +5767,13 @@ class EndpointContext {
                         if (mapping) {
                             rest.headers.set(Symbols.old.MAPPING_CONFIG_HEADER_QUERY_PARAMS, JSON.stringify(mapping));
                         }
-                        queryParams = _$1.cloneDeep(param);
+                        queryParams = _.cloneDeep(param);
                     }
                 }
                 if (currentParam.paramType === 'Header') {
                     if (currentParam.paramName) {
                         if (currentParam.paramName === Symbols.old.MDC_KEY) {
+                            // parese MDC
                             rest.headers.set(currentParam.paramName, encodeURIComponent(JSON.stringify(param)));
                         }
                         else {
@@ -5006,14 +5794,14 @@ class EndpointContext {
                         if (ClassHelpers.getName(bodyObject) === 'FormData') {
                             throw new Error(`[taon - framework] Don use param names when posting / putting FormData.
               Use this:
-
+// ...
 (@Taon.Http.Param.Body() formData: FormData) ...
-
+// ...
 
 instead
-
+  // ...
   (@Taon.Http.Param.Body('${currentParam.paramName}') formData: FormData) ...
-
+// ...
 `);
                         }
                         const mapping = Mapping.decode(param, !ctx.isProductionMode);
@@ -5046,6 +5834,7 @@ instead
                 }));
                 rest.headers.set(Symbols.old.CIRCURAL_OBJECTS_MAP_QUERY_PARAM, JSON10.stringify(circuralFromQueryParams));
             }
+            //#endregion
             const httpResultObj = {
                 received: isWithBody
                     ? rest.model(pathPrams)[method](bodyObject, [queryParams])
@@ -5053,12 +5842,13 @@ instead
             };
             return httpResultObj;
         };
+        //#endregion
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/endpoint-context.ts
 
+//#endregion
 const ENV$1 = Helpers.isBrowser ? window['ENV'] : global['ENV'];
+// @Injectable({ providedIn: 'root' }) TODO make it angular service
 class TaonAdminService {
     static get Instance() {
         if (!this._instance) {
@@ -5066,7 +5856,12 @@ class TaonAdminService {
         }
         return this._instance;
     }
+    //#endregion
+    //#endregion
+    //#region constructor
     constructor() {
+        //#endregion
+        //#region fields & getters
         this.scrollableEnabled = false; // TOOD false by default
         this.onEditMode = new Subject();
         this.onEditMode$ = this.onEditMode.asObservable();
@@ -5074,10 +5869,15 @@ class TaonAdminService {
         TaonAdminService._instance = this;
         this.scrollableEnabled = !!ENV$1?.useGlobalNgxScrollbar;
     }
+    //#endregion
+    //#region methods
     setEditMode(value) {
         this.onEditMode.next(value);
     }
     setKeepWebsqlDbDataAfterReload(value) {
+        // if (value && !this.keepWebsqlDbDataAfterReload) {
+        //   this.firstTimeKeepWebsqlDbDataTrue = true;
+        // }
         this.keepWebsqlDbDataAfterReload = value;
     }
     hide() {
@@ -5106,9 +5906,12 @@ __decorate([
     (Stor.property.in.localstorage.for(TaonAdminService).withDefaultValue(false)),
     __metadata("design:type", Boolean)
 ], TaonAdminService.prototype, "keepWebsqlDbDataAfterReload", void 0);
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-admin-mode-configuration/taon-admin.service.ts
 
+//#region imports
+//#endregion
+// import { Symbols } from './symbols';
+// import { Taon } from 'taon/src';
+//#endregion
 const createContextTemplate = (configFn) => {
     return () => {
         return createContext(configFn);
@@ -5118,29 +5921,52 @@ const createContext = (configFn) => {
     let config = configFn(ENV$2);
     const endpointContextRef = new EndpointContext(config, configFn);
     const res = {
+        //#region types
         types: {
+            //#region entites for
+            // get entities() {
+            //   return config.entities;
+            // },
+            // entitiesFor(classInstace: BaseInjector) {
+            //   const ctx = classInstace.__endpoint_context__;
+            //   if (!entitiesCache[ctx.contextName]) {
+            //     entitiesCache[ctx.contextName] = {};
+            //     for (const entityClassName of Object.keys(config.entities)) {
+            //       entitiesCache[ctx.contextName][entityClassName] =
+            //         config.entities[entityClassName][
+            //           Taon.symbols.orignalClassClonesObj
+            //         ][ctx.contextName];
+            //     }
+            //   }
+            //   return entitiesCache[ctx.contextName] as typeof config.entities;
+            // },
+            //#endregion
             get controllers() {
-                return config.controllers;
+                return config.controllers; // TODO QUICK_FIX new typescript generated wrong types
             },
             get repositories() {
-                return config.repositories;
+                return config.repositories; // TODO QUICK_FIX new typescript generated wrong types
             },
             get providers() {
-                return config.providers;
+                return config.providers; // TODO QUICK_FIX new typescript generated wrong types
             },
             get subscribers() {
-                return config.subscribers;
+                return config.subscribers; // TODO QUICK_FIX new typescript generated wrong types
             },
             get migrations() {
-                return config.migrations;
+                return config.migrations; // TODO QUICK_FIX new typescript generated wrong types
             },
         },
+        //#endregion
+        //#region contexts
         get contexts() {
-            return config.contexts;
+            return config.contexts; // TODO QUICK_FIX new typescript generated wrong types
         },
         get contextName() {
             return config.contextName;
         },
+        //#endregion
+        //#region context
         /**
          * @deprecated
          * - get reference to internal context
@@ -5166,13 +5992,29 @@ const createContext = (configFn) => {
         getClass(ctor) {
             const classFun = endpointContextRef.getClassFunByClass(ctor);
             return classFun;
+            //#region old
+            // TODO hmmmm for now context for controller inside api service
+            // const allContexts = Object.values(classFun[Symbols.orignalClassClonesObj] || {}).map(classFn => {
+            //   return {
+            //     ctx: classFn[Symbols.ctxInClassOrClassObj] as EndpointContext,
+            //     classFn,
+            //   }
+            // })
+            // const activeContext = allContexts.find(c => c.ctx.inited);
+            // debugger
+            // console.log('activeContext', activeContext.ctx.contextName);
+            // return activeContext.ctx.getClassFunByClass(ctor) as any;
+            //#endregion
         },
+        //#endregion
+        //#region initialize
         /**
          * - create controller instances for context
          * - init database (if enable) + migation scripts
          */
         initialize: async (overrideOptions) => {
             return await new Promise(async (resolve, reject) => {
+                //#region init in set timeout
                 setTimeout(async () => {
                     await endpointContextRef.init({
                         ...overrideOptions,
@@ -5184,14 +6026,21 @@ const createContext = (configFn) => {
                     await endpointContextRef.initSubscribers();
                     await endpointContextRef.initDatabaseConnection();
                     await endpointContextRef.dbMigrations.ensureMigrationTableExists();
+                    // console.log(
+                    //   'connection subscribers',
+                    //   endpointContextRef?.connection?.subscribers,
+                    // );
+                    // debugger;
                     endpointContextRef.initControllers();
                     endpointContextRef.startServer();
                     /* */
                     /* */
                     await endpointContextRef.initClasses();
                     let keepWebsqlDbDataAfterReload = false;
+                    //#region @browser
                     keepWebsqlDbDataAfterReload =
                         TaonAdminService.Instance?.keepWebsqlDbDataAfterReload;
+                    //#endregion
                     if (!Helpers.isNode && keepWebsqlDbDataAfterReload) {
                         !UtilsOs.isRunningInCliMode() &&
                             Helpers.info(`[taon] Keeping websql data after reload ` +
@@ -5203,6 +6052,19 @@ const createContext = (configFn) => {
                                 `(context=${endpointContextRef.contextName}).`);
                         await endpointContextRef.reinitControllers();
                     }
+                    //#region TODO this may be usefull but for now
+                    // 2 separate contexts are fine
+                    // const shouldStartRemoteHost = endpointContextRef.mode !== 'remote-backend(tcp+udp)';
+                    // if(shouldStartRemoteHost) {
+                    //   const endpointContextRemoteHostRef = new EndpointContext(config, configFn);
+                    //   await endpointContextRemoteHostRef.init({
+                    //     overrideRemoteHost: endpointContextRef.host,
+                    //     overrideHost: null,
+                    //   });
+                    //   endpointContextRemoteHostRef.initMetadata();
+                    //   endpointContextRef.__contextForControllerInstanceAccess = endpointContextRemoteHostRef;
+                    // }
+                    //#endregion
                     if (endpointContextRef.onlyMigrationRun) {
                         await endpointContextRef.dbMigrations.runAllNotCompletedMigrations();
                     }
@@ -5214,6 +6076,7 @@ const createContext = (configFn) => {
                     }
                     resolve(endpointContextRef);
                 });
+                //#endregion
             });
         },
         /**
@@ -5233,8 +6096,7 @@ const createContext = (configFn) => {
     };
     return res;
 };
-;
-({}); // @--end-of-file-for-module=taon lib/create-context.ts
+//#endregion
 
 const BaseContext = createContext(() => ({
     contextName: 'BaseContext',
@@ -5244,8 +6106,6 @@ const BaseContext = createContext(() => ({
         BaseRepository,
     },
 }));
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-context.ts
 
 var baseContext = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -5264,8 +6124,6 @@ function TaonSubscriber(options) {
 }
 class TaonSubscriberOptions extends Models.DecoratorAbstractOpt {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/classes/subscriber-decorator.ts
 
 let BaseSubscriberForEntity = class BaseSubscriberForEntity extends BaseInjector {
     /**
@@ -5279,6 +6137,7 @@ let BaseSubscriberForEntity = class BaseSubscriberForEntity extends BaseInjector
      * Called before query execution.
      */
     beforeQuery(event) {
+        // BeforeQueryEvent<any>
         this.ctx.logDb &&
             console.log(`BEFORE QUERY: `, event.query);
     }
@@ -5286,6 +6145,7 @@ let BaseSubscriberForEntity = class BaseSubscriberForEntity extends BaseInjector
      * Called after query execution.
      */
     afterQuery(event) {
+        // AfterQueryEvent<any>
         this.ctx.logDb &&
             console.log(`AFTER QUERY: `, event.query);
     }
@@ -5407,8 +6267,6 @@ BaseSubscriberForEntity = __decorate([
         className: 'BaseSubscriberForEntity',
     })
 ], BaseSubscriberForEntity);
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-subscriber-for-entity.ts
 
 class BaseMigration extends BaseInjector {
     /**
@@ -5418,7 +6276,7 @@ class BaseMigration extends BaseInjector {
         return true;
     }
     getDescription() {
-        return _$1.startCase(ClassHelpers.getName(this));
+        return _.startCase(ClassHelpers.getName(this));
     }
     async up(queryRunner) {
         console.log(`[BaseMigration] Running migration UP "${ClassHelpers.getName(this)}"`);
@@ -5427,8 +6285,6 @@ class BaseMigration extends BaseInjector {
         console.log(`[BaseMigration] Running migration DOWN "${ClassHelpers.getName(this)}"`);
     }
 }
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base-migration.ts
 
 var Base;
 (function (Base) {
@@ -5443,8 +6299,6 @@ var Base;
     Base.Migration = BaseMigration;
     Base.Context = BaseContext;
 })(Base || (Base = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/base-classes/base.ts
 
 /* */
 /* */
@@ -5456,7 +6310,8 @@ function TaonEntity(options) {
         options = options || {};
         options.uniqueKeyProp = options.uniqueKeyProp || 'id';
         ClassHelpers.setName(constructor, options?.className);
-        Mapping.DefaultModelWithMapping(options?.defaultModelValues || {}, _$1.merge(options?.defaultModelMapping || {}, (options?.defaultModelMappingDeep || {})))(constructor);
+        Mapping.DefaultModelWithMapping(options?.defaultModelValues || {}, _.merge(options?.defaultModelMapping || {}, (options?.defaultModelMappingDeep || {})))(constructor);
+        // TODO when entit metadata generator read use this
         Mapping.DefaultModelWithMapping(void 0, {})(constructor);
         Reflect.defineMetadata(Symbols.metadata.options.entity, options, constructor);
         Reflect.defineMetadata(Symbols.metadata.className, options?.className || constructor.name, constructor);
@@ -5467,8 +6322,6 @@ function TaonEntity(options) {
 }
 class TaonEntityOptions extends Models.DecoratorAbstractOpt {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/classes/entity-decorator.ts
 
 /**
  * Provider decorator
@@ -5482,8 +6335,6 @@ function TaonProvider(options) {
 }
 class TaonProviderOptions extends Models.DecoratorAbstractOpt {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/classes/provider-decorator.ts
 
 /**
  * Migration decorator
@@ -5497,8 +6348,6 @@ function TaonMigration(options) {
 }
 class TaonMigrationOptions extends Models.DecoratorAbstractOpt {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/decorators/classes/migration-decorator.ts
 
 const inject = (entity) => {
     return new Proxy({}, {
@@ -5511,6 +6360,7 @@ const inject = (entity) => {
             const resultContext = contextFromClass;
             if (resultContext) {
                 let instance = resultContext.inject(ctor);
+                // console.log('instance', instance);
                 if (propName === 'getOriginalPrototype') {
                     return () => Object.getPrototypeOf(instance);
                 }
@@ -5522,17 +6372,69 @@ const inject = (entity) => {
                 const methodOrProperty = isMethods
                     ? instance[propName].bind(instance)
                     : instance[propName];
+                // console.log(
+                //   `methodOrProperty from proxy ${propName?.toString()} = isMethods:${isMethods}`,
+                //   methods,
+                // );
                 return methodOrProperty;
             }
-            return inject$1(ctor)[propName];
         },
     });
 };
+// export const injectController = inject;
+// export type SubscriptionEvent<T> = {
+//   name: keyof T;
+//   data: any;
+// };
 /**
  * TODO
  */
-;
-({}); // @--end-of-file-for-module=taon lib/inject.ts
+// export const injectEntityEvents = <T>(
+//   subscriberClassResolveFn: () => new (...args: any[]) => T,
+//   eventName?: keyof Omit<EntitySubscriberInterface,'listenTo'> ,
+// ): Observable<SubscriptionEvent<T>> => {
+//   const eventsSrc = new Subject<SubscriptionEvent<T>>();
+//   const obs = eventsSrc.asObservable();
+//   let isFirstSubscription = true;
+//   const proxyObservable = new Proxy(obs, {
+//     get(target, prop, receiver) {
+//       if (prop === 'subscribe') {
+//         return (...args: any[]) => {
+//           if (isFirstSubscription) {
+//             isFirstSubscription = false;
+//             const subscriberClassFN: typeof BaseClass =
+//               subscriberClassResolveFn() as any;
+//             const ctx = subscriberClassFN[
+//               Symbols.ctxInClassOrClassObj
+//             ] as EndpointContext;
+//             if (!ctx) {
+//               throw new Error(
+//                 `You are trying to inject class without context. Use context like this:
+//               class MyClassSubscriber extends BaseSubscriber {
+//                   ${eventName as any}() {
+//                     \/\/ your code here
+//                   }
+//               }
+//               Taon.injectSubscriberEvents( MyContext.getInstance(()=> MyClassSubscriber), '${eventName as any}' )
+//               `,
+//               );
+//             }
+//             const subscriberInstance = ctx.getInstanceBy(subscriberClassFN);
+//             // subscriberInstance TODO @LAST subscriber event from instance
+//             // const entity = subscriberClassFN.prototype.listenTo();
+//             console.log('First subscription, you can access arguments here:', {
+//               subscriberClassFN,
+//               eventName,
+//             });
+//           }
+//           return target.subscribe(...args);
+//         };
+//       }
+//       return Reflect.get(target, prop, receiver);
+//     },
+//   });
+//   return proxyObservable as Observable<SubscriptionEvent<T>>;
+// };
 
 const log$1 = Log.create(`[taon-helpers] long-press`, Level.__NOTHING);
 class TaonLongPress {
@@ -5544,7 +6446,7 @@ class TaonLongPress {
         this.mouseX = 0;
         this.mouseY = 0;
         this.allowTrigger = false;
-        this.triggerEnd = _$1.debounce(() => {
+        this.triggerEnd = _.debounce(() => {
             this.endPress();
         }, 500);
     }
@@ -5555,6 +6457,7 @@ class TaonLongPress {
         return this.longPressing;
     }
     onMouseDown(event) {
+        // don't do right/middle clicks
         log$1.d(`MOUSE DOWN `);
         if (event.which !== 1)
             return;
@@ -5641,8 +6544,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 type: HostListener,
                 args: ['mouseup']
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/directives/taon-long-press.directive.ts
 
 class TaonInjectHTMLDirective {
     set taonInjectHTML(content) {
@@ -5663,15 +6564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { taonInjectHTML: [{
                 type: Input
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/directives/taon-inject-html.directive.ts
 
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
 class SafePipe {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
@@ -5702,12 +6595,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/directives/safe.pipe.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/directives/index.ts
+//#region @browser
+//#endregion
 
+//#region @browser
 class TaonFullMaterialModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonFullMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: TaonFullMaterialModule, exports: [A11yModule,
@@ -5841,9 +6733,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     ],
                 }]
         }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-full-material.module.ts
 
+//#region @browser
 class TaonGithubForkMeCornerComponent {
     constructor() {
         this.url = 'https://github.com';
@@ -5857,9 +6748,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         }], propDecorators: { url: [{
                 type: Input
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-github-fork-me-corner/taon-github-fork-me-corner.component.ts
 
+//#region @browser
 class TaonGithubForkMeCornerModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonGithubForkMeCornerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: TaonGithubForkMeCornerModule, declarations: [TaonGithubForkMeCornerComponent], imports: [CommonModule], exports: [TaonGithubForkMeCornerComponent] }); }
@@ -5874,20 +6764,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     providers: [],
                 }]
         }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-github-fork-me-corner/taon-github-fork-me-corner.module.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-github-fork-me-corner/index.ts
+//#region @browser
+//#endregion
 
-/* */
-/* */
+//#region @browser
 class TaonNotificationsService {
     constructor(toast) {
         this.toast = toast;
     }
     options(type, options) {
-        if (_$1.isString(options)) {
+        if (_.isString(options)) {
             options = {
                 // @ts-ignore
                 title: options,
@@ -5920,9 +6807,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: i1$1.HotToastService }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-notifications/taon-notifications.service.ts
 
+//#region @browser
 class TaonNotificationsComponent {
     constructor(notification) {
         this.notification = notification;
@@ -5931,6 +6817,10 @@ class TaonNotificationsComponent {
     init(subscribtionsArray, template, callback) {
         subscribtionsArray.push(Resource.listenErrors.subscribe(err => {
             this.notification.error(err.msg);
+            // subscribtionsArray.push(notify.onTap.subscribe(() => {
+            //   callback(err);
+            //   this.modal.open(template);
+            // }) as any);
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonNotificationsComponent, deps: [{ token: TaonNotificationsService }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -5940,14 +6830,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             type: Component,
             args: [{ selector: 'taon-notifications', standalone: false, template: "<!-- <p>\n  notyfications works!\n</p> -->\n", styles: [":host{position:absolute;width:0px;height:0px}\n"] }]
         }], ctorParameters: () => [{ type: TaonNotificationsService }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-notifications/taon-notifications.component.ts
 
 class TaonNotificationOptions {
 }
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-notifications/taon-notifications.models.ts
+//#endregion
 
+//#region @browser
 class TaonNotificationsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonNotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: TaonNotificationsModule, declarations: [TaonNotificationsComponent], exports: [TaonNotificationsComponent] }); }
@@ -5956,17 +6844,21 @@ class TaonNotificationsModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonNotificationsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
+                    imports: [
+                    // CommonModule,
+                    // BrowserAnimationsModule, // required animations module
+                    // HotToastModule.forRoot({
+                    //   position: 'top-right',
+                    // }),
+                    ],
                     exports: [TaonNotificationsComponent],
                     declarations: [TaonNotificationsComponent],
                     providers: [TaonNotificationsService],
                 }]
         }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-notifications/taon-notifications.module.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-notifications/index.ts
+//#region @browser
+//#endregion
 
 class TaonSessionPasscodeComponent {
     constructor(element, domSanitizer, cdr) {
@@ -5989,6 +6881,13 @@ class TaonSessionPasscodeComponent {
 
       `;
         }
+        // console.log({
+        //   'lastPasscode': this.lastPasscode,
+        //   'current passcode': this.passcode,
+        //   'current message': this.message,
+        // })
+        // this.width = window.innerWidth;
+        // this.height = window.innerHeight;
         this.safeMessage = this.domSanitizer.bypassSecurityTrustHtml(this.message);
         if (this.lastPasscode?.toString() === this.passcode?.toString()) {
             this.hide();
@@ -6060,14 +6959,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 type: HostBinding,
                 args: ['style.display']
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-session-passcode/taon-session-passcode.component.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-session-passcode/index.ts
+//#region @browser
+//#endregion
 
+//#region @browser
+// import { Models } from 'tnp-models';
+// import type { TaonAdmin } from '../taon-admin-mode-configuration';
 const calculatePercentage = (loaded, total) => Math.floor(loaded * 1.0) / total;
 class TaonProgressBarComponent {
+    // options: NgProgressConfig = _.merge(
+    //   {
+    //     min: 8,
+    //     max: 100,
+    //     speed: 200,
+    //     trickleSpeed: 300,
+    //     debounceTime: 0,
+    //     ease: 'linear',
+    //     spinnerPosition: 'right',
+    //     direction: 'ltr+',
+    //     color: 'gray',
+    //     fixed: true,
+    //     meteor: true,
+    //     spinner: true,
+    //     thick: false,
+    //   },
+    //   _.get(ENV, `plugins['ngx-progressbar']`),
+    // );
     constructor() {
         this.handlers = [];
     }
@@ -6076,9 +6994,48 @@ class TaonProgressBarComponent {
         this.handlers.forEach(h => h.unsubscribe());
     }
     ngAfterViewInit() {
+        // this.labProgress.set(20)
         this.loadProgressBar(void 0, axios);
     }
     loadProgressBar(config, instance = axios) {
+        // let requestsCounter = 0;
+        // const setupStartProgress = () => {
+        //   instance.interceptors.request.use(config => {
+        //     requestsCounter++;
+        //     this.labProgress.start();
+        //     return config;
+        //   });
+        // };
+        // const setupUpdateProgress = () => {
+        //   const update = e => {
+        //     // NProgress.inc(calculatePercentage(e.loaded, e.total))
+        //     const percentage = calculatePercentage(e.loaded, e.total) * 100;
+        //     // console.log(`loaded: ${e.loaded}, total: ${e.total} , pecent: ${percentage}`)
+        //     this.labProgress.inc(percentage);
+        //   };
+        //   instance.defaults.onDownloadProgress = update;
+        //   instance.defaults.onUploadProgress = update;
+        // };
+        // const setupStopProgress = () => {
+        //   const responseFunc = response => {
+        //     if (--requestsCounter === 0) {
+        //       this.labProgress.complete();
+        //       // NProgress.done()
+        //     }
+        //     return response;
+        //   };
+        //   const errorFunc = error => {
+        //     if (--requestsCounter === 0) {
+        //       this.labProgress.complete();
+        //       // NProgress.done()
+        //     }
+        //     return Promise.reject(error);
+        //   };
+        //   instance.interceptors.response.use(responseFunc, errorFunc);
+        // };
+        // setupStartProgress();
+        // setupUpdateProgress();
+        // setupStopProgress();
         /* */
         /* */
         /* */
@@ -6140,9 +7097,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], isDesktop: [{
                 type: Input
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-progress-bar/taon-progress-bar.component.ts
 
+//#region @browser
+// import { NgProgressConfig, NgProgressModule } from 'ngx-progressbar';
 class TaonProgressBarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: TaonProgressBarModule, declarations: [TaonProgressBarComponent], imports: [CommonModule], exports: [TaonProgressBarComponent] }); }
@@ -6152,17 +7109,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             type: NgModule,
             args: [{
                     imports: [CommonModule,
+                        // NgProgressModule.withConfig({})
                     ],
                     declarations: [TaonProgressBarComponent],
                     exports: [TaonProgressBarComponent],
                 }]
         }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-progress-bar/taon-progress-bar.module.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-progress-bar/index.ts
+//#region @browser
+//#endregion
 
+//#region imports
+//#endregion
+//#region constants
 const log = Log.create('Table wrapper', Level.__NOTHING);
 const defaultColumns = [
     {
@@ -6174,8 +7133,10 @@ const defaultColumns = [
         field: 'name',
     },
 ];
+//#endregion
 class TaonTableComponent {
     constructor() {
+        //#region fields
         this.pageNumber = 1;
         this.pageSize = 5;
         this.allowedColumns = [];
@@ -6189,27 +7150,36 @@ class TaonTableComponent {
         this.pageSizeOptions = [5, 10, 20];
         this.expansionChange = new EventEmitter();
         this.addingItem = new EventEmitter();
-        this.searchInputChange$ = defer(() => fromEvent(this.search?.nativeElement, 'keyup')).pipe(map(c => c.target['value']), debounceTime(500), distinctUntilChanged(), share(), tap(data => {
-            console.log({ data });
-        }));
         this.expandable = false;
         this.showPaginator = true;
         this.isLoading = false;
         this.totalElements = 100;
         this.sub = new Subscription();
     }
+    //#endregion
+    get entity() {
+        return this.entityCrudController?.entityClassResolveFn();
+    }
+    //#region hooks
+    //#region hooks / on init
     async ngOnInit() {
-        if (_.isString(this.entity)) {
-            this.entity = CLASS.getBy(this.entity);
+        if (!this.hideSearch) {
+            this.searchInputChange$ = defer(() => fromEvent(this.search?.nativeElement, 'keyup')).pipe(map(c => c.target['value']), debounceTime(500), distinctUntilChanged(), share(), tap(data => {
+                console.log({ data });
+            }));
+            this.sub.add(this.searchInputChange$.subscribe());
         }
-        this.sub.add(this.searchInputChange$.subscribe());
-        if (!!this.entity) {
+        const entityClass = this.entity;
+        if (!!entityClass) {
             this.rows = [];
         }
         this.expandable = !!this.expansionTemplate;
+        // this.arrayDataConfig.set.pagination.rowDisplayed(5);
         log.i('this.columns,', this.columns);
         const columnsConfigSameAsDefault = _.isEqual(this.columns, defaultColumns);
-        const entityClass = this.entity;
+        // console.log({
+        //   columnsConfigSameAsDefault
+        // })
         if (entityClass && columnsConfigSameAsDefault) {
             log.i('this.crud.entity', CLASS.describeProperites(entityClass));
             try {
@@ -6234,6 +7204,9 @@ class TaonTableComponent {
                         };
                     }),
                 ];
+                // console.log({
+                //   extra
+                // });
                 if (!this.expandable) {
                     for (let index = 0; index < columns.length; index++) {
                         const col = columns[index];
@@ -6251,46 +7224,99 @@ class TaonTableComponent {
         if (!this.entity) {
             this.showPaginator = false;
         }
-        await this.retriveData();
+        await this.getData();
     }
+    //#endregion
+    //#region hooks / on destroy
     ngOnDestroy() {
         this.sub.unsubscribe();
     }
+    //#endregion
+    //#endregion
+    //#region methods
+    //#region methods / get next page
     async getNextPage(e) {
+        // console.log({
+        //   e
+        // });
         this.pageNumber = e.pageIndex + 1;
         this.pageSize = e.pageSize;
-        await this.retriveData();
+        await this.getData();
     }
-    async retriveData() {
+    //#endregion
+    //#region methods / retrive data
+    async getData() {
+        if (!this.entity) {
+            return;
+        }
+        this.isLoading = true;
+        // console.log('PAGINTION FETCH DATA START!')
+        const controller = this.entityCrudController;
+        if (controller) {
+            const data = await controller.pagination(this.pageNumber, this.pageSize)
+                .received;
+            // console.log('PAGINTION DATA', {
+            //   data,
+            // });
+            const totalElements = Number(data.headers.get(Taon.symbols.old.X_TOTAL_COUNT));
+            const rows = data.body.json;
+            // console.log('PAGINTION DATA', {
+            //   rows,
+            //   totalElements,
+            // });
+            this.totalElements = totalElements;
+            this.rows = rows.map(d => {
+                for (const key in d) {
+                    if (Object.prototype.hasOwnProperty.call(d, key)) {
+                        const elem = d[key];
+                        if (_.isObject(elem)) {
+                            d[key] = json5.stringify(d[key]);
+                        }
+                    }
+                }
+                // console.log({ d })
+                return d;
+            });
+        }
+        this.isLoading = false;
     }
+    //#endregion
+    //#region methods / expansion row
     expansionRow(e) {
         this.expansionChange.next(e);
     }
+    //#endregion
+    //#region methods / on table context menu
     onTableContextMenu(e) {
+        // if (this.rowHref) {
+        //   this.router.navigateByUrl(this.rowHref)
+        // }
         log.i('context menu event', e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: TaonTableComponent, isStandalone: false, selector: "taon-table", inputs: { pageNumber: "pageNumber", pageSize: "pageSize", allowedColumns: "allowedColumns", entity: "entity", expansionTemplate: "expansionTemplate", rows: "rows", columns: "columns", pageSizeOptions: "pageSizeOptions" }, outputs: { expansionChange: "expansionChange", addingItem: "addingItem" }, viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, static: true }], ngImport: i0, template: "<br />\n<columns-container>\n  <column grow>\n    <mat-form-field class=\"search-input\">\n      <input matInput placeholder=\"Type to search table...\" #search />\n    </mat-form-field>\n  </column>\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      [ngClass]=\"{ 'half-opacity': !search.value }\"\n      class=\"undo-button\"\n      color=\"secondary\"\n      (click)=\"search.value = ''\">\n      <mat-icon>close </mat-icon>\n    </button>\n  </column>\n\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      (click)=\"addingItem.next()\"\n      class=\"undo-button\"\n      color=\"primary\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </column>\n</columns-container>\n\n<mtx-grid\n  *ngIf=\"rows && columns\"\n  [data]=\"rows\"\n  [columns]=\"columns\"\n  [expandable]=\"expandable\"\n  [expansionTemplate]=\"expansionTemplate\"\n  (expansionChange)=\"expansionRow($event)\"\n  [length]=\"totalElements\"\n  [loading]=\"isLoading\"\n  [pageOnFront]=\"false\"\n  [pageIndex]=\"pageNumber - 1\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  [showPaginator]=\"showPaginator\"\n  (page)=\"getNextPage($event)\">\n</mtx-grid>\n", styles: [":host{min-height:250px}.search-input{width:100%}.undo-button{margin-left:10px}.half-opacity{opacity:.2}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MtxGrid, selector: "mtx-grid", inputs: ["displayedColumns", "columns", "data", "length", "loading", "trackBy", "columnResizable", "emptyValuePlaceholder", "pageOnFront", "showPaginator", "pageDisabled", "showFirstLastButtons", "pageIndex", "pageSize", "pageSizeOptions", "hidePageSize", "paginationTemplate", "sortOnFront", "sortActive", "sortDirection", "sortDisableClear", "sortDisabled", "sortStart", "rowHover", "rowStriped", "expandable", "expansionTemplate", "multiSelectable", "multiSelectionWithClick", "rowSelectable", "hideRowSelectionCheckbox", "disableRowClickSelection", "rowSelectionFormatter", "rowClassFormatter", "rowSelected", "cellSelectable", "showToolbar", "toolbarTitle", "toolbarTemplate", "columnHideable", "columnHideableChecked", "columnSortable", "columnPinnable", "columnPinOptions", "showColumnMenuButton", "columnMenuButtonText", "columnMenuButtonType", "columnMenuButtonColor", "columnMenuButtonClass", "columnMenuButtonIcon", "columnMenuButtonFontIcon", "columnMenuButtonSvgIcon", "showColumnMenuHeader", "columnMenuHeaderText", "columnMenuHeaderTemplate", "showColumnMenuFooter", "columnMenuFooterText", "columnMenuFooterTemplate", "noResultText", "noResultTemplate", "headerTemplate", "headerExtraTemplate", "cellTemplate", "useContentRowTemplate", "useContentHeaderRowTemplate", "useContentFooterRowTemplate", "showSummary", "summaryTemplate", "showSidebar", "sidebarTemplate", "showStatusbar", "statusbarTemplate"], outputs: ["page", "sortChange", "rowClick", "rowContextMenu", "expansionChange", "rowSelectedChange", "cellSelectedChange", "columnChange"], exportAs: ["mtxGrid"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.ColumnsComponent, selector: "columns-container" }, { kind: "component", type: i1$2.ColumnComponent, selector: "column", inputs: ["width"] }, { kind: "directive", type: i1$2.DirectiveGrow, selector: "[grow]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: TaonTableComponent, isStandalone: false, selector: "taon-table", inputs: { pageNumber: "pageNumber", pageSize: "pageSize", allowedColumns: "allowedColumns", expansionTemplate: "expansionTemplate", rows: "rows", entityCrudController: "entityCrudController", columns: "columns", pageSizeOptions: "pageSizeOptions", hideSearch: "hideSearch" }, outputs: { expansionChange: "expansionChange", addingItem: "addingItem" }, viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, static: true }], ngImport: i0, template: "<br />\n<columns-container *ngIf=\"!hideSearch\">\n  <column grow>\n    <mat-form-field class=\"search-input\">\n      <input\n        matInput\n        placeholder=\"Type to search table...\"\n        #search />\n    </mat-form-field>\n  </column>\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      [ngClass]=\"{ 'half-opacity': !search.value }\"\n      class=\"undo-button\"\n      color=\"secondary\"\n      (click)=\"search.value = ''\">\n      <mat-icon>close </mat-icon>\n    </button>\n  </column>\n\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      (click)=\"addingItem.next()\"\n      class=\"undo-button\"\n      color=\"primary\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </column>\n</columns-container>\n\n<mtx-grid\n  *ngIf=\"rows && columns\"\n  [data]=\"rows\"\n  [columns]=\"columns\"\n  [expandable]=\"expandable\"\n  [expansionTemplate]=\"expansionTemplate\"\n  (expansionChange)=\"expansionRow($event)\"\n  [length]=\"totalElements\"\n  [loading]=\"isLoading\"\n  [pageOnFront]=\"false\"\n  [pageIndex]=\"pageNumber - 1\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  [showPaginator]=\"showPaginator\"\n  (page)=\"getNextPage($event)\">\n</mtx-grid>\n", styles: [":host{min-height:250px}.search-input{width:100%}.undo-button{margin-left:10px}.half-opacity{opacity:.2}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MtxGrid, selector: "mtx-grid", inputs: ["displayedColumns", "columns", "data", "length", "loading", "trackBy", "columnResizable", "emptyValuePlaceholder", "pageOnFront", "showPaginator", "pageDisabled", "showFirstLastButtons", "pageIndex", "pageSize", "pageSizeOptions", "hidePageSize", "paginationTemplate", "sortOnFront", "sortActive", "sortDirection", "sortDisableClear", "sortDisabled", "sortStart", "rowHover", "rowStriped", "expandable", "expansionTemplate", "multiSelectable", "multiSelectionWithClick", "rowSelectable", "hideRowSelectionCheckbox", "disableRowClickSelection", "rowSelectionFormatter", "rowClassFormatter", "rowSelected", "cellSelectable", "showToolbar", "toolbarTitle", "toolbarTemplate", "columnHideable", "columnHideableChecked", "columnSortable", "columnPinnable", "columnPinOptions", "showColumnMenuButton", "columnMenuButtonText", "columnMenuButtonType", "columnMenuButtonColor", "columnMenuButtonClass", "columnMenuButtonIcon", "columnMenuButtonFontIcon", "columnMenuButtonSvgIcon", "showColumnMenuHeader", "columnMenuHeaderText", "columnMenuHeaderTemplate", "showColumnMenuFooter", "columnMenuFooterText", "columnMenuFooterTemplate", "noResultText", "noResultTemplate", "headerTemplate", "headerExtraTemplate", "cellTemplate", "useContentRowTemplate", "useContentHeaderRowTemplate", "useContentFooterRowTemplate", "showSummary", "summaryTemplate", "showSidebar", "sidebarTemplate", "showStatusbar", "statusbarTemplate"], outputs: ["page", "sortChange", "rowClick", "rowContextMenu", "expansionChange", "rowSelectedChange", "cellSelectedChange", "columnChange"], exportAs: ["mtxGrid"] }, { kind: "directive", type: i2$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$2.ColumnsComponent, selector: "columns-container" }, { kind: "component", type: i1$2.ColumnComponent, selector: "column", inputs: ["width"] }, { kind: "directive", type: i1$2.DirectiveGrow, selector: "[grow]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'taon-table', standalone: false, template: "<br />\n<columns-container>\n  <column grow>\n    <mat-form-field class=\"search-input\">\n      <input matInput placeholder=\"Type to search table...\" #search />\n    </mat-form-field>\n  </column>\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      [ngClass]=\"{ 'half-opacity': !search.value }\"\n      class=\"undo-button\"\n      color=\"secondary\"\n      (click)=\"search.value = ''\">\n      <mat-icon>close </mat-icon>\n    </button>\n  </column>\n\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      (click)=\"addingItem.next()\"\n      class=\"undo-button\"\n      color=\"primary\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </column>\n</columns-container>\n\n<mtx-grid\n  *ngIf=\"rows && columns\"\n  [data]=\"rows\"\n  [columns]=\"columns\"\n  [expandable]=\"expandable\"\n  [expansionTemplate]=\"expansionTemplate\"\n  (expansionChange)=\"expansionRow($event)\"\n  [length]=\"totalElements\"\n  [loading]=\"isLoading\"\n  [pageOnFront]=\"false\"\n  [pageIndex]=\"pageNumber - 1\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  [showPaginator]=\"showPaginator\"\n  (page)=\"getNextPage($event)\">\n</mtx-grid>\n", styles: [":host{min-height:250px}.search-input{width:100%}.undo-button{margin-left:10px}.half-opacity{opacity:.2}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { pageNumber: [{
+            args: [{ selector: 'taon-table', standalone: false, template: "<br />\n<columns-container *ngIf=\"!hideSearch\">\n  <column grow>\n    <mat-form-field class=\"search-input\">\n      <input\n        matInput\n        placeholder=\"Type to search table...\"\n        #search />\n    </mat-form-field>\n  </column>\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      [ngClass]=\"{ 'half-opacity': !search.value }\"\n      class=\"undo-button\"\n      color=\"secondary\"\n      (click)=\"search.value = ''\">\n      <mat-icon>close </mat-icon>\n    </button>\n  </column>\n\n  <column [width]=\"80\">\n    <button\n      mat-fab\n      (click)=\"addingItem.next()\"\n      class=\"undo-button\"\n      color=\"primary\">\n      <mat-icon>add</mat-icon>\n    </button>\n  </column>\n</columns-container>\n\n<mtx-grid\n  *ngIf=\"rows && columns\"\n  [data]=\"rows\"\n  [columns]=\"columns\"\n  [expandable]=\"expandable\"\n  [expansionTemplate]=\"expansionTemplate\"\n  (expansionChange)=\"expansionRow($event)\"\n  [length]=\"totalElements\"\n  [loading]=\"isLoading\"\n  [pageOnFront]=\"false\"\n  [pageIndex]=\"pageNumber - 1\"\n  [pageSize]=\"pageSize\"\n  [pageSizeOptions]=\"pageSizeOptions\"\n  [showPaginator]=\"showPaginator\"\n  (page)=\"getNextPage($event)\">\n</mtx-grid>\n", styles: [":host{min-height:250px}.search-input{width:100%}.undo-button{margin-left:10px}.half-opacity{opacity:.2}\n"] }]
+        }], propDecorators: { pageNumber: [{
                 type: Input
             }], pageSize: [{
                 type: Input
             }], allowedColumns: [{
                 type: Input
-            }], entity: [{
-                type: Input
             }], expansionTemplate: [{
                 type: Input
             }], rows: [{
                 type: Input
+            }], entityCrudController: [{
+                type: Input
             }], columns: [{
                 type: Input
             }], pageSizeOptions: [{
                 type: Input
+            }], hideSearch: [{
+                type: Input
             }], expansionChange: [{
                 type: Output
             }], addingItem: [{
@@ -6299,8 +7325,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 type: ViewChild,
                 args: ['search', { static: true }]
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-table/taon-table.component.ts
 
 class TaonTableModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -6344,11 +7368,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     declarations: [TaonTableComponent],
                 }]
         }] });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-table/taon-table.module.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-table/index.ts
+//#region @browser
+//#endregion
 
 class TaonAdminModeConfigurationComponent {
     get opened() {
@@ -6364,8 +7386,11 @@ class TaonAdminModeConfigurationComponent {
         }
         this.taonAdminService.adminPanelIsOpen = v;
     }
+    //#endregion
+    //#region constructor
     constructor(breakpointsService) {
         this.breakpointsService = breakpointsService;
+        //#region fields & getters
         this.$destroy = new Subject();
         this.cdr = inject$1(ChangeDetectorRef);
         this.taonAdminService = TaonAdminService.Instance;
@@ -6375,13 +7400,13 @@ class TaonAdminModeConfigurationComponent {
         this.height = 100;
         this.openedOnce = false;
         this.reloading = false;
-        this.showPasscode = _$1.isString(ENV.passcode) || _$1.isObject(ENV.passcode);
-        this.passcode = _$1.isString(ENV.passcode)
+        this.showPasscode = _.isString(ENV.passcode) || _.isObject(ENV.passcode);
+        this.passcode = _.isString(ENV.passcode)
             ? ENV.passcode
-            : _$1.isObject(ENV.passcode)
+            : _.isObject(ENV.passcode)
                 ? ENV.passcode.code
                 : '';
-        this.message = _$1.isObject(ENV.passcode)
+        this.message = _.isObject(ENV.passcode)
             ? ENV.passcode.message
             : void 0;
         this.dragPositionZero = { x: 0, y: 0 };
@@ -6395,19 +7420,33 @@ class TaonAdminModeConfigurationComponent {
             this.isDesktop = breakpoint === 'desktop';
         });
     }
+    //#endregion
+    //#region hooks
     async ngOnInit() {
         await Stor.awaitPendingOperatios();
+        // console.log('PENDING OPERATION AWAITED ', this.selectedIndex)
+        // console.log('draggablePopupModeFullScreen ', this.taonAdminService.draggablePopupModeFullScreen)
         this.dragPosition = { x: this.dragPositionX, y: this.dragPositionY };
         this.openedOnce = this.opened;
+        // console.log('ONINIT',{
+        //   'this.openedOnce': this.openedOnce,
+        //   'this.dragPosition': this.dragPosition,
+        //   this: this
+        // })
     }
     ngAfterViewInit() {
         //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.
         //Add 'implements AfterViewInit' to the class.
         setTimeout(() => {
             this.height = window.innerHeight;
+            // TODO QUICK_FIX for draggble popup proper first index load on tabs
             if (this.taonAdminService.draggablePopupMode) {
                 this.reloadTabs();
             }
+            // const tablist = (this.tabGroup?._tabHeader?._elementRef?.nativeElement as HTMLElement).querySelector('.mat-tab-list') as HTMLElement;
+            // if (tablist) {
+            //   tablist.style.transform = 'translateX(0px)'; // TODO QUICK_FIX
+            // }
         });
     }
     ngOnDestroy() {
@@ -6417,6 +7456,8 @@ class TaonAdminModeConfigurationComponent {
     onResize(event) {
         this.height = window.innerHeight;
     }
+    //#endregion
+    //#region methods
     async reloadTabs() {
         return new Promise(resolve => {
             this.reloading = true;
@@ -6428,6 +7469,7 @@ class TaonAdminModeConfigurationComponent {
         });
     }
     async toogle() {
+        // await stor.setItem(IS_OPEN_ADMIN, !this.opened);
         this.opened = !this.opened;
     }
     async toogleFullScreen() {
@@ -6447,9 +7489,20 @@ class TaonAdminModeConfigurationComponent {
     }
     scrollTabs(event) {
         return;
+        // event?.stopPropagation();
+        // event?.stopImmediatePropagation(); // TODO not working
+        // const children = this.tabGroup._tabHeader._elementRef.nativeElement.children;
+        // const back = children[0];
+        // const forward = children[2];
+        // if (event.deltaY > 0) {
+        //   forward.click();
+        // } else {
+        //   back.click();
+        // }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: TaonAdminModeConfigurationComponent, deps: [{ token: i1$2.BreakpointsService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: TaonAdminModeConfigurationComponent, isStandalone: true, selector: "taon-admin-mode-configuration", inputs: { taonAdminModeConfigurationData: "taonAdminModeConfigurationData" }, outputs: { taonAdminModeConfigurationDataChanged: "taonAdminModeConfigurationDataChanged" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "tabGroup", first: true, predicate: ["tabGroup"], descendants: true }], ngImport: i0, template: "<!-- #region basic global components  -->\n<taon-session-passcode\n  *ngIf=\"showPasscode\"\n  [passcode]=\"passcode\"\n  [message]=\"message\" />\n<!-- <taon-progress-bar [isDesktop]=\"isDesktop\"></taon-progress-bar> -->\n<!-- <taon-notifications></taon-notifications> -->\n<button\n  mat-fab\n  class=\"fab-button\"\n  color=\"accent\"\n  aria-label=\"Taon Admin Mode\"\n  *ngIf=\"\n    !taonAdminService.draggablePopupMode &&\n    isDesktop &&\n    !isIframe &&\n    !hideTaonToolsInProduction\n  \"\n  (click)=\"toogle()\">\n  <mat-icon>build</mat-icon>\n</button>\n<!-- #endregion -->\n\n<!-- #region small hidden button -->\n<!-- <button class=\"admin-show-button\"\n        *ngIf=\"!taonAdminService.draggablePopupMode && isDesktop\"\n        (click)=\"toogle()\"> Admin </button> -->\n<!-- #endregion -->\n\n<ng-template #contentNoScroll>\n  <ng-content> </ng-content>\n</ng-template>\n\n<ng-template #content>\n  <ng-scrollbar>\n    <ng-container [ngTemplateOutlet]=\"contentNoScroll\"></ng-container>\n  </ng-scrollbar>\n</ng-template>\n\n<!-- #region admin tabs -->\n<ng-template #adminTabs>\n  <!-- #region admin tabs / header -->\n  <div class=\"taon-header-admin-wrapper\">\n    <columns-container\n      class=\"taon-header-admin\"\n      [ngClass]=\"{ 'draggable-column': taonAdminService.draggablePopupMode }\">\n      <column\n        width=\"200\"\n        class=\"logo-header\">\n        <img\n          *ngIf=\"openedOnce\"\n          src=\"assets/assets-for/taon/shared/logo-header-admin-mode.png\" />\n      </column>\n\n      <column grow>\n        <!-- <span>Super Admin Mode</span> -->\n      </column>\n\n      <column\n        width=\"40\"\n        *ngIf=\"\n          !taonAdminService.draggablePopupModeFullScreen &&\n          !taonAdminService.draggablePopupMode\n        \">\n        <button\n          mat-icon-button\n          *ngIf=\"taonAdminService.draggablePopupMode\"\n          (click)=\"\n            taonAdminService.draggablePopupMode = false;\n            opened = false;\n            wasOpenDraggablePopup = true\n          \"\n          class=\"admin-close-button\">\n          <mat-icon>close </mat-icon>\n        </button>\n\n        <button\n          mat-icon-button\n          *ngIf=\"!taonAdminService.draggablePopupMode\"\n          (click)=\"toogle()\"\n          class=\"admin-close-button\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </column>\n\n      <column width=\"40\">\n        <button\n          mat-icon-button\n          *ngIf=\"!taonAdminService.draggablePopupModeFullScreen\"\n          class=\"admin-close-button\"\n          (click)=\"toogleFullScreen()\">\n          <mat-icon>fullscreen</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          *ngIf=\"taonAdminService.draggablePopupModeFullScreen\"\n          class=\"admin-close-button\"\n          (click)=\"toogleFullScreen()\">\n          <mat-icon>close_fullscreen</mat-icon>\n        </button>\n      </column>\n\n      <column\n        width=\"40\"\n        *ngIf=\"!taonAdminService.draggablePopupModeFullScreen\">\n        <button\n          mat-icon-button\n          *ngIf=\"!taonAdminService.draggablePopupMode\"\n          (click)=\"taonAdminService.draggablePopupMode = true\"\n          class=\"admin-close-button\">\n          <mat-icon>launch</mat-icon>\n        </button>\n\n        <button\n          mat-icon-button\n          *ngIf=\"taonAdminService.draggablePopupMode\"\n          (click)=\"taonAdminService.draggablePopupMode = false; resetDrag()\"\n          class=\"admin-close-button\">\n          <mat-icon style=\"transform: rotate(180deg)\">login</mat-icon>\n        </button>\n      </column>\n    </columns-container>\n  </div>\n  <!-- #endregion -->\n\n  <columns-container\n    [ngClass]=\"{ 'draggable-column': taonAdminService.draggablePopupMode }\">\n    <column grow>\n      <mat-tab-group\n        dynamicHeight\n        (wheel)=\"scrollTabs($event)\"\n        #tabGroup\n        [selectedIndex]=\"selectedIndex\"\n        (selectedIndexChange)=\"selectedIndex = $event\">\n        <mat-tab label=\"DB/Cache\">\n          <section>\n            <mat-card>\n              <mat-card-header>\n                <mat-card-subtitle>WEBSQL MODE</mat-card-subtitle>\n              </mat-card-header>\n              <mat-card-content>\n                <mat-checkbox\n                  [disabled]=\"!isWebSQLMode\"\n                  [ngModel]=\"taonAdminService.keepWebsqlDbDataAfterReload\"\n                  (change)=\"\n                    taonAdminService.setKeepWebsqlDbDataAfterReload(\n                      $event.checked\n                    )\n                  \">\n                  Don't remove data when reloading\n                </mat-checkbox>\n              </mat-card-content>\n            </mat-card>\n          </section>\n          <br />\n          <taon-db-admin />\n        </mat-tab>\n      </mat-tab-group>\n    </column>\n  </columns-container>\n</ng-template>\n<!-- #endregion -->\n\n<!-- #region small/mobile draggable popup windows -->\n<div\n  class=\"draggable-popup-mode-window\"\n  *ngIf=\"\n    taonAdminService.draggablePopupMode &&\n    !taonAdminService.draggablePopupModeFullScreen &&\n    !isIframe\n  \"\n  cdkDrag\n  [cdkDragFreeDragPosition]=\"dragPosition\"\n  (cdkDragEnded)=\"moved($event)\">\n  <ng-scrollbar>\n    <ng-container [ngTemplateOutlet]=\"adminTabs\"></ng-container>\n  </ng-scrollbar>\n</div>\n<!-- #endregion -->\n\n<!-- #region fullscreen draggable popup window -->\n<div\n  class=\"draggable-popup-mode-window-full\"\n  *ngIf=\"\n    taonAdminService.draggablePopupMode &&\n    taonAdminService.draggablePopupModeFullScreen &&\n    !isIframe &&\n    !reloading\n  \"\n  cdkDrag\n  [cdkDragFreeDragPosition]=\"dragPositionZero\">\n  <ng-container [ngTemplateOutlet]=\"adminTabs\"></ng-container>\n</div>\n<!-- #endregion -->\n\n<!-- #region content when not in draggable (or fullscreen draggable) popup -->\n<div\n  [style.height.px]=\"height\"\n  *ngIf=\"\n    (isIframe ||\n      !isDesktop ||\n      taonAdminService.draggablePopupMode ||\n      taonAdminService.draggablePopupModeFullScreen) &&\n    !reloading\n  \"\n  style=\"width: 100%; display: block\"\n  class=\"content\">\n  <ng-container\n    [ngTemplateOutlet]=\"\n      taonAdminService.scrollableEnabled ? content : contentNoScroll\n    \"></ng-container>\n</div>\n<!-- #endregion -->\n\n<!-- #region draggable popup window -->\n<mat-drawer-container\n  *ngIf=\"!taonAdminService.draggablePopupMode && isDesktop && !isIframe\"\n  class=\"example-container\"\n  [style.height.px]=\"height\"\n  style=\"background-color: transparent\"\n  (backdropClick)=\"opened = false\"\n  [hasBackdrop]=\"false\">\n  <mat-drawer\n    #drawer\n    style=\"width: 580px\"\n    [opened]=\"opened\"\n    [mode]=\"'side'\">\n    <ng-container [ngTemplateOutlet]=\"adminTabs\"></ng-container>\n  </mat-drawer>\n  <mat-drawer-content style=\"overflow: hidden\">\n    <ng-container\n      *ngIf=\"!taonAdminService.draggablePopupMode && !reloading\"\n      [ngTemplateOutlet]=\"\n        taonAdminService.scrollableEnabled ? content : contentNoScroll\n      \"></ng-container>\n  </mat-drawer-content>\n</mat-drawer-container>\n<!-- #endregion -->\n", styles: ["section{display:block;padding:10px}section>*{margin-top:0!important;margin-bottom:10px!important}section>*:last-child{margin-bottom:0!important}:host{display:block}.draggable-column{display:block!important;width:100%!important}.admin-show-button{position:fixed;bottom:100px;left:-15px;z-index:2147483647;transform:rotate(90deg);border:0px;color:#fff;background:gray;opacity:.1;cursor:pointer}.admin-show-button:hover{opacity:1}.taon-ui-super-admin-mode{font-family:JosefinSans-Bold;text-align:right;margin-right:10px}mat-drawer{margin:0;background-color:#dcdcdc!important}.taon-header-admin-wrapper{overflow:hidden;width:100%;display:block}.taon-header-admin{background:#fff;box-shadow:0 -9px 6px 6px #000;height:47px}.taon-header-admin .logo-header img{height:18px;padding:8px;position:relative;float:left;top:7px;box-sizing:content-box;transform:scale(1.5);left:49px}.draggable-popup-mode-window{width:600px;height:500px;border:solid 1px #ccc;color:#000000de;cursor:move;justify-content:center;align-items:center;background:#fff;border-radius:4px;position:fixed;z-index:105;background-color:#dcdcdc!important;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.draggable-popup-mode-window:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.draggable-popup-mode-window-full{width:100%;height:100%;overflow:scroll;color:#000000de;justify-content:center;align-items:center;background:#fff;border-radius:4px;position:fixed;z-index:105;background-color:#dcdcdc!important}.admin-close-button{float:right}.fab-button{position:fixed;right:110px;bottom:100px;z-index:10;background-color:#dcdcdc;color:#8f8f8f}.full-tabs{padding:10px}.mat-drawer-container-full-screen{background-color:red}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: StaticColumnsModule }, { kind: "component", type: i1$2.ColumnsComponent, selector: "columns-container" }, { kind: "component", type: i1$2.ColumnComponent, selector: "column", inputs: ["width"] }, { kind: "directive", type: i1$2.DirectiveGrow, selector: "[grow]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgScrollbarModule }, { kind: "component", type: i4.NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "ngmodule", type: TaonProgressBarModule }, { kind: "ngmodule", type: TaonNotificationsModule }, { kind: "ngmodule", type: TaonFullMaterialModule }, { kind: "directive", type: i5$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i7.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i7.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i7.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "component", type: i8.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i10.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i10.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i10.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "component", type: i11.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i11.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: // TODO import only partial things
+                // TaonDbAdminComponent,
                 TaonSessionPasscodeComponent, selector: "taon-session-passcode", inputs: ["passcode", "message"] }] }); }
 }
 __decorate([
@@ -6486,6 +7539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         TaonProgressBarModule,
                         TaonNotificationsModule,
                         TaonFullMaterialModule, // TODO import only partial things
+                        // TaonDbAdminComponent,
                         TaonSessionPasscodeComponent,
                     ], template: "<!-- #region basic global components  -->\n<taon-session-passcode\n  *ngIf=\"showPasscode\"\n  [passcode]=\"passcode\"\n  [message]=\"message\" />\n<!-- <taon-progress-bar [isDesktop]=\"isDesktop\"></taon-progress-bar> -->\n<!-- <taon-notifications></taon-notifications> -->\n<button\n  mat-fab\n  class=\"fab-button\"\n  color=\"accent\"\n  aria-label=\"Taon Admin Mode\"\n  *ngIf=\"\n    !taonAdminService.draggablePopupMode &&\n    isDesktop &&\n    !isIframe &&\n    !hideTaonToolsInProduction\n  \"\n  (click)=\"toogle()\">\n  <mat-icon>build</mat-icon>\n</button>\n<!-- #endregion -->\n\n<!-- #region small hidden button -->\n<!-- <button class=\"admin-show-button\"\n        *ngIf=\"!taonAdminService.draggablePopupMode && isDesktop\"\n        (click)=\"toogle()\"> Admin </button> -->\n<!-- #endregion -->\n\n<ng-template #contentNoScroll>\n  <ng-content> </ng-content>\n</ng-template>\n\n<ng-template #content>\n  <ng-scrollbar>\n    <ng-container [ngTemplateOutlet]=\"contentNoScroll\"></ng-container>\n  </ng-scrollbar>\n</ng-template>\n\n<!-- #region admin tabs -->\n<ng-template #adminTabs>\n  <!-- #region admin tabs / header -->\n  <div class=\"taon-header-admin-wrapper\">\n    <columns-container\n      class=\"taon-header-admin\"\n      [ngClass]=\"{ 'draggable-column': taonAdminService.draggablePopupMode }\">\n      <column\n        width=\"200\"\n        class=\"logo-header\">\n        <img\n          *ngIf=\"openedOnce\"\n          src=\"assets/assets-for/taon/shared/logo-header-admin-mode.png\" />\n      </column>\n\n      <column grow>\n        <!-- <span>Super Admin Mode</span> -->\n      </column>\n\n      <column\n        width=\"40\"\n        *ngIf=\"\n          !taonAdminService.draggablePopupModeFullScreen &&\n          !taonAdminService.draggablePopupMode\n        \">\n        <button\n          mat-icon-button\n          *ngIf=\"taonAdminService.draggablePopupMode\"\n          (click)=\"\n            taonAdminService.draggablePopupMode = false;\n            opened = false;\n            wasOpenDraggablePopup = true\n          \"\n          class=\"admin-close-button\">\n          <mat-icon>close </mat-icon>\n        </button>\n\n        <button\n          mat-icon-button\n          *ngIf=\"!taonAdminService.draggablePopupMode\"\n          (click)=\"toogle()\"\n          class=\"admin-close-button\">\n          <mat-icon>close</mat-icon>\n        </button>\n      </column>\n\n      <column width=\"40\">\n        <button\n          mat-icon-button\n          *ngIf=\"!taonAdminService.draggablePopupModeFullScreen\"\n          class=\"admin-close-button\"\n          (click)=\"toogleFullScreen()\">\n          <mat-icon>fullscreen</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          *ngIf=\"taonAdminService.draggablePopupModeFullScreen\"\n          class=\"admin-close-button\"\n          (click)=\"toogleFullScreen()\">\n          <mat-icon>close_fullscreen</mat-icon>\n        </button>\n      </column>\n\n      <column\n        width=\"40\"\n        *ngIf=\"!taonAdminService.draggablePopupModeFullScreen\">\n        <button\n          mat-icon-button\n          *ngIf=\"!taonAdminService.draggablePopupMode\"\n          (click)=\"taonAdminService.draggablePopupMode = true\"\n          class=\"admin-close-button\">\n          <mat-icon>launch</mat-icon>\n        </button>\n\n        <button\n          mat-icon-button\n          *ngIf=\"taonAdminService.draggablePopupMode\"\n          (click)=\"taonAdminService.draggablePopupMode = false; resetDrag()\"\n          class=\"admin-close-button\">\n          <mat-icon style=\"transform: rotate(180deg)\">login</mat-icon>\n        </button>\n      </column>\n    </columns-container>\n  </div>\n  <!-- #endregion -->\n\n  <columns-container\n    [ngClass]=\"{ 'draggable-column': taonAdminService.draggablePopupMode }\">\n    <column grow>\n      <mat-tab-group\n        dynamicHeight\n        (wheel)=\"scrollTabs($event)\"\n        #tabGroup\n        [selectedIndex]=\"selectedIndex\"\n        (selectedIndexChange)=\"selectedIndex = $event\">\n        <mat-tab label=\"DB/Cache\">\n          <section>\n            <mat-card>\n              <mat-card-header>\n                <mat-card-subtitle>WEBSQL MODE</mat-card-subtitle>\n              </mat-card-header>\n              <mat-card-content>\n                <mat-checkbox\n                  [disabled]=\"!isWebSQLMode\"\n                  [ngModel]=\"taonAdminService.keepWebsqlDbDataAfterReload\"\n                  (change)=\"\n                    taonAdminService.setKeepWebsqlDbDataAfterReload(\n                      $event.checked\n                    )\n                  \">\n                  Don't remove data when reloading\n                </mat-checkbox>\n              </mat-card-content>\n            </mat-card>\n          </section>\n          <br />\n          <taon-db-admin />\n        </mat-tab>\n      </mat-tab-group>\n    </column>\n  </columns-container>\n</ng-template>\n<!-- #endregion -->\n\n<!-- #region small/mobile draggable popup windows -->\n<div\n  class=\"draggable-popup-mode-window\"\n  *ngIf=\"\n    taonAdminService.draggablePopupMode &&\n    !taonAdminService.draggablePopupModeFullScreen &&\n    !isIframe\n  \"\n  cdkDrag\n  [cdkDragFreeDragPosition]=\"dragPosition\"\n  (cdkDragEnded)=\"moved($event)\">\n  <ng-scrollbar>\n    <ng-container [ngTemplateOutlet]=\"adminTabs\"></ng-container>\n  </ng-scrollbar>\n</div>\n<!-- #endregion -->\n\n<!-- #region fullscreen draggable popup window -->\n<div\n  class=\"draggable-popup-mode-window-full\"\n  *ngIf=\"\n    taonAdminService.draggablePopupMode &&\n    taonAdminService.draggablePopupModeFullScreen &&\n    !isIframe &&\n    !reloading\n  \"\n  cdkDrag\n  [cdkDragFreeDragPosition]=\"dragPositionZero\">\n  <ng-container [ngTemplateOutlet]=\"adminTabs\"></ng-container>\n</div>\n<!-- #endregion -->\n\n<!-- #region content when not in draggable (or fullscreen draggable) popup -->\n<div\n  [style.height.px]=\"height\"\n  *ngIf=\"\n    (isIframe ||\n      !isDesktop ||\n      taonAdminService.draggablePopupMode ||\n      taonAdminService.draggablePopupModeFullScreen) &&\n    !reloading\n  \"\n  style=\"width: 100%; display: block\"\n  class=\"content\">\n  <ng-container\n    [ngTemplateOutlet]=\"\n      taonAdminService.scrollableEnabled ? content : contentNoScroll\n    \"></ng-container>\n</div>\n<!-- #endregion -->\n\n<!-- #region draggable popup window -->\n<mat-drawer-container\n  *ngIf=\"!taonAdminService.draggablePopupMode && isDesktop && !isIframe\"\n  class=\"example-container\"\n  [style.height.px]=\"height\"\n  style=\"background-color: transparent\"\n  (backdropClick)=\"opened = false\"\n  [hasBackdrop]=\"false\">\n  <mat-drawer\n    #drawer\n    style=\"width: 580px\"\n    [opened]=\"opened\"\n    [mode]=\"'side'\">\n    <ng-container [ngTemplateOutlet]=\"adminTabs\"></ng-container>\n  </mat-drawer>\n  <mat-drawer-content style=\"overflow: hidden\">\n    <ng-container\n      *ngIf=\"!taonAdminService.draggablePopupMode && !reloading\"\n      [ngTemplateOutlet]=\"\n        taonAdminService.scrollableEnabled ? content : contentNoScroll\n      \"></ng-container>\n  </mat-drawer-content>\n</mat-drawer-container>\n<!-- #endregion -->\n", styles: ["section{display:block;padding:10px}section>*{margin-top:0!important;margin-bottom:10px!important}section>*:last-child{margin-bottom:0!important}:host{display:block}.draggable-column{display:block!important;width:100%!important}.admin-show-button{position:fixed;bottom:100px;left:-15px;z-index:2147483647;transform:rotate(90deg);border:0px;color:#fff;background:gray;opacity:.1;cursor:pointer}.admin-show-button:hover{opacity:1}.taon-ui-super-admin-mode{font-family:JosefinSans-Bold;text-align:right;margin-right:10px}mat-drawer{margin:0;background-color:#dcdcdc!important}.taon-header-admin-wrapper{overflow:hidden;width:100%;display:block}.taon-header-admin{background:#fff;box-shadow:0 -9px 6px 6px #000;height:47px}.taon-header-admin .logo-header img{height:18px;padding:8px;position:relative;float:left;top:7px;box-sizing:content-box;transform:scale(1.5);left:49px}.draggable-popup-mode-window{width:600px;height:500px;border:solid 1px #ccc;color:#000000de;cursor:move;justify-content:center;align-items:center;background:#fff;border-radius:4px;position:fixed;z-index:105;background-color:#dcdcdc!important;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.draggable-popup-mode-window:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.draggable-popup-mode-window-full{width:100%;height:100%;overflow:scroll;color:#000000de;justify-content:center;align-items:center;background:#fff;border-radius:4px;position:fixed;z-index:105;background-color:#dcdcdc!important}.admin-close-button{float:right}.fab-button{position:fixed;right:110px;bottom:100px;z-index:10;background-color:#dcdcdc;color:#8f8f8f}.full-tabs{padding:10px}.mat-drawer-container-full-screen{background-color:red}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.BreakpointsService }], propDecorators: { tabGroup: [{
@@ -6499,39 +7553,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-admin-mode-configuration/taon-admin-mode-configuration.component.ts
-
-;
-({}); // @--end-of-file-for-module=taon lib/ui/taon-admin-mode-configuration/index.ts
 
-;
-({}); // @--end-of-file-for-module=taon lib/ui/index.ts
+//#region @browser
+//#endregion
 
-;
-({}); // @--end-of-file-for-module=taon lib/constants.ts
+//#region @browser
+//#endregion
 
+// TODO export all things
 var Taon;
 (function (Taon) {
     Taon.Http = Http;
     Taon.Base = Base;
     Taon.getResponseValue = getResponseValue;
+    //#region class decorators
     Taon.Controller = TaonController;
     Taon.Entity = TaonEntity;
     Taon.Provider = TaonProvider;
     Taon.Repository = TaonRepository;
     Taon.Subscriber = TaonSubscriber;
     Taon.Migration = TaonMigration;
+    //#endregion
+    //#region aliases to helpers
     Taon.isBrowser = coreHelpers.Helpers.isBrowser;
     Taon.isNode = coreHelpers.Helpers.isNode;
     Taon.isWebSQL = coreHelpers.Helpers.isWebSQL;
     Taon.isElectron = coreHelpers.Helpers.isElectron;
+    //#endregion
     Taon.createContext = createContext;
     Taon.createContextTemplate = createContextTemplate;
     Taon.inject = inject;
+    //#region @browser
     Taon.initNgZone = (ngZone) => {
         EndpointContext.initNgZone(ngZone);
     };
+    //#endregion
     Taon.symbols = Symbols;
     /**
      * @deprecated
@@ -6552,8 +7608,6 @@ var Taon;
         return context;
     };
 })(Taon || (Taon = {}));
-;
-({}); // @--end-of-file-for-module=taon lib/index.ts
 
 /**
  * Generated bundle index. Do not edit.