tnp-helpers 13.1.15 → 13.1.16

package/websql/fesm2020/tnp-helpers.mjs

@@ -2,6 +2,7 @@ import { _, CoreHelpers } from 'tnp-core/websql';
 import * as fuzzy from 'fuzzy';
 import { CLASS } from 'typescript-class-helpers/websql';
 import { Morphi } from 'morphi/websql';
+import { Subject } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Component, Input, EventEmitter, Output, Injectable, Directive, HostBinding, HostListener } from '@angular/core';
 import { NavigationEnd } from '@angular/router';
@@ -9,1621 +10,1709 @@ import { FieldType } from '@ngx-formly/core';
 import { Log, Level } from 'ng2-logger/websql';
 import * as elementResizeDetectorMaker from 'element-resize-detector';
 
-class HelpersArrayObj {
-    from(s) {
-        if (_.isArray(s)) {
-            return s;
-        }
-        if (_.isString(s)) {
-            return s.split(' ');
-        }
-    }
-    second(arr) {
-        if (!Array.isArray(arr) || arr.length < 2) {
-            return void 0;
-        }
-        return arr[1];
-    }
-    arrayMoveElementBefore(arr, a, b, prop) {
-        let indexA = prop ? arr.findIndex(elem => elem[prop] === a[prop]) : arr.indexOf(a);
-        _.pullAt(arr, indexA);
-        let indexB = prop ? arr.findIndex(elem => elem[prop] === b[prop]) : arr.indexOf(b);
-        if (indexB === 0) {
-            arr.unshift(a);
-        }
-        else {
-            arr.splice(indexB - 1, 0, a);
-        }
-        return arr;
-    }
-    arrayMoveElementAfterB(arr, a, b, prop) {
-        let indexA = prop ? arr.findIndex(elem => elem[prop] === a[prop]) : arr.indexOf(a);
-        _.pullAt(arr, indexA);
-        let indexB = prop ? arr.findIndex(elem => elem[prop] === b[prop]) : arr.indexOf(b);
-        if (indexB === arr.length - 1) {
-            arr.push(a);
-        }
-        else {
-            arr.splice(indexB + 1, 0, a);
-        }
-        return arr;
-    }
-    uniqArray(array, uniqueProperty) {
-        var seen = {};
-        return array
-            .filter(f => !!f)
-            .filter(function (item) {
-            return seen.hasOwnProperty(uniqueProperty ? item[uniqueProperty] : item) ? false
-                : (seen[uniqueProperty ? item[uniqueProperty] : item] = true);
-        });
-    }
-    sortKeys(obj) {
-        if (_.isArray(obj)) {
-            return obj.map(Helpers.arrays.sortKeys);
-        }
-        if (_.isObject(obj)) {
-            return _.fromPairs(_.keys(obj).sort().map(key => [key, Helpers.arrays.sortKeys(obj[key])]));
-        }
-        return obj;
-    }
-    ;
-    /**
-     * Fuzzy search
-     */
-    fuzzy(query, list, valueFn) {
-        const resultsFuzzy = fuzzy.filter(query, list.map(k => valueFn ? valueFn(k) : k));
-        const resultsFuzzyKebab = fuzzy.filter(_.kebabCase(query), list.map(k => _.kebabCase((valueFn ? valueFn(k) : k))));
-        const matches = resultsFuzzy.map((el) => el.string);
-        const matchesKebab = resultsFuzzyKebab.map((el) => el.string);
-        const results = (resultsFuzzy.length === 0) ? [] : list.filter(k => {
-            return matches.includes((valueFn ? valueFn(k) : k));
-        });
-        if (matches.length === 0 && matchesKebab.length > 0) {
-            const m = list.find(k => _.kebabCase((valueFn ? valueFn(k) : k)) === _.first(matchesKebab));
-            results.push(m);
-            matches.push((valueFn ? valueFn(m) : m));
-        }
-        return { matches, results };
-    }
-}
-;
+class HelpersArrayObj {
+    from(s) {
+        if (_.isArray(s)) {
+            return s;
+        }
+        if (_.isString(s)) {
+            return s.split(' ');
+        }
+    }
+    second(arr) {
+        if (!Array.isArray(arr) || arr.length < 2) {
+            return void 0;
+        }
+        return arr[1];
+    }
+    arrayMoveElementBefore(arr, a, b, prop) {
+        let indexA = prop ? arr.findIndex(elem => elem[prop] === a[prop]) : arr.indexOf(a);
+        _.pullAt(arr, indexA);
+        let indexB = prop ? arr.findIndex(elem => elem[prop] === b[prop]) : arr.indexOf(b);
+        if (indexB === 0) {
+            arr.unshift(a);
+        }
+        else {
+            arr.splice(indexB - 1, 0, a);
+        }
+        return arr;
+    }
+    arrayMoveElementAfterB(arr, a, b, prop) {
+        let indexA = prop ? arr.findIndex(elem => elem[prop] === a[prop]) : arr.indexOf(a);
+        _.pullAt(arr, indexA);
+        let indexB = prop ? arr.findIndex(elem => elem[prop] === b[prop]) : arr.indexOf(b);
+        if (indexB === arr.length - 1) {
+            arr.push(a);
+        }
+        else {
+            arr.splice(indexB + 1, 0, a);
+        }
+        return arr;
+    }
+    uniqArray(array, uniqueProperty) {
+        var seen = {};
+        return array
+            .filter(f => !!f)
+            .filter(function (item) {
+            return seen.hasOwnProperty(uniqueProperty ? item[uniqueProperty] : item) ? false
+                : (seen[uniqueProperty ? item[uniqueProperty] : item] = true);
+        });
+    }
+    sortKeys(obj) {
+        if (_.isArray(obj)) {
+            return obj.map(Helpers.arrays.sortKeys);
+        }
+        if (_.isObject(obj)) {
+            return _.fromPairs(_.keys(obj).sort().map(key => [key, Helpers.arrays.sortKeys(obj[key])]));
+        }
+        return obj;
+    }
+    ;
+    /**
+     * Fuzzy search
+     */
+    fuzzy(query, list, valueFn) {
+        const resultsFuzzy = fuzzy.filter(query, list.map(k => valueFn ? valueFn(k) : k));
+        const resultsFuzzyKebab = fuzzy.filter(_.kebabCase(query), list.map(k => _.kebabCase((valueFn ? valueFn(k) : k))));
+        const matches = resultsFuzzy.map((el) => el.string);
+        const matchesKebab = resultsFuzzyKebab.map((el) => el.string);
+        const results = (resultsFuzzy.length === 0) ? [] : list.filter(k => {
+            return matches.includes((valueFn ? valueFn(k) : k));
+        });
+        if (matches.length === 0 && matchesKebab.length > 0) {
+            const m = list.find(k => _.kebabCase((valueFn ? valueFn(k) : k)) === _.first(matchesKebab));
+            results.push(m);
+            matches.push((valueFn ? valueFn(m) : m));
+        }
+        return { matches, results };
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers-array-obj.ts
 
-class HelpersStringsRegexes {
-    escapeStringForRegEx(s) {
-        return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-    }
-    matchExactOnce(s, regex) {
-        if (!_.isString(s) || !_.isRegExp(regex)) {
-            return void 0;
-        }
-        const result = s.match(regex);
-        if (_.isNil(result)) {
-            return void 0;
-        }
-        return result.length >= 1 ? _.first(result) : void 0;
-    }
-    get regex() {
-        return {
-            /**
-           * mathes
-           * xxx.xxx.xxx.xxx
-           * xxx.xxx.xxx.xxx:port
-           * http://xxx.xxx.xxx.xxx:port
-           * http://xxx.xxx.xxx.xxx
-           * https://xxx.xxx.xxx.xxx:port
-           * https://xxx.xxx.xxx.xxx   *
-           */
-            get forStringWithIpHost() {
-                const regex = /(http(s)?\:\/\/)?(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\:[0-9]+)?/;
-                return regex;
-            },
-            /**
-          * mathes
-          * http://domain.com:port
-          * http://domain.com
-          * http://domain:port
-          * http://domain
-          * https://domain.com:port
-          * https://domain.com
-          * https://domain:port
-          * https://domain
-          */
-            get forStringWithDomainHost() {
-                const regex = /(((http(s)?\:\/\/)?[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9](?:\.[a-zA-Z]{2,})+(\:[0-9]+)?)|((http(s)?\:\/\/)[a-zA-Z0-9-]{1,61}))/;
-                return regex;
-            }
-        };
-    }
-}
-;
+class HelpersStringsRegexes {
+    escapeStringForRegEx(s) {
+        return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    }
+    matchExactOnce(s, regex) {
+        if (!_.isString(s) || !_.isRegExp(regex)) {
+            return void 0;
+        }
+        const result = s.match(regex);
+        if (_.isNil(result)) {
+            return void 0;
+        }
+        return result.length >= 1 ? _.first(result) : void 0;
+    }
+    get regex() {
+        return {
+            /**
+           * mathes
+           * xxx.xxx.xxx.xxx
+           * xxx.xxx.xxx.xxx:port
+           * http://xxx.xxx.xxx.xxx:port
+           * http://xxx.xxx.xxx.xxx
+           * https://xxx.xxx.xxx.xxx:port
+           * https://xxx.xxx.xxx.xxx   *
+           */
+            get forStringWithIpHost() {
+                const regex = /(http(s)?\:\/\/)?(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\:[0-9]+)?/;
+                return regex;
+            },
+            /**
+          * mathes
+          * http://domain.com:port
+          * http://domain.com
+          * http://domain:port
+          * http://domain
+          * https://domain.com:port
+          * https://domain.com
+          * https://domain:port
+          * https://domain
+          */
+            get forStringWithDomainHost() {
+                const regex = /(((http(s)?\:\/\/)?[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9](?:\.[a-zA-Z]{2,})+(\:[0-9]+)?)|((http(s)?\:\/\/)[a-zA-Z0-9-]{1,61}))/;
+                return regex;
+            }
+        };
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers-strings-regexes.ts
 
-/* */
-/* */
-/* */
-/* */
-class HelpersEnvironment {
-    environmentName(filename, local_env_name) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-    }
-    isValidGitRepuUrl(url) {
-        const regex = /^([A-Za-z0-9]+@|http(|s)\:\/\/)([A-Za-z0-9.]+(:\d+)?)(?::|\/)([\d\/\w.-]+?)(\.git)?$/;
-        const res = regex.test(url);
-        return res;
-    }
-    isValidIp(ip) {
-        if (!_.isString(ip)) {
-            return false;
-        }
-        ip = ip.trim();
-        if (ip === 'localhost') {
-            return true;
-        }
-        return /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(ip);
-    }
-}
-;
+/* */
+/* */
+/* */
+/* */
+class HelpersEnvironment {
+    environmentName(filename, local_env_name) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+    }
+    isValidGitRepuUrl(url) {
+        const regex = /^([A-Za-z0-9]+@|http(|s)\:\/\/)([A-Za-z0-9.]+(:\d+)?)(?::|\/)([\d\/\w.-]+?)(\.git)?$/;
+        const res = regex.test(url);
+        return res;
+    }
+    isValidIp(ip) {
+        if (!_.isString(ip)) {
+            return false;
+        }
+        ip = ip.trim();
+        if (ip === 'localhost') {
+            return true;
+        }
+        return /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(ip);
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers-environment.ts
 
-class HelpersStrings {
-    /**
-     * Example:
-     *
-     * const result = interpolateString("I'm {age} years old!")
-     * .withParameters({ age: 29 });
-     *
-     * const result = interpolateString("The {a} says {n}, {n}, {n}!")
-     * .withParameters({ a: 'cow', n: 'moo' });
-     *
-     *
-     * @param value string to interpolate
-     * @param parameters object with parametes
-     */
-    interpolateString(value) {
-        if (typeof value !== 'string') {
-            Helpers.warn('[ss-logic][helper] Value for interpolation is not string: ', value);
-            return value;
-        }
-        return {
-            withParameters(parameters) {
-                if (typeof parameters !== 'object') {
-                    Helpers.log(parameters);
-                    Helpers.warn('[ss-logic][helper] Parameters are not a object: ');
-                    return value;
-                }
-                return value.replace(/{([^{}]*)}/g, function (a, b) {
-                    var r = parameters[b];
-                    return typeof r === 'string' || typeof r === 'number' ? r : a;
-                });
-            }
-        };
-    }
-    numValue(pixelsCss) {
-        return parseInt(pixelsCss.replace('px', ''));
-    }
-    /**
-     * examples:
-     * 'aa bb bb' => ['aa','bb','cc'],
-     * 'aa' => ['aa']
-     * ['aa'] => ['aa']
-     */
-    splitIfNeed(stringOrArr) {
-        let res = [];
-        if (_.isArray(stringOrArr)) {
-            res = stringOrArr.map(s => {
-                return s.trim();
-            });
-        }
-        if (_.isString(stringOrArr)) {
-            res = stringOrArr.split(/\s*[\s,]\s*/);
-        }
-        return res.filter(f => !!f && (f.trim() !== ''));
-    }
-    removeDoubleOrMoreEmptyLines(s) {
-        s = s?.split('\n').map(f => f.trimRight()).join('\n');
-        return s?.replace(/(\r\n|\r|\n){2,}/g, '$1\n');
-    }
-    /**
-     *
-     * https://stackoverflow.com/a/57129703/1345101
-     *
-     * Returns the plural of an English word.
-     *
-     * @export
-     * @param {string} word
-     * @param {number} [amount]
-     * @returns {string}
-     */
-    plural(word, amount) {
-        if (amount !== undefined && amount === 1) {
-            return word;
-        }
-        const plural = {
-            '(quiz)$': "$1zes",
-            '^(ox)$': "$1en",
-            '([m|l])ouse$': "$1ice",
-            '(matr|vert|ind)ix|ex$': "$1ices",
-            '(x|ch|ss|sh)$': "$1es",
-            '([^aeiouy]|qu)y$': "$1ies",
-            '(hive)$': "$1s",
-            '(?:([^f])fe|([lr])f)$': "$1$2ves",
-            '(shea|lea|loa|thie)f$': "$1ves",
-            'sis$': "ses",
-            '([ti])um$': "$1a",
-            '(tomat|potat|ech|her|vet)o$': "$1oes",
-            '(bu)s$': "$1ses",
-            '(alias)$': "$1es",
-            '(octop)us$': "$1i",
-            '(ax|test)is$': "$1es",
-            '(us)$': "$1es",
-            '([^s]+)$': "$1s"
-        };
-        const irregular = {
-            'move': 'moves',
-            'foot': 'feet',
-            'goose': 'geese',
-            'sex': 'sexes',
-            'child': 'children',
-            'man': 'men',
-            'tooth': 'teeth',
-            'person': 'people'
-        };
-        const uncountable = [
-            'sheep',
-            'fish',
-            'deer',
-            'moose',
-            'series',
-            'species',
-            'money',
-            'rice',
-            'information',
-            'equipment',
-            'bison',
-            'cod',
-            'offspring',
-            'pike',
-            'salmon',
-            'shrimp',
-            'swine',
-            'trout',
-            'aircraft',
-            'hovercraft',
-            'spacecraft',
-            'sugar',
-            'tuna',
-            'you',
-            'wood'
-        ];
-        if (uncountable.indexOf(word.toLowerCase()) >= 0) {
-            return word;
-        }
-        for (const w in irregular) {
-            const pattern = new RegExp(`${w}$`, 'i');
-            const replace = irregular[w];
-            if (pattern.test(word)) {
-                return word.replace(pattern, replace);
-            }
-        }
-        for (const reg in plural) {
-            const pattern = new RegExp(reg, 'i');
-            if (pattern.test(word)) {
-                return word.replace(pattern, plural[reg]);
-            }
-        }
-        return word;
-    }
-    /**
-     * https://stackoverflow.com/a/57129703/1345101
-     *
-    * Returns the singular of an English word.
-    *
-    * @export
-    * @param {string} word
-    * @param {number} [amount]
-    * @returns {string}
-    */
-    singular(word, amount) {
-        if (amount !== undefined && amount !== 1) {
-            return word;
-        }
-        const singular = {
-            '(quiz)zes$': "$1",
-            '(matr)ices$': "$1ix",
-            '(vert|ind)ices$': "$1ex",
-            '^(ox)en$': "$1",
-            '(alias)es$': "$1",
-            '(octop|vir)i$': "$1us",
-            '(cris|ax|test)es$': "$1is",
-            '(shoe)s$': "$1",
-            '(o)es$': "$1",
-            '(bus)es$': "$1",
-            '([m|l])ice$': "$1ouse",
-            '(x|ch|ss|sh)es$': "$1",
-            '(m)ovies$': "$1ovie",
-            '(s)eries$': "$1eries",
-            '([^aeiouy]|qu)ies$': "$1y",
-            '([lr])ves$': "$1f",
-            '(tive)s$': "$1",
-            '(hive)s$': "$1",
-            '(li|wi|kni)ves$': "$1fe",
-            '(shea|loa|lea|thie)ves$': "$1f",
-            '(^analy)ses$': "$1sis",
-            '((a)naly|(b)a|(d)iagno|(p)arenthe|(p)rogno|(s)ynop|(t)he)ses$': "$1$2sis",
-            '([ti])a$': "$1um",
-            '(n)ews$': "$1ews",
-            '(h|bl)ouses$': "$1ouse",
-            '(corpse)s$': "$1",
-            '(us)es$': "$1",
-            's$': ""
-        };
-        const irregular = {
-            'move': 'moves',
-            'foot': 'feet',
-            'goose': 'geese',
-            'sex': 'sexes',
-            'child': 'children',
-            'man': 'men',
-            'tooth': 'teeth',
-            'person': 'people'
-        };
-        const uncountable = [
-            'sheep',
-            'fish',
-            'deer',
-            'moose',
-            'series',
-            'species',
-            'money',
-            'rice',
-            'information',
-            'equipment',
-            'bison',
-            'cod',
-            'offspring',
-            'pike',
-            'salmon',
-            'shrimp',
-            'swine',
-            'trout',
-            'aircraft',
-            'hovercraft',
-            'spacecraft',
-            'sugar',
-            'tuna',
-            'you',
-            'wood'
-        ];
-        if (uncountable.indexOf(word.toLowerCase()) >= 0) {
-            return word;
-        }
-        for (const w in irregular) {
-            const pattern = new RegExp(`${irregular[w]}$`, 'i');
-            const replace = w;
-            if (pattern.test(word)) {
-                return word.replace(pattern, replace);
-            }
-        }
-        for (const reg in singular) {
-            const pattern = new RegExp(reg, 'i');
-            if (pattern.test(word)) {
-                return word.replace(pattern, singular[reg]);
-            }
-        }
-        return word;
-    }
-}
-;
+class HelpersStrings {
+    /**
+     * Example:
+     *
+     * const result = interpolateString("I'm {age} years old!")
+     * .withParameters({ age: 29 });
+     *
+     * const result = interpolateString("The {a} says {n}, {n}, {n}!")
+     * .withParameters({ a: 'cow', n: 'moo' });
+     *
+     *
+     * @param value string to interpolate
+     * @param parameters object with parametes
+     */
+    interpolateString(value) {
+        if (typeof value !== 'string') {
+            Helpers.warn('[ss-logic][helper] Value for interpolation is not string: ', value);
+            return value;
+        }
+        return {
+            withParameters(parameters) {
+                if (typeof parameters !== 'object') {
+                    Helpers.log(parameters);
+                    Helpers.warn('[ss-logic][helper] Parameters are not a object: ');
+                    return value;
+                }
+                return value.replace(/{([^{}]*)}/g, function (a, b) {
+                    var r = parameters[b];
+                    return typeof r === 'string' || typeof r === 'number' ? r : a;
+                });
+            }
+        };
+    }
+    numValue(pixelsCss) {
+        return parseInt(pixelsCss.replace('px', ''));
+    }
+    /**
+     * examples:
+     * 'aa bb bb' => ['aa','bb','cc'],
+     * 'aa' => ['aa']
+     * ['aa'] => ['aa']
+     */
+    splitIfNeed(stringOrArr) {
+        let res = [];
+        if (_.isArray(stringOrArr)) {
+            res = stringOrArr.map(s => {
+                return s.trim();
+            });
+        }
+        if (_.isString(stringOrArr)) {
+            res = stringOrArr.split(/\s*[\s,]\s*/);
+        }
+        return res.filter(f => !!f && (f.trim() !== ''));
+    }
+    removeDoubleOrMoreEmptyLines(s) {
+        s = s?.split('\n').map(f => f.trimRight()).join('\n');
+        return s?.replace(/(\r\n|\r|\n){2,}/g, '$1\n');
+    }
+    /**
+     *
+     * https://stackoverflow.com/a/57129703/1345101
+     *
+     * Returns the plural of an English word.
+     *
+     * @export
+     * @param {string} word
+     * @param {number} [amount]
+     * @returns {string}
+     */
+    plural(word, amount) {
+        if (amount !== undefined && amount === 1) {
+            return word;
+        }
+        const plural = {
+            '(quiz)$': "$1zes",
+            '^(ox)$': "$1en",
+            '([m|l])ouse$': "$1ice",
+            '(matr|vert|ind)ix|ex$': "$1ices",
+            '(x|ch|ss|sh)$': "$1es",
+            '([^aeiouy]|qu)y$': "$1ies",
+            '(hive)$': "$1s",
+            '(?:([^f])fe|([lr])f)$': "$1$2ves",
+            '(shea|lea|loa|thie)f$': "$1ves",
+            'sis$': "ses",
+            '([ti])um$': "$1a",
+            '(tomat|potat|ech|her|vet)o$': "$1oes",
+            '(bu)s$': "$1ses",
+            '(alias)$': "$1es",
+            '(octop)us$': "$1i",
+            '(ax|test)is$': "$1es",
+            '(us)$': "$1es",
+            '([^s]+)$': "$1s"
+        };
+        const irregular = {
+            'move': 'moves',
+            'foot': 'feet',
+            'goose': 'geese',
+            'sex': 'sexes',
+            'child': 'children',
+            'man': 'men',
+            'tooth': 'teeth',
+            'person': 'people'
+        };
+        const uncountable = [
+            'sheep',
+            'fish',
+            'deer',
+            'moose',
+            'series',
+            'species',
+            'money',
+            'rice',
+            'information',
+            'equipment',
+            'bison',
+            'cod',
+            'offspring',
+            'pike',
+            'salmon',
+            'shrimp',
+            'swine',
+            'trout',
+            'aircraft',
+            'hovercraft',
+            'spacecraft',
+            'sugar',
+            'tuna',
+            'you',
+            'wood'
+        ];
+        if (uncountable.indexOf(word.toLowerCase()) >= 0) {
+            return word;
+        }
+        for (const w in irregular) {
+            const pattern = new RegExp(`${w}$`, 'i');
+            const replace = irregular[w];
+            if (pattern.test(word)) {
+                return word.replace(pattern, replace);
+            }
+        }
+        for (const reg in plural) {
+            const pattern = new RegExp(reg, 'i');
+            if (pattern.test(word)) {
+                return word.replace(pattern, plural[reg]);
+            }
+        }
+        return word;
+    }
+    /**
+     * https://stackoverflow.com/a/57129703/1345101
+     *
+    * Returns the singular of an English word.
+    *
+    * @export
+    * @param {string} word
+    * @param {number} [amount]
+    * @returns {string}
+    */
+    singular(word, amount) {
+        if (amount !== undefined && amount !== 1) {
+            return word;
+        }
+        const singular = {
+            '(quiz)zes$': "$1",
+            '(matr)ices$': "$1ix",
+            '(vert|ind)ices$': "$1ex",
+            '^(ox)en$': "$1",
+            '(alias)es$': "$1",
+            '(octop|vir)i$': "$1us",
+            '(cris|ax|test)es$': "$1is",
+            '(shoe)s$': "$1",
+            '(o)es$': "$1",
+            '(bus)es$': "$1",
+            '([m|l])ice$': "$1ouse",
+            '(x|ch|ss|sh)es$': "$1",
+            '(m)ovies$': "$1ovie",
+            '(s)eries$': "$1eries",
+            '([^aeiouy]|qu)ies$': "$1y",
+            '([lr])ves$': "$1f",
+            '(tive)s$': "$1",
+            '(hive)s$': "$1",
+            '(li|wi|kni)ves$': "$1fe",
+            '(shea|loa|lea|thie)ves$': "$1f",
+            '(^analy)ses$': "$1sis",
+            '((a)naly|(b)a|(d)iagno|(p)arenthe|(p)rogno|(s)ynop|(t)he)ses$': "$1$2sis",
+            '([ti])a$': "$1um",
+            '(n)ews$': "$1ews",
+            '(h|bl)ouses$': "$1ouse",
+            '(corpse)s$': "$1",
+            '(us)es$': "$1",
+            's$': ""
+        };
+        const irregular = {
+            'move': 'moves',
+            'foot': 'feet',
+            'goose': 'geese',
+            'sex': 'sexes',
+            'child': 'children',
+            'man': 'men',
+            'tooth': 'teeth',
+            'person': 'people'
+        };
+        const uncountable = [
+            'sheep',
+            'fish',
+            'deer',
+            'moose',
+            'series',
+            'species',
+            'money',
+            'rice',
+            'information',
+            'equipment',
+            'bison',
+            'cod',
+            'offspring',
+            'pike',
+            'salmon',
+            'shrimp',
+            'swine',
+            'trout',
+            'aircraft',
+            'hovercraft',
+            'spacecraft',
+            'sugar',
+            'tuna',
+            'you',
+            'wood'
+        ];
+        if (uncountable.indexOf(word.toLowerCase()) >= 0) {
+            return word;
+        }
+        for (const w in irregular) {
+            const pattern = new RegExp(`${irregular[w]}$`, 'i');
+            const replace = w;
+            if (pattern.test(word)) {
+                return word.replace(pattern, replace);
+            }
+        }
+        for (const reg in singular) {
+            const pattern = new RegExp(reg, 'i');
+            if (pattern.test(word)) {
+                return word.replace(pattern, singular[reg]);
+            }
+        }
+        return word;
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers-strings.ts
 
-async function conditionWait(conditionAndTimeout) {
-    await waitFor(conditionAndTimeout);
-}
-function waitFor(arr, messageToShow = void 0) {
-    return new Promise(async (resolve, reject) => {
-        if (arr.length === 0) {
-            resolve(void 0);
-        }
-        else {
-            const check = arr.shift();
-            if (_.isUndefined(check.timeoutCheck)) {
-                check.timeoutCheck = 2000;
-            }
-            if (_.isUndefined(check.timeoutNext)) {
-                check.timeoutNext = 4000;
-            }
-            const { timeoutCheck, timeoutNext, name } = check;
-            const resultTrue = await Helpers.runSyncOrAsync(check.callback, check);
-            if (resultTrue) {
-                setTimeout(async () => {
-                    await waitFor(arr).then(() => {
-                        resolve(void 0);
-                    });
-                }, timeoutNext);
-            }
-            else {
-                arr.unshift(check);
-                if (!messageToShow || check.errorMessage !== messageToShow) {
-                    Helpers.info(check.errorMessage);
-                }
-                else {
-                }
-                setTimeout(async () => {
-                    await waitFor(arr, check.errorMessage).then(() => {
-                        resolve(void 0);
-                    });
-                }, timeoutCheck);
-            }
-        }
-    });
-}
-;
+async function conditionWait(conditionAndTimeout) {
+    await waitFor(conditionAndTimeout);
+}
+function waitFor(arr, messageToShow = void 0) {
+    return new Promise(async (resolve, reject) => {
+        if (arr.length === 0) {
+            resolve(void 0);
+        }
+        else {
+            const check = arr.shift();
+            if (_.isUndefined(check.timeoutCheck)) {
+                check.timeoutCheck = 2000;
+            }
+            if (_.isUndefined(check.timeoutNext)) {
+                check.timeoutNext = 4000;
+            }
+            const { timeoutCheck, timeoutNext, name } = check;
+            const resultTrue = await Helpers.runSyncOrAsync(check.callback, check);
+            if (resultTrue) {
+                setTimeout(async () => {
+                    await waitFor(arr).then(() => {
+                        resolve(void 0);
+                    });
+                }, timeoutNext);
+            }
+            else {
+                arr.unshift(check);
+                if (!messageToShow || check.errorMessage !== messageToShow) {
+                    Helpers.info(check.errorMessage);
+                }
+                else {
+                }
+                setTimeout(async () => {
+                    await waitFor(arr, check.errorMessage).then(() => {
+                        resolve(void 0);
+                    });
+                }, timeoutCheck);
+            }
+        }
+    });
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/condition-wait.ts
 
-class HelpersNumber {
-    constructor() {
-        this.randomInteger = (max, min) => Math.round(Math.random() * (max - min)) + min;
-    }
-}
-;
+class HelpersNumber {
+    constructor() {
+        this.randomInteger = (max, min) => Math.round(Math.random() * (max - min)) + min;
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers-numbers.ts
 
-const key = Symbol('[firedev-helpers] helper browser key');
-class HelpersBrowaser {
-    constructor(win) {
-        this.init = (() => {
-            const win = this.win;
-            if (!win[key]) {
-                win[key] = new HelpersBrowaser(win);
-            }
-            HelpersBrowaser.inst = win[key];
-        })();
-        win.addEventListener("beforeunload", (e) => {
-            win.sessionStorage.tabId = this.tabId;
-            return null;
-        });
-        setTimeout(() => {
-            if (win.sessionStorage?.tabId) {
-                // @ts-ignore
-                this.tabId = Number(win.sessionStorage.tabId);
-                win.sessionStorage.removeItem("tabId");
-            }
-            else {
-                // @ts-ignore
-                this.tabId = Math.floor(Math.random() * 1000000) + (new Date()).getTime();
-            }
-            HelpersBrowaser.callbacks.forEach((c) => {
-                c(this);
-            });
-        });
-    }
-    static onInit(callback) {
-        this.callbacks.push(callback);
-    }
-    get win() {
-        let win = window;
-        return win;
-    }
-    get tabIdSessionStorage() {
-        return Number(this.win.sessionStorage?.tabId) || 0;
-    }
-    static get instance() {
-        return HelpersBrowaser.inst;
-    }
-}
-HelpersBrowaser.callbacks = [];
-;
+const key = Symbol('[firedev-helpers] helper browser key');
+class HelpersBrowaser {
+    constructor(win) {
+        this.init = (() => {
+            const win = this.win;
+            if (!win[key]) {
+                win[key] = new HelpersBrowaser(win);
+            }
+            HelpersBrowaser.inst = win[key];
+        })();
+        win.addEventListener("beforeunload", (e) => {
+            win.sessionStorage.tabId = this.tabId;
+            return null;
+        });
+        setTimeout(() => {
+            if (win.sessionStorage?.tabId) {
+                // @ts-ignore
+                this.tabId = Number(win.sessionStorage.tabId);
+                win.sessionStorage.removeItem("tabId");
+            }
+            else {
+                // @ts-ignore
+                this.tabId = Math.floor(Math.random() * 1000000) + (new Date()).getTime();
+            }
+            HelpersBrowaser.callbacks.forEach((c) => {
+                c(this);
+            });
+        });
+    }
+    static onInit(callback) {
+        this.callbacks.push(callback);
+    }
+    get win() {
+        let win = window;
+        return win;
+    }
+    get tabIdSessionStorage() {
+        return Number(this.win.sessionStorage?.tabId) || 0;
+    }
+    static get instance() {
+        return HelpersBrowaser.inst;
+    }
+}
+HelpersBrowaser.callbacks = [];
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers-browser.ts
 
-function applyMixins(derivedCtor, baseCtors) {
-    baseCtors.forEach(baseCtor => {
-        Object.getOwnPropertyNames(baseCtor.prototype).forEach(name => {
-            Object.defineProperty(derivedCtor.prototype, name, Object.getOwnPropertyDescriptor(baseCtor.prototype, name));
-        });
-    });
-}
-// @ts-ignore
-class HelpersTnp extends CoreHelpers {
-    constructor(
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    arrays = new HelpersArrayObj(), strings = new HelpersStrings(), numbers = new HelpersNumber(), browser = HelpersBrowaser.instance) {
-        super();
-        this.arrays = arrays;
-        this.strings = strings;
-        this.numbers = numbers;
-        this.browser = browser;
-        this.conditionWait = conditionWait;
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        this.applyMixins = applyMixins;
-    }
-    static get Instance() {
-        if (!HelpersTnp._instance) {
-            HelpersTnp._instance = new HelpersTnp();
-        }
-        return HelpersTnp._instance;
-    }
-    CLIWRAP(f, name) {
-        CLASS.setName(f, name);
-        return f;
-    }
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    async isElevated() {
-        /* */
-        /* */
-        /* */
-        /* */
-    }
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    /* */
-    async mesureExectionInMs(description, functionToExecute, ...functionArguments) {
-        var start = new Date();
-        await Helpers.runSyncOrAsync(functionToExecute, ...functionArguments);
-        //@ts-ignore
-        var end = new Date() - start;
-        if (Morphi.IsBrowser) {
-            Helpers.info(`Execution time: ${end.toString()}ms for "${description}"`);
-        }
-        /* */
-        /* */
-        return end;
-    }
-    mesureExectionInMsSync(description, functionToExecute) {
-        var start = new Date();
-        functionToExecute();
-        //@ts-ignore
-        var end = new Date() - start;
-        if (Morphi.IsBrowser) {
-            Helpers.log(`Execution time: ${end.toString()}ms for "${description}"`);
-        }
-        /* */
-        /* */
-        return end;
-    }
-    waitForCondition(conditionFn, howOfftenCheckInMs = 1000) {
-        return new Promise(async (resolve, reject) => {
-            const result = await Helpers.runSyncOrAsync(conditionFn);
-            if (result) {
-                resolve(void 0);
-            }
-            else {
-                setTimeout(() => {
-                    Helpers.waitForCondition(conditionFn, howOfftenCheckInMs).then(() => {
-                        resolve(void 0);
-                    });
-                }, howOfftenCheckInMs);
-            }
-        });
-    }
-    getBrowserVerPath(moduleName, websql = false) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-    }
-    getMethodName(obj, method) {
-        var methodName = null;
-        Object.getOwnPropertyNames(obj).forEach(prop => {
-            if (obj[prop] === method) {
-                methodName = prop;
-            }
-        });
-        if (methodName !== null) {
-            return methodName;
-        }
-        var proto = Object.getPrototypeOf(obj);
-        if (proto) {
-            return Helpers.getMethodName(proto, method);
-        }
-        return null;
-    }
-    fixWebpackEnv(env) {
-        _.forIn(env, (v, k) => {
-            const value = v;
-            if (value === 'true')
-                env[k] = true;
-            if (value === 'false')
-                env[k] = false;
-        });
-    }
-}
-applyMixins(HelpersTnp, [
-    HelpersStringsRegexes,
-    HelpersEnvironment,
-    /* */
-    /* */
-    /* */
-]);
-;
+const componentContextSymbol = Symbol();
+const componentsDestroy$Subjects = {};
+class SerializedSubject {
+    constructor(id) {
+        this.id = id;
+    }
+}
+var NgHelpers;
+(function (NgHelpers) {
+    function subjectId(destroySubject) {
+        const id = Math.random().toString(36).substring(2);
+        if (!destroySubject[componentContextSymbol]) {
+            destroySubject[componentContextSymbol] = new SerializedSubject(id);
+            componentsDestroy$Subjects[id] = destroySubject;
+        }
+        return destroySubject[componentContextSymbol];
+    }
+    /**
+     * if you are using this.. please call Helpers.ng.unsubscribe(this.$destroy) in ngOnDestroy();
+     */
+    function serialize(destroy$) {
+        return subjectId(destroy$);
+    }
+    NgHelpers.serialize = serialize;
+    /**
+     * if you are using this.. please call Helpers.ng.unsubscribe(this.$destroy) in ngOnDestroy();
+     */
+    function deserialize(destroy$) {
+        if (destroy$?.id) {
+            const realDestroySubject = componentsDestroy$Subjects[destroy$.id];
+            return realDestroySubject;
+        }
+        return new Subject();
+    }
+    NgHelpers.deserialize = deserialize;
+    function unsubscribe(destroy$) {
+        const destroySubject = subjectId(destroy$);
+        if (destroySubject?.id) {
+            delete componentsDestroy$Subjects[destroySubject.id];
+            delete destroySubject[componentContextSymbol];
+        }
+    }
+    NgHelpers.unsubscribe = unsubscribe;
+    /**
+    get properties from scss file
+  
+  
+    import styles from './tasks-ngrx-data.component.scss';
+  
+    export class ExampleComponent {
+      sassFile = sassFile(styles);
+  
+      async ngOnInit() {
+        this.tasksService.getAll();
+        console.log(this.sassFile.stringValue('--max-container-size'))
+        console.log(this.sassFile.numberValue('--max-container-size'))
+      }
+    }
+       */
+    function sassFile(styles) {
+        const lines = (styles.split('\n'));
+        return {
+            stringValue: (name) => {
+                for (let index = 0; index < lines.length; index++) {
+                    const l = lines[index];
+                    const [varName, value] = l.trim().split(':');
+                    if (varName === name) {
+                        return value.replace(';', '');
+                    }
+                }
+            },
+            numberValue: (name) => {
+                for (let index = 0; index < lines.length; index++) {
+                    const l = lines[index];
+                    const [varName, value] = l.trim().split(':');
+                    if (varName === name) {
+                        return Number(value.replace('px', '').replace(';', ''));
+                    }
+                }
+            }
+        };
+    }
+    NgHelpers.sassFile = sassFile;
+})(NgHelpers || (NgHelpers = {}));
+;
+({}); // @--end-of-file-for-module=tnp-helpers lib/angular.helper.ts
+
+function applyMixins(derivedCtor, baseCtors) {
+    baseCtors.forEach(baseCtor => {
+        Object.getOwnPropertyNames(baseCtor.prototype).forEach(name => {
+            Object.defineProperty(derivedCtor.prototype, name, Object.getOwnPropertyDescriptor(baseCtor.prototype, name));
+        });
+    });
+}
+// @ts-ignore
+class HelpersTnp extends CoreHelpers {
+    constructor(
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    arrays = new HelpersArrayObj(), strings = new HelpersStrings(), numbers = new HelpersNumber(), browser = HelpersBrowaser.instance, ng = NgHelpers) {
+        super();
+        this.arrays = arrays;
+        this.strings = strings;
+        this.numbers = numbers;
+        this.browser = browser;
+        this.ng = ng;
+        this.conditionWait = conditionWait;
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        this.applyMixins = applyMixins;
+    }
+    static get Instance() {
+        if (!HelpersTnp._instance) {
+            HelpersTnp._instance = new HelpersTnp();
+        }
+        return HelpersTnp._instance;
+    }
+    CLIWRAP(f, name) {
+        CLASS.setName(f, name);
+        return f;
+    }
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    async isElevated() {
+        /* */
+        /* */
+        /* */
+        /* */
+    }
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    /* */
+    async mesureExectionInMs(description, functionToExecute, ...functionArguments) {
+        var start = new Date();
+        await Helpers.runSyncOrAsync(functionToExecute, ...functionArguments);
+        //@ts-ignore
+        var end = new Date() - start;
+        if (Morphi.IsBrowser) {
+            Helpers.info(`Execution time: ${end.toString()}ms for "${description}"`);
+        }
+        /* */
+        /* */
+        return end;
+    }
+    mesureExectionInMsSync(description, functionToExecute) {
+        var start = new Date();
+        functionToExecute();
+        //@ts-ignore
+        var end = new Date() - start;
+        if (Morphi.IsBrowser) {
+            Helpers.log(`Execution time: ${end.toString()}ms for "${description}"`);
+        }
+        /* */
+        /* */
+        return end;
+    }
+    waitForCondition(conditionFn, howOfftenCheckInMs = 1000) {
+        return new Promise(async (resolve, reject) => {
+            const result = await Helpers.runSyncOrAsync(conditionFn);
+            if (result) {
+                resolve(void 0);
+            }
+            else {
+                setTimeout(() => {
+                    Helpers.waitForCondition(conditionFn, howOfftenCheckInMs).then(() => {
+                        resolve(void 0);
+                    });
+                }, howOfftenCheckInMs);
+            }
+        });
+    }
+    getBrowserVerPath(moduleName, websql = false) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+    }
+    getMethodName(obj, method) {
+        var methodName = null;
+        Object.getOwnPropertyNames(obj).forEach(prop => {
+            if (obj[prop] === method) {
+                methodName = prop;
+            }
+        });
+        if (methodName !== null) {
+            return methodName;
+        }
+        var proto = Object.getPrototypeOf(obj);
+        if (proto) {
+            return Helpers.getMethodName(proto, method);
+        }
+        return null;
+    }
+    fixWebpackEnv(env) {
+        _.forIn(env, (v, k) => {
+            const value = v;
+            if (value === 'true')
+                env[k] = true;
+            if (value === 'false')
+                env[k] = false;
+        });
+    }
+}
+applyMixins(HelpersTnp, [
+    HelpersStringsRegexes,
+    HelpersEnvironment,
+    /* */
+    /* */
+    /* */
+]);
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/helpers.ts
 
-const BaselineSiteJoinprefix = '__';
-const PREFIXES = {
-    BASELINE: BaselineSiteJoinprefix,
-    DELETED: '____DELETED____',
-    ORIGINAL: '____ORIGINAL____',
-};
+const BaselineSiteJoinprefix = '__';
+const PREFIXES = {
+    BASELINE: BaselineSiteJoinprefix,
+    DELETED: '____DELETED____',
+    ORIGINAL: '____ORIGINAL____',
+};
 ({}); // @--end-of-file-for-module=tnp-helpers lib/constants.ts
 
-/* */
-const Helpers$1 = HelpersTnp.Instance;
-class Project {
-    constructor() {
-        /* */
-        /* */
-        this.cache = {};
-        this.browser = {};
-    }
-    static typeFrom(location) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    static unload(project) {
-        Project.projects = Project.projects.filter(f => f !== project);
-    }
-    static From(locationOfProj) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    static nearestTo(absoluteLocation, options) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    static allProjectFrom(absoluteLocation, stopOnCwd = '/') {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    static DefaultPortByType(type) {
-        if (type === 'workspace') {
-            return 5000;
-        }
-        if (type === 'angular-client') {
-            return 4300;
-        }
-        if (type === 'angular-lib') {
-            return 4250;
-        }
-        if (type === 'electron-client') {
-            return 4350;
-        }
-        if (type === 'ionic-client') {
-            return 8080;
-        }
-        if (type === 'docker') {
-            return 5000;
-        }
-        if (type === 'isomorphic-lib') {
-            return 4000;
-        }
-        if (type === 'container' || type === 'unknow-npm-project') {
-            return;
-        }
-    }
-    static get isBundleMode() {
-        if (Helpers$1.isBrowser) {
-            return true;
-        }
-        /* */
-        /* */
-    }
-    static get Current() {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    /**
-     * @deprecated
-     */
-    static get Tnp() {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    static by(libraryType, version
-    /* */
-    /* */
-    ) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    defineProperty(variableName, classFn) {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-    setType(type) {
-        // @ts-ignore
-        this._type = type;
-    }
-    typeIs(...types) {
-        return this._type && types.includes(this._type);
-    }
-    typeIsNot(...types) {
-        return !this.typeIs(...types);
-    }
-    forEmptyStructure() {
-        /* */
-        /* */
-        /* */
-        /* */
-        /* */
-        return (void 0);
-    }
-}
-Project.projects = [];
-/**
- * To speed up checking folder I am keeping pathes for alterdy checked folder
- * This may break things that are creating new projects
- */
-Project.emptyLocations = [];
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-/* */
-;
+/* */
+const Helpers$1 = HelpersTnp.Instance;
+class Project {
+    constructor() {
+        /* */
+        /* */
+        this.cache = {};
+        this.browser = {};
+    }
+    static typeFrom(location) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    static unload(project) {
+        Project.projects = Project.projects.filter(f => f !== project);
+    }
+    static From(locationOfProj) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    static nearestTo(absoluteLocation, options) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    static allProjectFrom(absoluteLocation, stopOnCwd = '/') {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    static DefaultPortByType(type) {
+        if (type === 'workspace') {
+            return 5000;
+        }
+        if (type === 'angular-client') {
+            return 4300;
+        }
+        if (type === 'angular-lib') {
+            return 4250;
+        }
+        if (type === 'electron-client') {
+            return 4350;
+        }
+        if (type === 'ionic-client') {
+            return 8080;
+        }
+        if (type === 'docker') {
+            return 5000;
+        }
+        if (type === 'isomorphic-lib') {
+            return 4000;
+        }
+        if (type === 'container' || type === 'unknow-npm-project') {
+            return;
+        }
+    }
+    static get isBundleMode() {
+        if (Helpers$1.isBrowser) {
+            return true;
+        }
+        /* */
+        /* */
+    }
+    static get Current() {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    /**
+     * @deprecated
+     */
+    static get Tnp() {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    static by(libraryType, version
+    /* */
+    /* */
+    ) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    defineProperty(variableName, classFn) {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+    setType(type) {
+        // @ts-ignore
+        this._type = type;
+    }
+    typeIs(...types) {
+        return this._type && types.includes(this._type);
+    }
+    typeIsNot(...types) {
+        return !this.typeIs(...types);
+    }
+    forEmptyStructure() {
+        /* */
+        /* */
+        /* */
+        /* */
+        /* */
+        return (void 0);
+    }
+}
+Project.projects = [];
+/**
+ * To speed up checking folder I am keeping pathes for alterdy checked folder
+ * This may break things that are creating new projects
+ */
+Project.emptyLocations = [];
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/project.ts
 
-;
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/firedev-models.ts
 
-class BaseComponent {
-    constructor() {
-        // @ts-ignore
-        this.model = {};
-        this.handlers = [];
-    }
-    ngOnDestroy() {
-        this.handlers.forEach(h => h.unsubscribe());
-        this.handlers.length = 0;
-    }
-}
-BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BaseComponent, selector: "app-base-component-meta", inputs: { model: "model" }, ngImport: i0, template: '<div></div>', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-base-component-meta',
-                    template: '<div></div>'
-                }]
-        }], propDecorators: { model: [{
-                type: Input
-            }] } });
-const isCalledNgInitAfterInternalRefresh = Symbol();
-class BaseComponentForRouter extends BaseComponent {
-    constructor(__router) {
-        super();
-        this.__router = __router;
-        this[isCalledNgInitAfterInternalRefresh] = false;
-    }
-    isCalledNgInitAfterInternalRefresh() {
-        return !!this[isCalledNgInitAfterInternalRefresh];
-    }
-    reloadNgOninitOnUrlChange() {
-        this.handlers.push(this.__router.events.subscribe(event => {
-            if (event instanceof NavigationEnd && this['ngOnInit']) {
-                this[isCalledNgInitAfterInternalRefresh] = true;
-                this['ngOnInit']();
-                if (this[isCalledNgInitAfterInternalRefresh]) {
-                    this[isCalledNgInitAfterInternalRefresh] = false;
-                }
-            }
-        }));
-    }
-}
-;
+class BaseComponent {
+    constructor() {
+        // @ts-ignore
+        this.model = {};
+        this.handlers = [];
+    }
+    ngOnDestroy() {
+        this.handlers.forEach(h => h.unsubscribe());
+        this.handlers.length = 0;
+    }
+}
+BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BaseComponent, selector: "app-base-component-meta", inputs: { model: "model" }, ngImport: i0, template: '<div></div>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-base-component-meta',
+                    template: '<div></div>'
+                }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+const isCalledNgInitAfterInternalRefresh = Symbol();
+class BaseComponentForRouter extends BaseComponent {
+    constructor(__router) {
+        super();
+        this.__router = __router;
+        this[isCalledNgInitAfterInternalRefresh] = false;
+    }
+    isCalledNgInitAfterInternalRefresh() {
+        return !!this[isCalledNgInitAfterInternalRefresh];
+    }
+    reloadNgOninitOnUrlChange() {
+        this.handlers.push(this.__router.events.subscribe(event => {
+            if (event instanceof NavigationEnd && this['ngOnInit']) {
+                this[isCalledNgInitAfterInternalRefresh] = true;
+                this['ngOnInit']();
+                if (this[isCalledNgInitAfterInternalRefresh]) {
+                    this[isCalledNgInitAfterInternalRefresh] = false;
+                }
+            }
+        }));
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/base-component.ts
 
-const log$2 = Log.create(`DualComponentController`);
-class DualComponentController {
-    constructor(cmp, isFormlyMode = false) {
-        this.cmp = cmp;
-        this.isFormlyMode = isFormlyMode;
-    }
-    getValTemplateOptions(propertyName) {
-        if (this.isFormlyMode) {
-            const res = this.cmp.field?.templateOptions[propertyName];
-            if (res === void 0 && this.cmp[propertyName]) {
-                return this.cmp[propertyName];
-            }
-            return res;
-        }
-        return this.cmp[propertyName];
-    }
-    getValContext(propertyName) {
-        if (this.isFormlyMode) {
-            const res = this.cmp?.field[propertyName];
-            if (res === void 0 && this.cmp[propertyName]) {
-                return this.cmp[propertyName];
-            }
-            return res;
-        }
-        return this.cmp[propertyName];
-    }
-    get disabled() {
-        return this.getValTemplateOptions('disabled');
-    }
-    get required() {
-        return this.getValTemplateOptions('required');
-    }
-    get type() {
-        if (!this.isFormlyMode) {
-            return CLASS.getNameFromObject(this.cmp);
-        }
-        return this.getValContext('type');
-    }
-    get label() {
-        return this.getValTemplateOptions('label');
-    }
-    get placeholder() {
-        return this.getValTemplateOptions('placeholder');
-    }
-    get defaultValue() {
-        return this.getValContext('defaultValue');
-    }
-    get formControl() {
-        return this.getValContext('formControl');
-    }
-    get key() {
-        return this.getValContext('key');
-    }
-    get path() {
-        return this.getValContext('path');
-    }
-    get model() {
-        if (this.isFormlyMode) {
-            return this.getValContext('model');
-        }
-        else {
-            return this.__model;
-        }
-    }
-    set model(v) {
-        if (this.isFormlyMode) {
-            log$2.w(`[DualComponentController] You can't set model in formly component mode`);
-        }
-        else {
-            this.__model = v;
-        }
-    }
-    get mode() {
-        if (this.isFormlyMode) {
-            return this.getValContext('mode');
-        }
-        else {
-            return this.__mode;
-        }
-    }
-    set mode(v) {
-        if (this.isFormlyMode) {
-        }
-        else {
-            this.__mode = v;
-        }
-    }
-    get value() {
-        if (this.isFormlyMode) {
-            return this.cmp.field.formControl.value;
-        }
-        if (_.isString(this.path)) {
-            return _.get(this.cmp.model, this.path);
-        }
-        return this.cmp.model;
-    }
-    set value(v) {
-        if (this.isFormlyMode) {
-            this.cmp.field.formControl.setValue(v);
-            // @ts-ignore
-            this.cmp.change.next(v);
-            return;
-        }
-        if (_.isString(this.path)) {
-            _.set(this.cmp.model, this.path, v);
-        }
-        else {
-            this.cmp.model = v;
-        }
-    }
-}
-;
+const log$2 = Log.create(`DualComponentController`);
+class DualComponentController {
+    constructor(cmp, isFormlyMode = false) {
+        this.cmp = cmp;
+        this.isFormlyMode = isFormlyMode;
+    }
+    getValTemplateOptions(propertyName) {
+        if (this.isFormlyMode) {
+            const res = this.cmp.field?.templateOptions[propertyName];
+            if (res === void 0 && this.cmp[propertyName]) {
+                return this.cmp[propertyName];
+            }
+            return res;
+        }
+        return this.cmp[propertyName];
+    }
+    getValContext(propertyName) {
+        if (this.isFormlyMode) {
+            const res = this.cmp?.field[propertyName];
+            if (res === void 0 && this.cmp[propertyName]) {
+                return this.cmp[propertyName];
+            }
+            return res;
+        }
+        return this.cmp[propertyName];
+    }
+    get disabled() {
+        return this.getValTemplateOptions('disabled');
+    }
+    get required() {
+        return this.getValTemplateOptions('required');
+    }
+    get type() {
+        if (!this.isFormlyMode) {
+            return CLASS.getNameFromObject(this.cmp);
+        }
+        return this.getValContext('type');
+    }
+    get label() {
+        return this.getValTemplateOptions('label');
+    }
+    get placeholder() {
+        return this.getValTemplateOptions('placeholder');
+    }
+    get defaultValue() {
+        return this.getValContext('defaultValue');
+    }
+    get formControl() {
+        return this.getValContext('formControl');
+    }
+    get key() {
+        return this.getValContext('key');
+    }
+    get path() {
+        return this.getValContext('path');
+    }
+    get model() {
+        if (this.isFormlyMode) {
+            return this.getValContext('model');
+        }
+        else {
+            return this.__model;
+        }
+    }
+    set model(v) {
+        if (this.isFormlyMode) {
+            log$2.w(`[DualComponentController] You can't set model in formly component mode`);
+        }
+        else {
+            this.__model = v;
+        }
+    }
+    get mode() {
+        if (this.isFormlyMode) {
+            return this.getValContext('mode');
+        }
+        else {
+            return this.__mode;
+        }
+    }
+    set mode(v) {
+        if (this.isFormlyMode) {
+        }
+        else {
+            this.__mode = v;
+        }
+    }
+    get value() {
+        if (this.isFormlyMode) {
+            return this.cmp.field.formControl.value;
+        }
+        if (_.isString(this.path)) {
+            return _.get(this.cmp.model, this.path);
+        }
+        return this.cmp.model;
+    }
+    set value(v) {
+        if (this.isFormlyMode) {
+            this.cmp.field.formControl.setValue(v);
+            // @ts-ignore
+            this.cmp.change.next(v);
+            return;
+        }
+        if (_.isString(this.path)) {
+            _.set(this.cmp.model, this.path, v);
+        }
+        else {
+            this.cmp.model = v;
+        }
+    }
+}
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/dual-component-ctrl.ts
 
-const log$1 = Log.create('base formly component', Level.__NOTHING);
-class BaseFormlyComponent extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.DualComponentController = DualComponentController;
-        this.ctrl = {};
-        this.change = new EventEmitter();
-        // @ts-ignore
-        this.handlers = [];
-        this.__field = {
-            templateOptions: {}
-        };
-    }
-    // @ts-ignore
-    get mode() {
-        return this.ctrl.mode;
-    }
-    // @ts-ignore
-    set mode(v) {
-        this.ctrl.mode = v;
-    }
-    // @ts-ignore
-    set model(v) {
-        this.ctrl.model = v;
-    }
-    get model() {
-        return this.ctrl.model;
-    }
-    // @ts-ignore
-    set key(value) {
-        if (this.ctrl && this.ctrl.isFormlyMode) {
-            return;
-        }
-        this.path = value;
-    }
-    get key() {
-        if (this.ctrl && this.ctrl.isFormlyMode) {
-            return this.field.key;
-        }
-        return this.path;
-    }
-    ngOnDestroy() {
-        this.handlers.forEach(h => h.unsubscribe());
-        this.handlers.length = 0;
-    }
-    ngAfterViewInit() {
-    }
-    ngOnInit() {
-        const isFormlyMode = !!this.field;
-        log$1.i(`isFormlyMode: ${isFormlyMode}`);
-        if (!isFormlyMode) {
-            const that = this;
-            Object.defineProperty(this, 'field', {
-                get: function () {
-                    return that.__field;
-                },
-                set: function (v) {
-                    that.__field = v;
-                }
-            });
-        }
-        const existed = this.ctrl;
-        this.ctrl = new this.DualComponentController(this, isFormlyMode);
-        // @ts-ignore
-        Object.keys(existed).forEach(key => {
-            this.ctrl[key] = existed[key];
-        });
-        // @ts-ignore
-        this.change.next(this.ctrl.value);
-    }
-}
-BaseFormlyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseFormlyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BaseFormlyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BaseFormlyComponent, selector: "app-base-formly-component-meta", inputs: { pizda: "pizda", mode: "mode", disabled: "disabled", required: "required", label: "label", placeholder: "placeholder", defaultValue: "defaultValue", model: "model", path: "path", key: "key" }, outputs: { change: "change" }, usesInheritance: true, ngImport: i0, template: `<div></div>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseFormlyComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-base-formly-component-meta',
-                    template: `<div></div>`
-                }]
-        }], propDecorators: { pizda: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], defaultValue: [{
-                type: Input
-            }], model: [{
-                type: Input
-            }], path: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }], key: [{
-                type: Input
-            }] } });
-;
+const log$1 = Log.create('base formly component', Level.__NOTHING);
+class BaseFormlyComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.DualComponentController = DualComponentController;
+        this.ctrl = {};
+        this.change = new EventEmitter();
+        // @ts-ignore
+        this.handlers = [];
+        this.__field = {
+            templateOptions: {}
+        };
+    }
+    // @ts-ignore
+    get mode() {
+        return this.ctrl.mode;
+    }
+    // @ts-ignore
+    set mode(v) {
+        this.ctrl.mode = v;
+    }
+    // @ts-ignore
+    set model(v) {
+        this.ctrl.model = v;
+    }
+    get model() {
+        return this.ctrl.model;
+    }
+    // @ts-ignore
+    set key(value) {
+        if (this.ctrl && this.ctrl.isFormlyMode) {
+            return;
+        }
+        this.path = value;
+    }
+    get key() {
+        if (this.ctrl && this.ctrl.isFormlyMode) {
+            return this.field.key;
+        }
+        return this.path;
+    }
+    ngOnDestroy() {
+        this.handlers.forEach(h => h.unsubscribe());
+        this.handlers.length = 0;
+    }
+    ngAfterViewInit() {
+    }
+    ngOnInit() {
+        const isFormlyMode = !!this.field;
+        log$1.i(`isFormlyMode: ${isFormlyMode}`);
+        if (!isFormlyMode) {
+            const that = this;
+            Object.defineProperty(this, 'field', {
+                get: function () {
+                    return that.__field;
+                },
+                set: function (v) {
+                    that.__field = v;
+                }
+            });
+        }
+        const existed = this.ctrl;
+        this.ctrl = new this.DualComponentController(this, isFormlyMode);
+        // @ts-ignore
+        Object.keys(existed).forEach(key => {
+            this.ctrl[key] = existed[key];
+        });
+        // @ts-ignore
+        this.change.next(this.ctrl.value);
+    }
+}
+BaseFormlyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseFormlyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BaseFormlyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BaseFormlyComponent, selector: "app-base-formly-component-meta", inputs: { pizda: "pizda", mode: "mode", disabled: "disabled", required: "required", label: "label", placeholder: "placeholder", defaultValue: "defaultValue", model: "model", path: "path", key: "key" }, outputs: { change: "change" }, usesInheritance: true, ngImport: i0, template: `<div></div>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseFormlyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-base-formly-component-meta',
+                    template: `<div></div>`
+                }]
+        }], propDecorators: { pizda: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], key: [{
+                type: Input
+            }] } });
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/base-formly-component.ts
 
-class ResizeService {
-    constructor() {
-        this.resizeDetector = elementResizeDetectorMaker({ strategy: 'scroll' });
-    }
-    addResizeEventListener(element, handler) {
-        this.resizeDetector.listenTo(element, handler);
-    }
-    removeResizeEventListener(element) {
-        this.resizeDetector.uninstall(element);
-    }
-}
-ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-;
+class ResizeService {
+    constructor() {
+        this.resizeDetector = elementResizeDetectorMaker({ strategy: 'scroll' });
+    }
+    addResizeEventListener(element, handler) {
+        this.resizeDetector.listenTo(element, handler);
+    }
+    removeResizeEventListener(element) {
+        this.resizeDetector.uninstall(element);
+    }
+}
+ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ResizeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/resize-service.ts
 
-const log = Log.create(`[firedev-helpers] long-press`, Level.__NOTHING);
-class LongPress {
-    constructor() {
-        this.pressDuration = 1000;
-        this.onLongPress = new EventEmitter();
-        this.onLongPressing = new EventEmitter();
-        this.onLongPressEnd = new EventEmitter();
-        this.mouseX = 0;
-        this.mouseY = 0;
-        this.allowTrigger = false;
-        this.triggerEnd = _.debounce(() => {
-            this.endPress();
-        }, 500);
-    }
-    get press() { return this.pressing; }
-    get longPress() { return this.longPressing; }
-    onMouseDown(event) {
-        log.d(`MOUSE DOWN `);
-        if (event.which !== 1)
-            return;
-        this.allowTrigger = true;
-        this.mouseX = event.clientX;
-        this.mouseY = event.clientY;
-        this.pressing = true;
-        this.longPressing = false;
-        this.timeout = setTimeout(() => {
-            if (this.allowTrigger) {
-                this.longPressing = true;
-                log.d(`long pressing start  pressDuration:${this.pressDuration} `);
-                this.onLongPress.emit(event);
-                this.loop(event);
-            }
-        }, this.pressDuration);
-        this.loop(event);
-    }
-    onMouseMove(event) {
-        if (this.pressing && !this.longPressing) {
-            const xThres = (event.clientX - this.mouseX) > 10;
-            const yThres = (event.clientY - this.mouseY) > 10;
-            if (xThres || yThres) {
-                this.endPress();
-            }
-        }
-    }
-    loop(event) {
-        if (this.longPressing) {
-            this.timeout = setTimeout(() => {
-                log.d(`emil longpressing`);
-                this.triggerEnd();
-                this.onLongPressing.emit(event);
-                this.loop(event);
-            }, 50);
-        }
-    }
-    endPress(emit = true) {
-        this.allowTrigger = false;
-        clearTimeout(this.timeout);
-        this.longPressing = false;
-        this.pressing = false;
-        if (emit) {
-            log.d(`EMIT END`);
-            this.onLongPressEnd.emit(true);
-        }
-        else {
-            log.d(`NOT EMIT END`);
-        }
-    }
-    onMouseUp() {
-        this.endPress(false);
-    }
-}
-LongPress.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LongPress, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-LongPress.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LongPress, selector: "[long-press]", inputs: { pressDuration: "pressDuration" }, outputs: { onLongPress: "onLongPress", onLongPressing: "onLongPressing", onLongPressEnd: "onLongPressEnd" }, host: { listeners: { "mousedown": "onMouseDown($event)", "mousemove": "onMouseMove($event)", "mouseup": "onMouseUp()" }, properties: { "class.press": "this.press", "class.longpress": "this.longPress" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LongPress, decorators: [{
-            type: Directive,
-            args: [{ selector: '[long-press]' }]
-        }], propDecorators: { pressDuration: [{
-                type: Input
-            }], onLongPress: [{
-                type: Output
-            }], onLongPressing: [{
-                type: Output
-            }], onLongPressEnd: [{
-                type: Output
-            }], press: [{
-                type: HostBinding,
-                args: ['class.press']
-            }], longPress: [{
-                type: HostBinding,
-                args: ['class.longpress']
-            }], onMouseDown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
-            }], onMouseMove: [{
-                type: HostListener,
-                args: ['mousemove', ['$event']]
-            }], onMouseUp: [{
-                type: HostListener,
-                args: ['mouseup']
-            }] } });
-;
+const log = Log.create(`[firedev-helpers] long-press`, Level.__NOTHING);
+class LongPress {
+    constructor() {
+        this.pressDuration = 1000;
+        this.onLongPress = new EventEmitter();
+        this.onLongPressing = new EventEmitter();
+        this.onLongPressEnd = new EventEmitter();
+        this.mouseX = 0;
+        this.mouseY = 0;
+        this.allowTrigger = false;
+        this.triggerEnd = _.debounce(() => {
+            this.endPress();
+        }, 500);
+    }
+    get press() { return this.pressing; }
+    get longPress() { return this.longPressing; }
+    onMouseDown(event) {
+        log.d(`MOUSE DOWN `);
+        if (event.which !== 1)
+            return;
+        this.allowTrigger = true;
+        this.mouseX = event.clientX;
+        this.mouseY = event.clientY;
+        this.pressing = true;
+        this.longPressing = false;
+        this.timeout = setTimeout(() => {
+            if (this.allowTrigger) {
+                this.longPressing = true;
+                log.d(`long pressing start  pressDuration:${this.pressDuration} `);
+                this.onLongPress.emit(event);
+                this.loop(event);
+            }
+        }, this.pressDuration);
+        this.loop(event);
+    }
+    onMouseMove(event) {
+        if (this.pressing && !this.longPressing) {
+            const xThres = (event.clientX - this.mouseX) > 10;
+            const yThres = (event.clientY - this.mouseY) > 10;
+            if (xThres || yThres) {
+                this.endPress();
+            }
+        }
+    }
+    loop(event) {
+        if (this.longPressing) {
+            this.timeout = setTimeout(() => {
+                log.d(`emil longpressing`);
+                this.triggerEnd();
+                this.onLongPressing.emit(event);
+                this.loop(event);
+            }, 50);
+        }
+    }
+    endPress(emit = true) {
+        this.allowTrigger = false;
+        clearTimeout(this.timeout);
+        this.longPressing = false;
+        this.pressing = false;
+        if (emit) {
+            log.d(`EMIT END`);
+            this.onLongPressEnd.emit(true);
+        }
+        else {
+            log.d(`NOT EMIT END`);
+        }
+    }
+    onMouseUp() {
+        this.endPress(false);
+    }
+}
+LongPress.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LongPress, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+LongPress.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LongPress, selector: "[long-press]", inputs: { pressDuration: "pressDuration" }, outputs: { onLongPress: "onLongPress", onLongPressing: "onLongPressing", onLongPressEnd: "onLongPressEnd" }, host: { listeners: { "mousedown": "onMouseDown($event)", "mousemove": "onMouseMove($event)", "mouseup": "onMouseUp()" }, properties: { "class.press": "this.press", "class.longpress": "this.longPress" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LongPress, decorators: [{
+            type: Directive,
+            args: [{ selector: '[long-press]' }]
+        }], propDecorators: { pressDuration: [{
+                type: Input
+            }], onLongPress: [{
+                type: Output
+            }], onLongPressing: [{
+                type: Output
+            }], onLongPressEnd: [{
+                type: Output
+            }], press: [{
+                type: HostBinding,
+                args: ['class.press']
+            }], longPress: [{
+                type: HostBinding,
+                args: ['class.longpress']
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['mousemove', ['$event']]
+            }], onMouseUp: [{
+                type: HostListener,
+                args: ['mouseup']
+            }] } });
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/long-press.directive.ts
 
-/* */
-/* */
-const Helpers = HelpersTnp.Instance;
-;
+/* */
+/* */
+const Helpers = HelpersTnp.Instance;
+;
 ({}); // @--end-of-file-for-module=tnp-helpers lib/index.ts
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { BaseComponent, BaseComponentForRouter, BaseFormlyComponent, BaselineSiteJoinprefix, DualComponentController, Helpers, LongPress, PREFIXES, Project, ResizeService };
+export { BaseComponent, BaseComponentForRouter, BaseFormlyComponent, BaselineSiteJoinprefix, DualComponentController, Helpers, LongPress, PREFIXES, Project, ResizeService, SerializedSubject };
 //# sourceMappingURL=tnp-helpers.mjs.map