@inspark/inspark-components 1.0.44 → 14.0.1

package/full/bundles/inspark-inspark-components.umd.js

@@ -1,4622 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/core'), require('@angular/platform-browser'), require('primeng/api'), require('@biesbjerg/ngx-translate-extract/dist/utils/utils'), require('primeng/dynamicdialog'), require('primeng/components/dynamicdialog/dynamicdialog-injector'), require('rxjs'), require('@angular/forms'), require('@angular/common'), require('primeng/primeng'), require('@angular/router'), require('@angular/cdk/scrolling'), require('@angular/animations'), require('primeng/table'), require('primeng/dropdown'), require('primeng/multiselect'), require('@ng-bootstrap/ng-bootstrap'), require('primeng/checkbox'), require('primeng/components/utils/objectutils'), require('ng-inline-svg'), require('primeng/menu'), require('primeng/slider')) :
-    typeof define === 'function' && define.amd ? define('@inspark/inspark-components', ['exports', '@angular/core', '@ngx-translate/core', '@angular/platform-browser', 'primeng/api', '@biesbjerg/ngx-translate-extract/dist/utils/utils', 'primeng/dynamicdialog', 'primeng/components/dynamicdialog/dynamicdialog-injector', 'rxjs', '@angular/forms', '@angular/common', 'primeng/primeng', '@angular/router', '@angular/cdk/scrolling', '@angular/animations', 'primeng/table', 'primeng/dropdown', 'primeng/multiselect', '@ng-bootstrap/ng-bootstrap', 'primeng/checkbox', 'primeng/components/utils/objectutils', 'ng-inline-svg', 'primeng/menu', 'primeng/slider'], factory) :
-    (global = global || self, factory((global.inspark = global.inspark || {}, global.inspark['inspark-components'] = {}), global.ng.core, global.core$1, global.ng.platformBrowser, global.api, global.utils, global.dynamicdialog, global.dynamicdialogInjector, global.rxjs, global.ng.forms, global.ng.common, global.primeng, global.ng.router, global.ng.cdk.scrolling, global.ng.animations, global.table, global.dropdown, global.multiselect, global.ngBootstrap, global.checkbox, global.objectutils, global.ngInlineSvg, global.menu, global.slider));
-}(this, (function (exports, core, core$1, platformBrowser, api, utils, dynamicdialog, dynamicdialogInjector, rxjs, forms, common, primeng, router, scrolling, animations, table, dropdown, multiselect, ngBootstrap, checkbox, objectutils, ngInlineSvg, menu, slider) { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
-    }
-
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-    }
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m) return m.call(o);
-        if (o && typeof o.length === "number") return {
-            next: function () {
-                if (o && i >= o.length) o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    };
-
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-    }
-
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
-
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    };
-
-    function __importStar(mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
-        return result;
-    }
-
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
-    }
-
-    var PropertyValuePipe = /** @class */ (function () {
-        function PropertyValuePipe() {
-        }
-        PropertyValuePipe.prototype.transform = function (value, name) {
-            if (Array.isArray(value) || !(value instanceof Object) || !name) {
-                return value;
-            }
-            else if (name.indexOf('.') > -1) {
-                var splitName = name.split(/\.(.+)/, 2);
-                return this.transform(value[splitName[0]], splitName[1]);
-            }
-            else {
-                return value[name];
-            }
-        };
-        PropertyValuePipe = __decorate([
-            core.Pipe({
-                name: 'propertyValue'
-            })
-        ], PropertyValuePipe);
-        return PropertyValuePipe;
-    }());
-
-    function isTime(value) {
-        return /^[0-9]{1,2}\:[0-9]{1,2}$/.test(value.toString());
-    }
-    function addLeadZero(num, isNegative) {
-        if (isNegative === void 0) { isNegative = false; }
-        return (isNegative ? '-' : '') + ('000' + Math.abs(num)).slice(-2);
-    }
-    function parseIntervalToMinutes(interval) {
-        if (!isTime(interval)) {
-            return 0;
-        }
-        var parts = interval.split(':');
-        var hours = parseInt(parts[0], 10);
-        var minutes = parseInt(parts[1], 10);
-        if (isNaN(hours) || isNaN(minutes)) {
-            throw new Error(interval + ' не может быть обработан как время HH:MM');
-        }
-        return 60 * hours + minutes;
-    }
-    function shortWeekdayToNum(dayKey) {
-        switch (dayKey) {
-            case 'sun':
-                return 0;
-            case 'mon':
-                return 1;
-            case 'tue':
-                return 2;
-            case 'wed':
-                return 3;
-            case 'thu':
-                return 4;
-            case 'fri':
-                return 5;
-            case 'sat':
-                return 6;
-            case 'd1':
-                return 7;
-            case 'd2':
-                return 8;
-        }
-        return -1;
-    }
-    function formatNumberToTime(num) {
-        if (isTime(num)) {
-            return num;
-        }
-        var value = parseInt(num, 10);
-        var isNegative = value < 0 ? true : false;
-        var absValue = Math.abs(value);
-        return addLeadZero(Math.floor(absValue / 60), isNegative) + ':' + addLeadZero(absValue % 60);
-    }
-    function numToShortWeekday(num) {
-        var days = [
-            'sun',
-            'mon',
-            'tue',
-            'wed',
-            'thu',
-            'fri',
-            'sat',
-            'd1',
-            'd2'
-        ];
-        return days[parseInt(num, 10)] ? days[parseInt(num, 10)] : 'custom';
-    }
-    function shortToFullWeekday(day) {
-        var days = {
-            'sun': 'sunday',
-            'mon': 'monday',
-            'tue': 'tuesday',
-            'wed': 'wednesday',
-            'thu': 'thursday',
-            'fri': 'friday',
-            'sat': 'saturday',
-            'd1': 'day1',
-            'd2': 'day2'
-        };
-        return days[day];
-    }
-    var ShortToFullWeekdayPipe = /** @class */ (function () {
-        function ShortToFullWeekdayPipe() {
-        }
-        ShortToFullWeekdayPipe.prototype.transform = function (value, args) {
-            return shortToFullWeekday(value);
-        };
-        ShortToFullWeekdayPipe = __decorate([
-            core.Pipe({
-                name: 'shortToFullWeekday'
-            })
-        ], ShortToFullWeekdayPipe);
-        return ShortToFullWeekdayPipe;
-    }());
-    /**
-     * Pipe используется для преобразования числа в день недели
-     * 0-6 - вс-сб, 7,8 - день1, день2
-     */
-    var NumToShortWeekdayPipe = /** @class */ (function () {
-        function NumToShortWeekdayPipe() {
-        }
-        NumToShortWeekdayPipe.prototype.transform = function (value, args) {
-            return numToShortWeekday(value);
-        };
-        NumToShortWeekdayPipe = __decorate([
-            core.Pipe({
-                name: 'numToShortWeekday'
-            })
-        ], NumToShortWeekdayPipe);
-        return NumToShortWeekdayPipe;
-    }());
-    var FormatNumToTime = /** @class */ (function () {
-        function FormatNumToTime() {
-        }
-        FormatNumToTime.prototype.transform = function (value, args) {
-            if (args) {
-                var isHour = false;
-                var isMin = false;
-                var isSec = false;
-                if (args.indexOf('HH') !== -1) {
-                    isHour = true;
-                }
-                if (args.indexOf('mm') !== -1) {
-                    isMin = true;
-                }
-                if (args.indexOf('SS') !== -1) {
-                    isSec = true;
-                }
-                var absValue = Math.floor(Math.abs(value / 1000));
-                var hours = 0;
-                var hh = '00';
-                if (isHour) {
-                    hours = Math.floor(absValue / (60 * 60));
-                    hh = String(hours < 10 ? '0' + hours : hours);
-                }
-                var Mins = 0;
-                var MM = '00';
-                if (isMin) {
-                    Mins = Math.ceil((absValue - hours * 60 * 60) / 60);
-                    MM = String(Mins < 10 ? '0' + Mins : Mins);
-                }
-                var sec = 0;
-                var ss = '00';
-                if (isSec) {
-                    sec = absValue - hours * 60 * 60 - Mins * 60;
-                    ss = String(sec < 10 ? '0' + sec : sec);
-                }
-                if (isHour && isMin && isSec) {
-                    return hh + ':' + MM + ':' + ss;
-                }
-                else if (isHour && isMin) {
-                    return hh + ':' + MM;
-                }
-                else if (isMin && isSec) {
-                    return MM + ':' + ss;
-                }
-                else if (isHour) {
-                    return hh;
-                }
-                else if (isMin) {
-                    return MM;
-                }
-                else if (isSec) {
-                    return ss;
-                }
-            }
-            return formatNumberToTime(value);
-        };
-        FormatNumToTime = __decorate([
-            core.Pipe({
-                name: 'formatNumToTime'
-            })
-        ], FormatNumToTime);
-        return FormatNumToTime;
-    }());
-    var InDate = /** @class */ (function () {
-        function InDate(translate) {
-            this.translate = translate;
-        }
-        InDate.prototype.transform = function (value, args) {
-            var isSec = args ? args.indexOf('ss') !== -1 : false;
-            var isHour = args ? args.indexOf('hh') !== -1 : true;
-            var isMin = args ? args.indexOf('MM') !== -1 : true;
-            var date = new Date(value);
-            var now = new Date();
-            var time = (isHour ? "" + ('0' + date.getHours()).slice(-2) : "")
-                + (isMin ? ":" + ('0' + date.getMinutes()).slice(-2) : "")
-                + (isSec ? ":" + ('0' + date.getSeconds()).slice(-2) + " " : "");
-            if (date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate()) {
-                return this.translate.instant('today at') + ' ' + time;
-            }
-            else {
-                return ('0' + date.getDate()).slice(-2) + '.' + ('0' + (date.getMonth() + 1)).slice(-2) + '.' + ('0' + date.getFullYear()).slice(-2) + ' ' + time;
-            }
-        };
-        InDate.ctorParameters = function () { return [
-            { type: core$1.TranslateService }
-        ]; };
-        InDate = __decorate([
-            core.Pipe({
-                name: 'inDate'
-            }),
-            __metadata("design:paramtypes", [core$1.TranslateService])
-        ], InDate);
-        return InDate;
-    }());
-
-    /**
-     * Sanitize HTML
-     */
-    var SafeUrlPipe = /** @class */ (function () {
-        /**
-         * Pipe Constructor
-         *
-         * @param _sanitizer: DomSanitezer
-         */
-        // tslint:disable-next-line
-        function SafeUrlPipe(_sanitizer) {
-            this._sanitizer = _sanitizer;
-        }
-        /**
-         * Transform
-         *
-         * @param value: string
-         */
-        SafeUrlPipe.prototype.transform = function (value) {
-            return this._sanitizer.bypassSecurityTrustResourceUrl(value);
-        };
-        SafeUrlPipe.ctorParameters = function () { return [
-            { type: platformBrowser.DomSanitizer }
-        ]; };
-        SafeUrlPipe = __decorate([
-            core.Pipe({
-                name: 'safeUrl'
-            }),
-            __metadata("design:paramtypes", [platformBrowser.DomSanitizer])
-        ], SafeUrlPipe);
-        return SafeUrlPipe;
-    }());
-
-    var SortByPipe = /** @class */ (function () {
-        function SortByPipe() {
-        }
-        SortByPipe.prototype.transform = function (arr, options) {
-            if (arr === undefined) {
-                return;
-            }
-            return arr.sort(function (a, b) {
-                var cmp = 0;
-                for (var i = 0; i < options.length; i++) {
-                    var x = a[options[i].sortField];
-                    var y = b[options[i].sortField];
-                    var asc = options[i].isAscending ? -1 : 1;
-                    cmp = (((x === y) ? 0 : (x < y) ? -1 * asc : 1 * asc) + cmp) * 10;
-                }
-                return cmp;
-            });
-        };
-        SortByPipe = __decorate([
-            core.Pipe({
-                name: 'SortByPipe'
-            })
-        ], SortByPipe);
-        return SortByPipe;
-    }());
-
-    var PipesModule = /** @class */ (function () {
-        function PipesModule() {
-        }
-        PipesModule = __decorate([
-            core.NgModule({
-                exports: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe],
-                declarations: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe]
-            })
-        ], PipesModule);
-        return PipesModule;
-    }());
-
-    function gettext(a) {
-        return utils._(a);
-    }
-
-    var InsparkMessageService = /** @class */ (function () {
-        function InsparkMessageService(translate, messageService, confirmationService) {
-            this.translate = translate;
-            this.messageService = messageService;
-            this.confirmationService = confirmationService;
-        }
-        /**
-         * @deprecated
-         * @param options
-         */
-        InsparkMessageService.prototype.add = function (options) {
-            this.messageService.add(options);
-        };
-        InsparkMessageService.prototype.confirm = function (message, options) {
-            var _this = this;
-            this.translate.get(message).subscribe(function (res) {
-                _this.confirmationService.confirm(__assign(__assign({}, options), { message: res }));
-            });
-        };
-        InsparkMessageService.prototype.success = function (message) {
-            var _this = this;
-            this.translate.get(gettext('Toast_Success_Caption')).subscribe(function (title) {
-                _this.translate.get(message).subscribe(function (res) {
-                    _this.messageService.add({ severity: 'success', summary: title, detail: res });
-                });
-            });
-        };
-        InsparkMessageService.prototype.message = function (message) {
-            var _this = this;
-            this.translate.get(gettext('Toast_Message_Caption')).subscribe(function (title) {
-                _this.translate.get(message).subscribe(function (res) {
-                    _this.messageService.add({ severity: 'info', summary: title, detail: res });
-                });
-            });
-        };
-        /*TODO: костыль перевода, - чтобы избежать переполнения стека изза рекурсии*/
-        InsparkMessageService.prototype.error = function (message) {
-            var _this = this;
-            var title = this.getToastErrorTitleLocalized();
-            // this.translate.get(gettext('Toast_Error_Caption')).subscribe((title: string) => {
-            this.translate.get(message).subscribe(function (res) {
-                _this.messageService.add({ severity: 'error', summary: title, detail: res });
-            });
-            // });
-        };
-        InsparkMessageService.prototype.getToastErrorTitleLocalized = function () {
-            var ilocale = localStorage.getItem('ilocale_');
-            if (ilocale && ilocale.replace(/"/g, '') === 'en-US') {
-                return 'Error';
-            }
-            return 'Ошибка';
-            /*
-                if (ilocale && (this.localeService.locale$.getValue() === undefined || this.localeService.locale$.getValue().serverShort !== ilocale.replace(/"/g, ''))) {
-                  this.localeService.setLocale(ilocale.replace(/"/g, ''));
-                  this.translate.use(this.localeService.locale$.getValue().short);
-                }
-            */
-        };
-        InsparkMessageService.ctorParameters = function () { return [
-            { type: core$1.TranslateService },
-            { type: api.MessageService },
-            { type: api.ConfirmationService }
-        ]; };
-        InsparkMessageService = __decorate([
-            core.Injectable(),
-            __metadata("design:paramtypes", [core$1.TranslateService,
-                api.MessageService,
-                api.ConfirmationService])
-        ], InsparkMessageService);
-        return InsparkMessageService;
-    }());
-
-    var InsparkDialogService = /** @class */ (function () {
-        function InsparkDialogService(componentFactoryResolver, appRef, injector) {
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.appRef = appRef;
-            this.injector = injector;
-        }
-        InsparkDialogService.prototype.open = function (componentType, config) {
-            var dialogRef = this.appendDialogComponentToBody(config);
-            console.log('window.scrollY', window.scrollY);
-            document.body.style.top = "-" + window.scrollY + "px";
-            document.body.style.position = 'fixed';
-            dialogRef.onClose.subscribe(function () {
-                console.log('custom subscrnve');
-                var scrollY = document.body.style.top;
-                document.body.style.position = '';
-                document.body.style.top = '';
-                window.scrollTo(0, parseInt(scrollY || '0') * -1);
-            });
-            this.dialogComponentRef.instance.childComponentType = componentType;
-            return dialogRef;
-        };
-        InsparkDialogService.prototype.appendDialogComponentToBody = function (config) {
-            var _this = this;
-            var map = new WeakMap();
-            map.set(api.DynamicDialogConfig, config);
-            var dialogRef = new api.DynamicDialogRef();
-            map.set(api.DynamicDialogRef, dialogRef);
-            var sub = dialogRef.onClose.subscribe(function () {
-                _this.removeDialogComponentFromBody();
-                sub.unsubscribe();
-            });
-            var componentFactory = this.componentFactoryResolver.resolveComponentFactory(dynamicdialog.DynamicDialogComponent);
-            var componentRef = componentFactory.create(new dynamicdialogInjector.DynamicDialogInjector(this.injector, map));
-            this.appRef.attachView(componentRef.hostView);
-            var domElem = componentRef.hostView.rootNodes[0];
-            document.body.appendChild(domElem);
-            this.dialogComponentRef = componentRef;
-            return dialogRef;
-        };
-        InsparkDialogService.prototype.removeDialogComponentFromBody = function () {
-            this.appRef.detachView(this.dialogComponentRef.hostView);
-            this.dialogComponentRef.destroy();
-        };
-        InsparkDialogService.ctorParameters = function () { return [
-            { type: core.ComponentFactoryResolver },
-            { type: core.ApplicationRef },
-            { type: core.Injector }
-        ]; };
-        InsparkDialogService = __decorate([
-            core.Injectable(),
-            __metadata("design:paramtypes", [core.ComponentFactoryResolver, core.ApplicationRef, core.Injector])
-        ], InsparkDialogService);
-        return InsparkDialogService;
-    }());
-
-    var CommunicationService = /** @class */ (function () {
-        function CommunicationService() {
-            this.messageSource = {};
-            this.message$ = {};
-        }
-        CommunicationService.prototype.create = function (id) {
-            if (!this.messageSource[id]) {
-                this.messageSource[id] = new rxjs.Subject();
-                this.message$[id] = this.messageSource[id].asObservable();
-            }
-        };
-        CommunicationService.prototype.next = function (widgetId, value) {
-            this.create(widgetId);
-            this.messageSource[widgetId].next(value);
-        };
-        CommunicationService = __decorate([
-            core.Injectable()
-        ], CommunicationService);
-        return CommunicationService;
-    }());
-
-    var ButtonComponent = /** @class */ (function (_super) {
-        __extends(ButtonComponent, _super);
-        function ButtonComponent(cdr) {
-            var _this = _super.call(this) || this;
-            _this.cdr = cdr;
-            _this.size = 'normal';
-            _this.color = 'normal';
-            _this.type = 'button';
-            _this.name = '';
-            _this.testId = '';
-            _this.label = '';
-            _this.icon = '';
-            _this.className = '';
-            _this.notify = null;
-            _this.svg = '';
-            _this.width = 'auto';
-            _this.link = '';
-            _this.isLoading = false;
-            _this.shadow = false;
-            _this.isIconOnly = false;
-            /**
-             * external - ссылка на внешний источник
-             * internal - ссылка внутри приложения
-             * auto - определяется автоматически исходя из link
-             */
-            _this.linkType = 'auto';
-            /**
-             * self - открывается в этом же окне
-             * blank - открывается в новом окне
-             * auto - определяется автоматически исходя из linkType
-             */
-            _this.linkTarget = 'auto';
-            // Отображает кнопку нажатой
-            _this.pressed = false;
-            _this.disabled = false;
-            _this.iconPos = 'left';
-            _this.selectedItem = null;
-            _this.menuPlacement = 'bottom-left';
-            _this.menuItems = [];
-            _this.focus = new core.EventEmitter();
-            _this.blur = new core.EventEmitter();
-            _this.click = new core.EventEmitter();
-            _this._target = '_self';
-            _this._linkType = 'auto';
-            _this.isMaterialIcon = false;
-            return _this;
-        }
-        Object.defineProperty(ButtonComponent.prototype, "pointerEvents", {
-            get: function () {
-                return this.disabled ? 'none' : 'auto';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        ButtonComponent.prototype.ngOnInit = function () {
-            this.updateData();
-        };
-        ButtonComponent.prototype.ngOnChanges = function (changes) {
-            this.updateData();
-        };
-        ButtonComponent.prototype.updateData = function () {
-            this._linkType = this.linkType;
-            if (this._linkType === 'auto') {
-                if ((this.link.indexOf('://') !== -1 || this.link.indexOf('//') === 0)) {
-                    this._linkType = 'external';
-                }
-                else {
-                    this._linkType = 'internal';
-                }
-            }
-            if (this.linkTarget === 'auto') {
-                if (this._linkType === 'external') {
-                    this._target = '_blank';
-                }
-                else {
-                    this._target = '_self';
-                }
-            }
-            else {
-                this._target = this.linkTarget === 'self' ? '_self' : 'blank';
-            }
-            if (this.icon && this.icon.indexOf('fa-') === -1) {
-                this.isMaterialIcon = true;
-            }
-            else {
-                this.isMaterialIcon = false;
-            }
-        };
-        ButtonComponent.prototype._onClick = function ($event) {
-            this.cdr.detectChanges();
-        };
-        ButtonComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "color", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "type", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "testId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "icon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "className", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "notify", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "svg", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "width", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "link", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "isLoading", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "shadow", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "isIconOnly", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "linkType", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "linkTarget", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "pressed", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ButtonComponent.prototype, "iconPos", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "selectedItem", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ButtonComponent.prototype, "menuPlacement", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], ButtonComponent.prototype, "menuItems", void 0);
-        __decorate([
-            core.ViewChild(primeng.Menu, { static: false }),
-            __metadata("design:type", primeng.Menu)
-        ], ButtonComponent.prototype, "_menu", void 0);
-        __decorate([
-            core.HostBinding('style.pointer-events'),
-            __metadata("design:type", String),
-            __metadata("design:paramtypes", [])
-        ], ButtonComponent.prototype, "pointerEvents", null);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], ButtonComponent.prototype, "focus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], ButtonComponent.prototype, "blur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], ButtonComponent.prototype, "click", void 0);
-        ButtonComponent = __decorate([
-            core.Component({
-                selector: 'in-button',
-                template: "<a (blur)=\"blur.emit($event)\"\n   (click)=\"_onClick($event)\"\n   (focus)=\"focus.emit($event)\"\n   *ngIf=\"link && _linkType ==='external'\"\n   [attr.type]=\"type\"\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\n   [href]=\"link\"\n   [ngClass]=\"{'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label),\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-tiny': size === 'tiny',\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-pressed' : pressed}\"\n   [ngStyle]=\"{width:width}\"\n   [style]=\"style\"\n   [target]=\"_target\" class=\"button-container\">\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</a>\n<a (blur)=\"blur.emit($event)\"\n   (click)=\"_onClick($event)\"\n   (focus)=\"focus.emit($event)\"\n   *ngIf=\"link && _linkType ==='internal'\"\n   [attr.type]=\"type\"\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\n   [ngClass]=\"{'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label),\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-tiny': size === 'tiny',\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-pressed' : pressed}\"\n   [ngStyle]=\"{width:width}\"\n   [routerLink]=\"link\"\n   [style]=\"style\"\n   [target]=\"_target\" class=\"button-container\">\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</a>\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\n      ngbDropdown>\n    <button\n      (blur)=\"blur.emit($event)\"\n      (click)=\"_onClick($event)\"\n      (focus)=\"focus.emit($event)\"\n      [attr.type]=\"type\"\n      [class]=\"className + ' ' + testId + ' field_' + name\"\n      [disabled]=\"disabled\"\n      [ngClass]=\" {'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label),\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-tiny': size === 'tiny',\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-shadowed': shadow === true,\n                        'ui-button-pressed' : pressed}\"\n      [style]=\"style\" ngbDropdownToggle>\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n    </button>\n    <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\n         class=\"in-dropdown-menu\"\n         ngbDropdownMenu>\n        <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\n            <in-button (click)=\"dropdown.close(); item.command();\"\n                       [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\n                       [icon]=\"item.icon\"\n                       [label]=\"item.label\"\n                       [svg]=\"item.svg\"\n                       size=\"large\"\n                       width=\"100%\"></in-button>\n        </div>\n    </div>\n\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\n</span>\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\n    <button\n      (blur)=\"blur.emit($event)\"\n      (click)=\"_onClick($event)\"\n      (focus)=\"focus.emit($event)\"\n      [attr.type]=\"type\"\n      [class]=\"className + ' ' + testId  + ' field_' + name\"\n      [disabled]=\"disabled\"\n      [ngClass]=\" {'ui-button ui-widget ui-state-default ui-corner-all':true,\n                        'ui-button-icon-only': ((icon || svg) && !label) || isIconOnly,\n                        'ui-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-button-text-only': (!(icon || svg) && label),\n                        'ui-button-text-empty': (!(icon || svg) && !label),\n                        'ui-button-svg': svg,\n                        'ui-button-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-button-tiny': size === 'tiny',\n                        'ui-button-small': size === 'small',\n                        'ui-button-large': size === 'large',\n                        'ui-button-primary': color === 'primary',\n                        'ui-button-secondary': color === 'secondary',\n                        'ui-button-danger': color === 'danger',\n                        'ui-button-transparency': color === 'transparent',\n                        'ui-button-shadowed': shadow === true,\n                        'ui-button-pressed' : pressed}\" [style]=\"style\">\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n    </button>\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\n</span>\n\n<ng-template #content>\n    <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\n          [ngClass]=\"{'ui-clickable': true,\n                        'ui-button-icon-left': (iconPos === 'left'),\n                        'ui-button-icon-right': (iconPos === 'right')}\"></span>\n  <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'ui-clickable': true,\n                        'ui-button-icon-left': (iconPos === 'left'),\n                        'ui-button-icon-right': (iconPos === 'right')}\"\n  ><i class=\"material-icons\">{{icon}}</i></span>\n  <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\n  <span class=\"ui-button-text ui-clickable\">{{label}}</span>\n  <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'ui-clickable': true,\n                        'ui-button-icon-left': (iconPos === 'left'),\n                        'ui-button-icon-right': (iconPos === 'right')}\">\n        <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n        <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n        <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n        <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\n    </span>\n</ng-template>\n",
-                encapsulation: core.ViewEncapsulation.Emulated,
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:0;width:100%}.ui-button-icon-only .ui-button-icon-left{margin-top:-9px}.ui-button-text{vertical-align:middle}.notify{width:8px;height:8px;border-radius:100%;position:absolute;right:8px;top:8px}.notify.warning{background:var(--colorWarning)}.notify.success{background:var(--colorSuccess)}.notify.error{background:var(--colorError)}.notify.critical{background:var(--colorCritical)}.ui-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.ui-button.ui-button-pressed{background-color:var(--colorBgLevel4)}.ui-button.ui-button-large{height:48px}.ui-button.ui-button-large .ui-button-icon-left{font-size:18px;margin-top:-8px}.ui-button.ui-button-large .ui-button-text{padding:0 1em 0 48px;margin-top:6px}.ui-button-text-icon-left .ui-button-text{padding:0 1em 0 2.4em}.ui-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.ui-button-icon-only.ui-button-large{width:48px;height:48px}.ui-button-icon-only .svg,.ui-button-icon-only.ui-button-large .svg{display:inline-block;line-height:0}.ui-button-transparency{background:0 0;color:currentColor}.ui-button-transparency:hover{color:currentColor}.ui-button-shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.ui-button.ui-button-svg.ui-button-small .ui-button-icon-left{margin-top:-4px}.ui-button.ui-button-svg.ui-button-small.ui-button-icon-only .ui-button-icon-left{margin-top:-2px}.ui-button.ui-button-svg .ui-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.ui-button.ui-button-svg.ui-button-icon-only .ui-button-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.ui-button.ui-button-svg.ui-button-large.ui-button-icon-only .ui-button-icon-left{margin-top:0}.ui-button-material.ui-button-icon-only .material-icons{font-size:20px}.ui-button-material.ui-button-icon-only .ui-button-icon-left{margin-top:-10px;margin-left:-12px}.ui-button-material .material-icons{font-size:16px}.ui-button-material .ui-button-icon-left{margin-top:-8px;margin-left:-2px}.ui-button-material.ui-button-small .ui-button-icon-left{margin-top:-7px}.ui-button-material.ui-button-small .material-icons{font-size:14px}.ui-button-material.ui-button-small.ui-button-icon-only .ui-button-icon-left{margin-top:-12px;margin-left:-10px}.ui-button-material.ui-button-small.ui-button-icon-only .ui-button-icon-left .material-icons{font-size:18px}.ui-button-material.ui-button-large .material-icons{font-size:24px}.ui-button-material.ui-button-large .ui-button-icon-left{margin-top:-11px}.ui-button-material.ui-button-large.ui-button-icon-only .ui-button-icon-left{margin-top:-11px;margin-left:-13px}:host .ui-menu .ui-menuitem-link{font-size:16px}.dropdown-menu{display:none;background:var(--colorBgLevel3);padding:4px}.dropdown-menu li{padding:4px;font-size:14px}.dropdown-menu.show{display:block}.in-dropdown-menu{background:var(--colorBgLevel2);padding:0;position:absolute;display:none;margin-left:0;box-shadow:0 0 3px 1px rgba(0,0,0,.2)}.in-dropdown-menu.show{display:block}.in-dropdown-menu .in-dropdown-menu-item{list-style-type:none;min-width:250px;display:flex;align-items:center;justify-content:flex-start;min-height:48px}.in-dropdown-menu .in-dropdown-menu-item in-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button{width:100%;border-radius:0}.in-dropdown-menu .in-dropdown-menu-item in-button .ui-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .ui-button{justify-content:flex-start}.in-dropdown-menu .in-dropdown-menu-item .switcher{flex:1;display:flex;justify-content:flex-end;padding-right:4px}.in-dropdown-menu .in-dropdown-menu-item+.in-dropdown-menu-item{border-top:1px solid var(--colorBgLevel4)}"]
-            }),
-            __metadata("design:paramtypes", [core.ChangeDetectorRef])
-        ], ButtonComponent);
-        return ButtonComponent;
-    }(primeng.Button));
-
-    var InputTextComponent = /** @class */ (function () {
-        function InputTextComponent() {
-            this.name = null;
-            this.autocomplete = true;
-            this.label = null;
-            this.required = false;
-            this.error = null;
-            this.size = 100000;
-            this.maxlength = 100000;
-            this.width = '';
-            this.display = true;
-            this.large = true;
-            this.small = false;
-            this.widget = false;
-            this.forms = false;
-            this.placeholder = '';
-            this.id = null;
-            this.testId = null;
-            this.opacity = true;
-            this.shadow = false;
-            this.right = false;
-            this.type = 'text';
-            this.focus = new core.EventEmitter();
-            this.blur = new core.EventEmitter();
-            this.onClick = new core.EventEmitter();
-            this.propagateChange = function (_) {
-            };
-        }
-        InputTextComponent_1 = InputTextComponent;
-        /**
-         * Write form value to the DOM element (model => view)
-         */
-        InputTextComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        /**
-         * Write form disabled state to the DOM element (model => view)
-         */
-        InputTextComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /**
-         * Update form when DOM element value changes (view => model)
-         */
-        InputTextComponent.prototype.registerOnChange = function (fn) {
-            // Store the provided function as an internal method.
-            this.propagateChange = fn;
-        };
-        /**
-         * Update form when DOM element is blurred (view => model)
-         */
-        InputTextComponent.prototype.registerOnTouched = function (fn) {
-            // Store the provided function as an internal method.
-            this.onTouched = fn;
-        };
-        InputTextComponent.prototype.clear = function () {
-            this.value = '';
-            this.propagateChange('');
-            this.onClick.emit('');
-        };
-        InputTextComponent.prototype.onChange = function (_) {
-            if (this.type === 'number') {
-                this.propagateChange(+this.value);
-            }
-            else {
-                this.propagateChange(this.value);
-            }
-        };
-        InputTextComponent.prototype.onTouched = function () {
-        };
-        var InputTextComponent_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "autocomplete", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "maxlength", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "width", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "display", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "large", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "small", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "widget", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "forms", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "testId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], InputTextComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "opacity", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "shadow", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "right", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputTextComponent.prototype, "type", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], InputTextComponent.prototype, "step", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], InputTextComponent.prototype, "min", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], InputTextComponent.prototype, "max", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputTextComponent.prototype, "focus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputTextComponent.prototype, "blur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputTextComponent.prototype, "onClick", void 0);
-        InputTextComponent = InputTextComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-input-text',
-                template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n    <span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n        <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n      <span\n        *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n        class=\"constraints-message__warning u-text_uppercase\">\n                     {{'maxlength: ' | translate}} {{maxlength}}</span>\n    </span>\n  <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n    <input (blur)=\"this.blur.emit($event)\"\n           (change)=\"onChange($event)\"\n           (focus)=\"this.focus.emit($event)\"\n           (input)=\"onChange($event)\"\n           [(ngModel)]=\"value\"\n           [autocomplete]=\"autocomplete? 'on':'off'\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           [maxlength]=\"maxlength\"\n           [name]=\"name\"\n           [ngClass]=\"{'c-input_opaque' : opacity === false,\n                         'c-input_shadowed' : shadow,\n                         'c-input_large' : large,\n                         'c-input_small' : small,\n                         'c-input_margin_padding': widget,\n                         'c-input_padding_right': forms}\"\n           [ngModelOptions]=\"{standalone: true}\"\n           [placeholder]=\"placeholder\"\n           [required]=\"required\"\n           [size]=\"size\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           class=\"search-box c-input field_{{id}}\"\n           [type]=\"type\">\n    <button (click)=\"clear()\"\n            class=\"button-reset empty\"\n            [ngClass]=\"{empty: display}\"\n            type=\"submit\"\n            [attr.title]=\"'Reset' | translate\">\n      <i class=\"fa fa-close\"></i>\n    </button>\n  </div>\n</label>\n",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return InputTextComponent_1; }),
-                        multi: true,
-                    }
-                ],
-                styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px;width:100%}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px 0 rgba(0,0,0,.2)}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}"]
-            })
-        ], InputTextComponent);
-        return InputTextComponent;
-    }());
-
-    var TextareaComponent = /** @class */ (function () {
-        function TextareaComponent() {
-            this.name = null;
-            this.label = null;
-            this.required = false;
-            this.error = null;
-            this.placeholder = '';
-            this.id = null;
-            this.minHeight = 30;
-            this.maxlength = 100000;
-            this.propagateChange = function (_) {
-            };
-        }
-        TextareaComponent_1 = TextareaComponent;
-        /**
-         * Write form value to the DOM element (model => view)
-         */
-        TextareaComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        /**
-         * Write form disabled state to the DOM element (model => view)
-         */
-        TextareaComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /**
-         * Update form when DOM element value changes (view => model)
-         */
-        TextareaComponent.prototype.registerOnChange = function (fn) {
-            // Store the provided function as an internal method.
-            this.propagateChange = fn;
-        };
-        /**
-         * Update form when DOM element is blurred (view => model)
-         */
-        TextareaComponent.prototype.registerOnTouched = function (fn) {
-            // Store the provided function as an internal method.
-            this.onTouched = fn;
-        };
-        TextareaComponent.prototype.onChange = function (_) {
-            this.propagateChange(this.value);
-        };
-        TextareaComponent.prototype.onTouched = function () {
-        };
-        var TextareaComponent_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TextareaComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "minHeight", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TextareaComponent.prototype, "maxlength", void 0);
-        TextareaComponent = TextareaComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-textarea',
-                template: "<label class=\"c-label\">\n    <span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n    </span>\n  <textarea (change)=\"onChange($event)\"\n            (input)=\"onChange($event)\"\n            [(ngModel)]=\"value\"\n            [disabled]=\"disabled\"\n            [id]=\"id\"\n            [name]=\"name\"\n            [ngStyle]=\"{ 'min-height': minHeight+'px' }\"\n            [placeholder]=\"placeholder\"\n            [required]=\"required\"\n            class=\"c-textarea field_{{id}}\"\n            type=\"text\"\n  ></textarea>\n</label>\n",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return TextareaComponent_1; }),
-                        multi: true,
-                    }
-                ],
-                styles: [""]
-            })
-        ], TextareaComponent);
-        return TextareaComponent;
-    }());
-
-    var PanelComponent = /** @class */ (function () {
-        function PanelComponent() {
-        }
-        PanelComponent = __decorate([
-            core.Component({
-                selector: 'in-panel',
-                template: "<div class=\"c-panel inspark-panel\">\n  <ng-content></ng-content>\n</div>\n",
-                styles: [".inspark-panel{padding:8px}"]
-            })
-        ], PanelComponent);
-        return PanelComponent;
-    }());
-
-    var ComponentContainerComponent = /** @class */ (function () {
-        function ComponentContainerComponent() {
-            this.align = 'left';
-        }
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ComponentContainerComponent.prototype, "align", void 0);
-        ComponentContainerComponent = __decorate([
-            core.Component({
-                selector: 'in-component-container',
-                template: "<div [ngClass]=\"align\" class=\"inspark-component-container\">\n  <ng-content></ng-content>\n</div>\n",
-                styles: ["@charset \"UTF-8\";.inspark-component-container{display:flex}@media screen and (min-width:480px){.inspark-component-container{padding-bottom:0}}:host ::ng-deep in-button{margin-right:8px}:host ::ng-deep in-button:last-child{margin-right:0}:host ::ng-deep in-link{margin-right:8px}:host ::ng-deep in-link:last-child{margin-right:0}.right{justify-content:flex-end}"]
-            })
-        ], ComponentContainerComponent);
-        return ComponentContainerComponent;
-    }());
-
-    var CheckboxComponent = /** @class */ (function () {
-        function CheckboxComponent(element, cdRef, router) {
-            this.element = element;
-            this.cdRef = cdRef;
-            this.router = router;
-            this.name = null;
-            this.label = null;
-            this.required = false;
-            this.error = null;
-            this.placeholder = '';
-            this.id = null;
-            this.propagateChange = function (_) {
-            };
-        }
-        CheckboxComponent_1 = CheckboxComponent;
-        /**
-         * Write form value to the DOM element (model => view)
-         */
-        CheckboxComponent.prototype.writeValue = function (value) {
-            this.value = value;
-            if (!this.cdRef['destroyed']) {
-                this.cdRef.detectChanges();
-            }
-        };
-        /**
-         * Write form disabled state to the DOM element (model => view)
-         */
-        CheckboxComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /**
-         * Update form when DOM element value changes (view => model)
-         */
-        CheckboxComponent.prototype.registerOnChange = function (fn) {
-            // Store the provided function as an internal method.
-            this.propagateChange = fn;
-        };
-        /**
-         * Update form when DOM element is blurred (view => model)
-         */
-        CheckboxComponent.prototype.registerOnTouched = function (fn) {
-            // Store the provided function as an internal method.
-            this.onTouched = fn;
-        };
-        CheckboxComponent.prototype.onChange = function (_) {
-            this.propagateChange(this.value);
-        };
-        CheckboxComponent.prototype.onTouched = function () {
-        };
-        var CheckboxComponent_1;
-        CheckboxComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.ChangeDetectorRef },
-            { type: router.Router }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], CheckboxComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], CheckboxComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], CheckboxComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], CheckboxComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], CheckboxComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], CheckboxComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], CheckboxComponent.prototype, "disabled", void 0);
-        CheckboxComponent = CheckboxComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-checkbox',
-                template: "<label class=\"c-checkbox\">\n  <input (change)=\"onChange($event)\" (input)=\"onChange($event)\"\n         (ngModelChange)=\"onChange(value)\"\n         [(ngModel)]=\"value\"\n         [disabled]=\"disabled\"\n         class=\"c-checkbox__input field_{{id}}\"\n         name=\"element_name\"\n         type=\"checkbox\"/>\n  <i class=\"c-checkbox__icon\"></i>\n  <span *ngIf=\"label\" class=\"label\">{{ label }}</span>\n  <span class=\"label\"><ng-content></ng-content></span>\n</label>\n",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return CheckboxComponent_1; }),
-                        multi: true,
-                    }
-                ],
-                styles: [":host{width:100%}.c-checkbox{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox .c-checkbox__input+.c-checkbox__icon{padding-left:20px;top:0}.c-checkbox .label{display:flex;align-items:center}.c-checkbox .label:not(:empty){display:inline-flex;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
-            }),
-            __metadata("design:paramtypes", [core.ElementRef, core.ChangeDetectorRef, router.Router])
-        ], CheckboxComponent);
-        return CheckboxComponent;
-    }());
-
-    var PrimengComponentsModule = /** @class */ (function () {
-        function PrimengComponentsModule() {
-        }
-        PrimengComponentsModule = __decorate([
-            core.NgModule({
-                imports: [
-                    primeng.DropdownModule,
-                ],
-                declarations: [],
-                exports: [
-                    primeng.DropdownModule
-                ],
-                entryComponents: []
-            })
-        ], PrimengComponentsModule);
-        return PrimengComponentsModule;
-    }());
-
-    var DropdownItem = /** @class */ (function () {
-        function DropdownItem() {
-            this.onClick = new core.EventEmitter();
-        }
-        DropdownItem.prototype.onOptionClick = function (event) {
-            this.onClick.emit({
-                originalEvent: event,
-                option: this.option
-            });
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownItem.prototype, "option", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownItem.prototype, "selected", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownItem.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownItem.prototype, "visible", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], DropdownItem.prototype, "itemSize", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", core.TemplateRef)
-        ], DropdownItem.prototype, "template", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownItem.prototype, "onClick", void 0);
-        DropdownItem = __decorate([
-            core.Component({
-                selector: 'p-dropdownItem',
-                template: "\n    <li (click)=\"onOptionClick($event)\" role=\"option\"\n        [attr.aria-label]=\"option.label\"\n        [attr.title]=\"option.label\"\n        [ngStyle]=\"{'height': itemSize + 'px'}\"\n        [ngClass]=\"{'ui-dropdown-item ui-corner-all':true,\n                    'ui-state-highlight': selected,\n                    'ui-state-disabled':(option.disabled),\n                    'ui-dropdown-item-empty': !option.label||option.label.length === 0}\">\n      <span *ngIf=\"!template\">{{option.label || 'empty'}}</span>\n      <ng-container *ngTemplateOutlet=\"template; context: {$implicit: option}\"></ng-container>\n    </li>\n  "
-            })
-        ], DropdownItem);
-        return DropdownItem;
-    }());
-    var DropdownComponent = /** @class */ (function (_super) {
-        __extends(DropdownComponent, _super);
-        function DropdownComponent() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.scrollHeight = '200px';
-            _this.filterBy = 'label';
-            _this.resetFilterOnHide = false;
-            _this.dropdownIcon = 'pi pi-chevron-down';
-            _this.autoDisplayFirst = true;
-            _this.emptyFilterMessage = 'No results found';
-            _this.autoZIndex = true;
-            _this.baseZIndex = 0;
-            _this.showTransitionOptions = '0ms';
-            _this.hideTransitionOptions = '0ms';
-            _this.filterMatchMode = 'contains';
-            _this.tooltip = '';
-            _this.error = null;
-            _this.tooltipPosition = 'right';
-            _this.tooltipPositionStyle = 'absolute';
-            _this.onChange = new core.EventEmitter();
-            _this.onFocus = new core.EventEmitter();
-            _this.onBlur = new core.EventEmitter();
-            _this.onClick = new core.EventEmitter();
-            _this.onShow = new core.EventEmitter();
-            _this.onHide = new core.EventEmitter();
-            _this._label = '';
-            return _this;
-        }
-        DropdownComponent_1 = DropdownComponent;
-        Object.defineProperty(DropdownComponent.prototype, "label", {
-            get: function () {
-                return this._label;
-            },
-            set: function (val) {
-                this._label = val;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(DropdownComponent.prototype, "labelText", {
-            get: function () {
-                return (this.selectedOption ? this.selectedOption.label : null);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        var DropdownComponent_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "scrollHeight", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "filter", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], DropdownComponent.prototype, "defaultValue", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "style", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "panelStyle", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "styleClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "panelStyleClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "readonly", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "editable", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "appendTo", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], DropdownComponent.prototype, "tabindex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "filterPlaceholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "inputId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "selectId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "dataKey", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "filterBy", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "autofocus", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "resetFilterOnHide", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "dropdownIcon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "optionLabel", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "autoDisplayFirst", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "group", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "showClear", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "emptyFilterMessage", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], DropdownComponent.prototype, "virtualScroll", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], DropdownComponent.prototype, "itemSize", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "autoZIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "baseZIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "showTransitionOptions", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "hideTransitionOptions", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "ariaFilterLabel", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "filterMatchMode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], DropdownComponent.prototype, "maxlength", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "tooltip", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], DropdownComponent.prototype, "options", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "tooltipPosition", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], DropdownComponent.prototype, "tooltipPositionStyle", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], DropdownComponent.prototype, "tooltipStyleClass", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownComponent.prototype, "onChange", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownComponent.prototype, "onBlur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownComponent.prototype, "onClick", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownComponent.prototype, "onShow", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], DropdownComponent.prototype, "onHide", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String),
-            __metadata("design:paramtypes", [Object])
-        ], DropdownComponent.prototype, "label", null);
-        DropdownComponent = DropdownComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-dropdown',
-                template: "<span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n    </span>\n<div #container (click)=\"onMouseclick($event)\"\n     [class]=\"styleClass\" [ngClass]=\"{'ui-dropdown ui-widget ui-state-default ui-corner-all ui-helper-clearfix':true,\n            'ui-state-disabled':disabled, 'ui-dropdown-open':overlayVisible, 'ui-state-focus':focused, 'ui-dropdown-clearable': showClear && !disabled}\" [ngStyle]=\"style\">\n  <div class=\"ui-helper-hidden-accessible\">\n    <input #in (blur)=\"onInputBlur($event)\" (focus)=\"onInputFocus($event)\" (keydown)=\"onKeydown($event, true)\"\n           [attr.aria-label]=\"selectedOption ? selectedOption.label : ' '\" [attr.autofocus]=\"autofocus\" [attr.id]=\"inputId\"\n           [attr.tabindex]=\"tabindex\" [disabled]=\"disabled\" aria-haspopup=\"listbox\"\n           readonly type=\"text\">\n  </div>\n  <div class=\"ui-helper-hidden-accessible ui-dropdown-hidden-select\">\n    <select [attr.name]=\"name\" [attr.required]=\"required\" aria-hidden=\"true\" tabindex=\"-1\">\n      <option *ngIf=\"placeholder\" value=\"\">{{placeholder}}</option>\n      <option *ngIf=\"selectedOption\" [selected]=\"true\"\n              [value]=\"selectedOption.value\">{{selectedOption.label}}</option>\n    </select>\n  </div>\n  <div [pTooltip]=\"tooltip\" [positionStyle]=\"tooltipPositionStyle\" [tooltipPosition]=\"tooltipPosition\"\n       [tooltipStyleClass]=\"tooltipStyleClass\" class=\"ui-dropdown-label-container\">\n    <label\n      *ngIf=\"!editable && (labelText != null)\"\n      [attr.title]=\"labelText ? (labelText | translate) : null\"\n      [ngClass]=\"{'ui-dropdown-label ui-inputtext ui-corner-all':true,'ui-dropdown-label-empty':(labelText == null || labelText.length === 0)}\">\n      <ng-container *ngIf=\"!selectedItemTemplate\">{{labelText || 'empty'}}</ng-container>\n      <ng-container *ngTemplateOutlet=\"selectedItemTemplate; context: {$implicit: selectedOption}\"></ng-container>\n    </label>\n    <label\n      *ngIf=\"!editable && (labelText == null)\"\n      [ngClass]=\"{'ui-dropdown-label ui-inputtext ui-corner-all ui-placeholder':true,'ui-dropdown-label-empty': (placeholder == null || placeholder.length === 0)}\">{{placeholder || 'empty'}}</label>\n    <input #editableInput (blur)=\"onInputBlur($event)\" (click)=\"onEditableInputClick($event)\"\n           (focus)=\"onEditableInputFocus($event)\"\n           (input)=\"onEditableInputChange($event)\" *ngIf=\"editable\" [attr.aria-label]=\"selectedOption ? selectedOption.label : ' '\"\n           [attr.maxlength]=\"maxlength\"\n           [attr.placeholder]=\"placeholder\" [disabled]=\"disabled\"\n           class=\"ui-dropdown-label ui-inputtext ui-corner-all\" type=\"text\">\n    <i (click)=\"clear($event)\" *ngIf=\"value != null && showClear && !disabled\"\n       class=\"ui-dropdown-clear-icon pi pi-times\"></i>\n  </div>\n  <div class=\"ui-dropdown-trigger ui-state-default ui-corner-right\">\n    <span [ngClass]=\"dropdownIcon\" class=\"ui-dropdown-trigger-icon ui-clickable\"></span>\n  </div>\n  <div (@overlayAnimation.start)=\"onOverlayAnimationStart($event)\" *ngIf=\"overlayVisible\"\n       [@overlayAnimation]=\"{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}\"\n       [class]=\"panelStyleClass\"\n       [ngClass]=\"'ui-dropdown-panel  ui-widget ui-widget-content ui-corner-all ui-shadow'\"\n       [ngStyle]=\"panelStyle\"\n       [attr.virtual-scroll]=\"virtualScroll ? 'true' : null\">\n    <div (click)=\"$event.stopPropagation()\" *ngIf=\"filter\" class=\"ui-dropdown-filter-container\">\n      <input #filter (input)=\"onFilter($event)\" (keydown)=\"onKeydown($event, false)\" (keydown.enter)=\"$event.preventDefault()\"\n             [attr.aria-label]=\"ariaFilterLabel\"\n             [attr.placeholder]=\"filterPlaceholder\"\n             [value]=\"filterValue||''\" autocomplete=\"off\"\n             class=\"ui-dropdown-filter ui-inputtext ui-widget ui-state-default ui-corner-all\" type=\"text\">\n      <span class=\"ui-dropdown-filter-icon pi pi-search\"></span>\n    </div>\n    <div [style.max-height]=\"virtualScroll ? 'auto' : (scrollHeight||'auto')\" class=\"ui-dropdown-items-wrapper\">\n      <ul class=\"ui-dropdown-items ui-dropdown-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\"\n          role=\"listbox\">\n        <ng-container *ngIf=\"group\">\n          <ng-template [ngForOf]=\"optionsToDisplay\" let-optgroup ngFor>\n            <li class=\"ui-dropdown-item-group\">\n              <span *ngIf=\"!groupTemplate\">{{optgroup.label || ''}}</span>\n              <ng-container\n                *ngTemplateOutlet=\"groupTemplate; context: {$implicit: optgroup}\"></ng-container>\n            </li>\n            <ng-container\n              *ngTemplateOutlet=\"itemslist; context: {$implicit: optgroup.items, selectedOption: selectedOption}\"></ng-container>\n          </ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"!group\">\n          <ng-container\n            *ngTemplateOutlet=\"itemslist; context: {$implicit: optionsToDisplay, selectedOption: selectedOption}\"></ng-container>\n        </ng-container>\n        <ng-template #itemslist let-options let-selectedOption=\"selectedOption\">\n          <ng-container *ngIf=\"!virtualScroll; else virtualScrollList\">\n            <ng-template [ngForOf]=\"options\" let-i=\"index\" let-option ngFor>\n              <p-dropdownItem (onClick)=\"onItemClick($event)\" [option]=\"option\"\n                              [selected]=\"selectedOption == option\"\n                              [template]=\"itemTemplate\"></p-dropdownItem>\n            </ng-template>\n          </ng-container>\n          <ng-template #virtualScrollList>\n            <cdk-virtual-scroll-viewport #viewport\n                                         (scrolledIndexChange)=\"scrollToSelectedVirtualScrollElement()\" *ngIf=\"virtualScroll && optionsToDisplay && optionsToDisplay.length\"\n                                         [itemSize]=\"itemSize\"\n                                         [ngStyle]=\"{'height': scrollHeight}\">\n              <ng-container\n                *cdkVirtualFor=\"let option of options; let i = index; let c = count; let f = first; let l = last; let e = even; let o = odd\">\n                <p-dropdownItem (onClick)=\"onItemClick($event)\" [option]=\"option\"\n                                [attr.title]=\"option.label\"\n                                [selected]=\"selectedOption == option\"\n                                [template]=\"itemTemplate\"></p-dropdownItem>\n              </ng-container>\n            </cdk-virtual-scroll-viewport>\n          </ng-template>\n        </ng-template>\n        <li *ngIf=\"filter && optionsToDisplay && optionsToDisplay.length === 0\"\n            class=\"ui-dropdown-empty-message\">{{emptyFilterMessage}}</li>\n      </ul>\n    </div>\n  </div>\n</div>\n",
-                animations: [
-                    animations.trigger('overlayAnimation', [
-                        animations.state('void', animations.style({
-                            transform: 'translateY(5%)',
-                            opacity: 0
-                        })),
-                        animations.state('visible', animations.style({
-                            transform: 'translateY(0)',
-                            opacity: 1
-                        })),
-                        animations.transition('void => visible', animations.animate('{{showTransitionParams}}')),
-                        animations.transition('visible => void', animations.animate('{{hideTransitionParams}}'))
-                    ])
-                ],
-                providers: [{
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return DropdownComponent_1; }),
-                        multi: true
-                    }],
-                styles: [""]
-            })
-        ], DropdownComponent);
-        return DropdownComponent;
-    }(primeng.Dropdown));
-    var DropdownComponentModule = /** @class */ (function () {
-        function DropdownComponentModule() {
-        }
-        DropdownComponentModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    DropdownComponent,
-                    DropdownItem,
-                ],
-                imports: [
-                    primeng.TooltipModule,
-                    scrolling.ScrollingModule,
-                    common.CommonModule,
-                    PrimengComponentsModule,
-                    core$1.TranslateModule,
-                ],
-                exports: [
-                    DropdownComponent,
-                ],
-                entryComponents: [
-                    DropdownComponent,
-                ]
-            })
-        ], DropdownComponentModule);
-        return DropdownComponentModule;
-    }());
-
-    var InsparkTemplate = /** @class */ (function () {
-        function InsparkTemplate(template) {
-            this.template = template;
-        }
-        InsparkTemplate.prototype.getType = function () {
-            return this.name;
-        };
-        InsparkTemplate.ctorParameters = function () { return [
-            { type: core.TemplateRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], InsparkTemplate.prototype, "type", void 0);
-        __decorate([
-            core.Input('inTemplate'),
-            __metadata("design:type", String)
-        ], InsparkTemplate.prototype, "name", void 0);
-        InsparkTemplate = __decorate([
-            core.Directive({
-                selector: '[inTemplate]',
-                host: {}
-            }),
-            __metadata("design:paramtypes", [core.TemplateRef])
-        ], InsparkTemplate);
-        return InsparkTemplate;
-    }());
-
-    var TableColumnsMultiselectComponent = /** @class */ (function () {
-        function TableColumnsMultiselectComponent() {
-            this.isExpanded = false;
-            /**
-             * true - все активные чекбоксы становятся неактивными
-             * false - не влияет на чекбоксы
-             */
-            this.disableActiveCheckboxes = false;
-            this.columnsChange = new core.EventEmitter();
-        }
-        TableColumnsMultiselectComponent.prototype.ngOnInit = function () {
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], TableColumnsMultiselectComponent.prototype, "columns", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableColumnsMultiselectComponent.prototype, "disableActiveCheckboxes", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", Object)
-        ], TableColumnsMultiselectComponent.prototype, "columnsChange", void 0);
-        TableColumnsMultiselectComponent = __decorate([
-            core.Component({
-                selector: 'in-table-columns-multiselect',
-                template: "<in-table-menu-overlay [isExpanded]=\"isExpanded\">\n  <ng-container ngProjectAs=\"host\">\n    <button class=\"c-btn c-btn_border-free c-btn_small\">\n      <i [title]=\"('column switch' | translate)\" class=\"fa fa-cog\"></i><i class=\"c-caret\"></i>\n    </button>\n\n  </ng-container>\n  <ng-container ngProjectAs=\"body\">\n    <ul class=\"o-list\">\n      <li *ngFor=\"let column of columns\" class=\"c-dropdown-menu__listitem\" role=\"menuitem\">\n        <div class=\"c-dropdown-menu__content\">\n          <label class=\"c-checkbox c-checkbox_switch c-checkbox_compact\">\n            <input (ngModelChange)=\"columnsChange.emit({event: $event, column: column})\"\n                   [disabled]=\"(!column.isHidden && disableActiveCheckboxes) || column.isRequired\"\n                   [ngModel]=\"!column.isHidden \"\n                   class=\"c-checkbox__input\"\n                   type=\"checkbox\">\n            <i class=\"c-checkbox__icon\"></i>\n            <span class=\"c-checkbox__label dropdown-label\">{{column.label | translate}}</span>\n          </label>\n        </div>\n      </li>\n    </ul>\n\n  </ng-container>\n</in-table-menu-overlay>\n",
-                styles: [".dropdown-label{color:var(--text-color)}"]
-            }),
-            __metadata("design:paramtypes", [])
-        ], TableColumnsMultiselectComponent);
-        return TableColumnsMultiselectComponent;
-    }());
-
-    var TableMenuOverlayComponent = /** @class */ (function () {
-        function TableMenuOverlayComponent(element) {
-            this.element = element;
-            this.isExpanded = false;
-        }
-        TableMenuOverlayComponent.prototype.isClickedOutsideOverlay = function (event) {
-            if (!this.element.nativeElement.contains(event.target)) {
-                this.isExpanded = false;
-            }
-        };
-        TableMenuOverlayComponent.ctorParameters = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableMenuOverlayComponent.prototype, "isExpanded", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TableMenuOverlayComponent.prototype, "positionClass", void 0);
-        TableMenuOverlayComponent = __decorate([
-            core.Component({
-                selector: 'in-table-menu-overlay',
-                template: "<div class=\"c-overlay is-dropdown_open\">\n  <div (click)=\"isExpanded  = !isExpanded;\"\n       class=\"c-overlay__toggle\">\n    <ng-content select=\"host\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"isExpanded\">\n    <div (clickedOutside)=\"isClickedOutsideOverlay($event)\" class=\"c-overlay__body\"\n         inClickOutside>\n      <!--{{positionClass}}-->\n      <ng-content select=\"body\"></ng-content>\n    </div>\n  </ng-container>\n</div>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: ["@charset \"UTF-8\";.c-overlay{position:relative;display:inline-block}.c-overlay__toggle{display:inline-block}.c-overlay__body{text-align:left;position:absolute;top:100%;padding:6px 12px;z-index:1050;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-height:500px;overflow:auto}:host-context(.theme-dark) .c-overlay__body{background-color:#53555c;background-color:var(--ids-theme-color-gray-35,#53555c)}", "@charset \"UTF-8\";:host-context(.theme-contrast) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5,#ebebeb)}", "@charset \"UTF-8\";:host-context(.theme-light) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5,#ebebeb)}", "@charset \"UTF-8\";:host-context(.theme-green) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5,#ebebeb)}", "@charset \"UTF-8\";:host-context(.theme-blue) .c-overlay__body{background-color:#202127;background-color:var(--colorBgLevel1,#202127)}"]
-            }),
-            __metadata("design:paramtypes", [core.ElementRef])
-        ], TableMenuOverlayComponent);
-        return TableMenuOverlayComponent;
-    }());
-
-    var TableClickOutsideDirective = /** @class */ (function () {
-        function TableClickOutsideDirective(element) {
-            this.element = element;
-            this.clickedOutside = new core.EventEmitter();
-        }
-        TableClickOutsideDirective.prototype.click = function (event) {
-            if (!this.element.nativeElement.contains(event.target)) {
-                // console.log('clicked outside');
-                this.clickedOutside.emit(event);
-            }
-            else {
-                // console.log('clicked inside');
-            }
-        };
-        TableClickOutsideDirective.ctorParameters = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        __decorate([
-            core.Output(),
-            __metadata("design:type", Object)
-        ], TableClickOutsideDirective.prototype, "clickedOutside", void 0);
-        __decorate([
-            core.HostListener('document:click', ['$event']),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object]),
-            __metadata("design:returntype", void 0)
-        ], TableClickOutsideDirective.prototype, "click", null);
-        TableClickOutsideDirective = __decorate([
-            core.Directive({
-                selector: '[inClickOutside]'
-            }),
-            __metadata("design:paramtypes", [core.ElementRef])
-        ], TableClickOutsideDirective);
-        return TableClickOutsideDirective;
-    }());
-
-    // NEW Factory Function
-    function tableFactory(wrapper) {
-        return wrapper.dt;
-    }
-    var TableComponent = /** @class */ (function () {
-        function TableComponent() {
-            this.columns = [];
-            this.filteredColumns = [];
-            this.globalFilteredColumns = [];
-            this.primaryColumns = [];
-            this.values = [];
-            this.checkboxSelection = true;
-            this.showHeader = true;
-            this.isMobileView = false;
-            this.resizableColumns = true;
-            this.isTextSearch = true;
-            this.isSortIcon = true;
-            this.activeChange = new core.EventEmitter();
-            this.selectionChange = new core.EventEmitter();
-            this.addAction = new core.EventEmitter();
-            this.csvAction = new core.EventEmitter();
-            this.saveAction = new core.EventEmitter();
-            this.removeAction = new core.EventEmitter();
-            this.unlinkAction = new core.EventEmitter();
-            this.linkAction = new core.EventEmitter();
-            this.groupEditAction = new core.EventEmitter();
-            this.paramsEditAction = new core.EventEmitter();
-            this.sortFunction = new core.EventEmitter();
-            this.filterFunction = new core.EventEmitter();
-            this.groupMode = 0;
-            this.groupInfo = {};
-            this.groupIndex = {};
-            this._selection = null;
-        }
-        TableComponent_1 = TableComponent;
-        Object.defineProperty(TableComponent.prototype, "selection", {
-            set: function (val) {
-                this._selection = val;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(TableComponent.prototype, "selectionValue", {
-            get: function () {
-                return this._selection;
-            },
-            set: function (val) {
-                this._selection = val;
-                this.selectionChange.emit(val);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        TableComponent.prototype.isRowActive = function (row) {
-            return this.active && this.active.id === row.id;
-        };
-        TableComponent.prototype.ngOnInit = function () {
-            this.updateData();
-        };
-        TableComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            Object.entries(this.dt.filters).forEach(function (_a) {
-                var _b = __read(_a, 2), key = _b[0], value = _b[1];
-                _this.dt.filter('', "" + key, 'contains');
-            });
-            this.dt.filterGlobal(this.searchText, 'contains');
-        };
-        TableComponent.prototype.ngOnChanges = function (changes) {
-            this.resetColumnWidth();
-            this.visibleColumns();
-        };
-        TableComponent.prototype.updateData = function () {
-            this.primaryColumns = this.columns.filter(function (column) { return !column.isSecondary; });
-            this.globalFilteredColumns = this.columns.filter(function (column) { return column.isFiltering !== false; }).map(function (val) { return val.field; });
-        };
-        TableComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.visibleColumns();
-            this.restoreSearchText();
-            this.templates.forEach(function (item) {
-                switch (item.getType()) {
-                    case 'caption':
-                        _this.captionTemplate = item.template;
-                        break;
-                    case 'header':
-                        _this.headerTemplate = item.template;
-                        break;
-                    case 'body':
-                        _this.bodyTemplate = item.template;
-                        break;
-                    case 'value':
-                        _this.valueTemplate = item.template;
-                        break;
-                    case 'loadingbody':
-                        _this.loadingBodyTemplate = item.template;
-                        break;
-                    case 'footer':
-                        _this.footerTemplate = item.template;
-                        break;
-                    case 'summary':
-                        _this.summaryTemplate = item.template;
-                        break;
-                    case 'colgroup':
-                        _this.colGroupTemplate = item.template;
-                        break;
-                    case 'rowexpansion':
-                        _this.expandedRowTemplate = item.template;
-                        break;
-                    case 'frozenrows':
-                        _this.frozenRowsTemplate = item.template;
-                        break;
-                    case 'frozenheader':
-                        _this.frozenHeaderTemplate = item.template;
-                        break;
-                    case 'frozenbody':
-                        _this.frozenBodyTemplate = item.template;
-                        break;
-                    case 'frozenfooter':
-                        _this.frozenFooterTemplate = item.template;
-                        break;
-                    case 'frozencolgroup':
-                        _this.frozenColGroupTemplate = item.template;
-                        break;
-                    case 'emptymessage':
-                        _this.emptyMessageTemplate = item.template;
-                        break;
-                    case 'paginatorleft':
-                        _this.paginatorLeftTemplate = item.template;
-                        break;
-                    case 'paginatorright':
-                        _this.paginatorRightTemplate = item.template;
-                        break;
-                }
-            });
-        };
-        TableComponent.prototype.visibleColumns = function () {
-            this.restoreHiddenColumns();
-            this.filteredColumns = this.columns.filter(function (column) { return !column.isHidden; });
-            return this.filteredColumns;
-        };
-        TableComponent.prototype.columnsChange = function (data) {
-            data.column.isHidden = !data.event;
-            this.resetColumnWidth();
-            this.saveHiddenColumns();
-            this.visibleColumns();
-        };
-        TableComponent.prototype.showTooltip = function (event) {
-            var target = event.target;
-            if (target.title === undefined || !target.textContent) {
-                return;
-            }
-            target.title = target.scrollWidth > target.clientWidth ? target.textContent : '';
-        };
-        TableComponent.prototype.colFilter = function (field) {
-            var found = this.toolbar.filter.cols.filter(function (item) { return item.field === field; });
-            return found.length === 1 ? found[0] : '';
-        };
-        TableComponent.prototype.onFilterToolbar = function (event) {
-            if (this.toolbar && this.toolbar.filter) {
-                this.toolbar.filter.active = !this.toolbar.filter.active;
-            }
-        };
-        TableComponent.prototype.onFilter = function (event) {
-            this.filterFunction.emit(event.filteredValue);
-        };
-        TableComponent.prototype.stateSave = function (state) {
-        };
-        TableComponent.prototype.saveToLocalStorage = function (state, key) {
-            if (key) {
-                window.localStorage.setItem(key, JSON.stringify(state));
-            }
-        };
-        TableComponent.prototype.isHiddenFieldsChanged = function () {
-            var hiddenFieldsSaved = this.getHiddenHiddenFieldsFromStorage();
-            var hiddenFieldsColumns = (this.columns || []).filter(function (_col) { return _col.isHidden; }).map(function (_col) { return _col.field; });
-            if (hiddenFieldsSaved.length === hiddenFieldsColumns.length) {
-                var diff = hiddenFieldsSaved.filter(function (field) { return !hiddenFieldsColumns.includes(field); });
-                diff.length !== 0;
-            }
-            return true;
-        };
-        TableComponent.prototype.saveHiddenColumns = function () {
-            if (this.stateKey) {
-                if (!this.isHiddenFieldsChanged()) {
-                    return;
-                }
-                var hiddenFields = (this.columns || []).filter(function (_col) { return _col.isHidden; }).map(function (_col) { return _col.field; }).join(',');
-                this.saveToLocalStorage(hiddenFields, this.stateKey + 'HiddenFields');
-                window.localStorage.removeItem(this.stateKey);
-                if (this.searchText) {
-                    window.localStorage.setItem(this.stateKey, JSON.stringify({
-                        filters: { global: { value: this.searchText, matchMode: 'contains' } }
-                    }));
-                }
-                if (this.dt) {
-                    this.dt.restoreState();
-                }
-            }
-        };
-        TableComponent.prototype.countVisibleColumns = function () {
-            return (this.columns || []).filter(function (_col) { return !_col.isHidden; }).length;
-        };
-        TableComponent.prototype.restoreSearchText = function () {
-            var state = window.localStorage.getItem(this.stateKey);
-            if (state) {
-                var parsedState = JSON.parse(state);
-                this.searchText = (parsedState.filters || { global: { value: '' } }).global ? (parsedState.filters || { global: { value: '' } }).global.value : '';
-                this.sortField = parsedState.sortField || this.sortField;
-            }
-            else {
-                this.resetColumnWidth();
-            }
-        };
-        TableComponent.prototype.resetColumnWidthIfToWide = function () {
-            var visibleColumns = this.columns.filter(function (_column) { return !_column.isHidden; });
-            var totalWidthInPercent = visibleColumns.reduce(function (s, column) {
-                var percent = column.width.indexOf('%') > 0 ? parseInt(column.width, 10) : 0;
-                return s + percent;
-            }, 0);
-            if (totalWidthInPercent > 100) {
-                console.error("\u041C\u0430\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0443\u043C\u043C\u0430\u0440\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430 \u0441\u0442\u043E\u043B\u0431\u0446\u043E\u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u044B  100%, \u0442\u0435\u043A\u0443\u0449\u0430\u044F \u0441\u0443\u043C\u043C\u0430\u0440\u043D\u0430\u044F \u0448\u0438\u0440\u0438\u043D\u0430 " + totalWidthInPercent + "%."
-                    + ("\u0412\u044B\u043F\u043E\u043B\u043D\u044F\u0435\u0442\u0441\u044F \u043F\u0440\u0438\u043D\u0443\u0434\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u043F\u0435\u0440\u0435\u0440\u0430\u0441\u0447\u0435\u0442 \u0448\u0438\u0440\u0438\u043D\u044B \u0434\u043B\u044F \u0442\u0430\u0431\u043B\u0438\u0446\u044B " + this.stateKey));
-                this.resetColumnWidth();
-            }
-            if (totalWidthInPercent < 100 && this.columns.length > 0) {
-                // расширяем первый столбец, чтобы не тянулся столбец с чекбоксом
-                var percent = this.columns[0].width.indexOf('%') > 0 ? parseInt(this.columns[0].width, 10) : 0;
-                this.columns[0].width = 100 - totalWidthInPercent + percent + '%';
-            }
-        };
-        TableComponent.prototype.resetColumnWidth = function () {
-            var cvc = this.countVisibleColumns();
-            var percent = Math.floor(100 / cvc);
-            var firstColumnPercent = percent;
-            if (cvc > 10) {
-                percent = Math.floor(90 / (cvc - 1));
-                firstColumnPercent = Math.floor(100 - (percent * (cvc - 1)));
-            }
-            this.columns.forEach(function (column, index) { return column.width = index === 0 ? firstColumnPercent + '%' : percent + "%"; });
-        };
-        TableComponent.prototype.getHiddenHiddenFieldsFromStorage = function () {
-            if (this.stateKey) {
-                var hiddenFields = window.localStorage.getItem(this.stateKey + 'HiddenFields');
-                if (hiddenFields) {
-                    return JSON.parse(hiddenFields).split(',');
-                }
-            }
-            return [];
-        };
-        TableComponent.prototype.restoreHiddenColumns = function () {
-            if (this.stateKey && window.localStorage.getItem(this.stateKey + 'HiddenFields')) {
-                var hiddenFieldsArray_1 = this.getHiddenHiddenFieldsFromStorage();
-                this.columns.forEach(function (_col) { return _col.isHidden = hiddenFieldsArray_1.includes(_col.field) || _col.col_invisible; });
-            }
-        };
-        TableComponent.prototype.calcWidth = function (idx, label, width) {
-            return width && idx >= 0 ? width : 'auto';
-        };
-        TableComponent.prototype.onSort = function () {
-            var _this = this;
-            if (this.isGrouped) {
-                Object.entries(this.groupInfo).forEach(function (_a) {
-                    var _b = __read(_a, 2), key = _b[0], value = _b[1];
-                    var cacheFlag = (_this.groupInfo[key] || {}).isExpanded;
-                    _this.groupInfo[key] = { isExpanded: cacheFlag === undefined ? true : cacheFlag };
-                });
-                this.sortByGroup();
-                if (this.dt && this.dt.filteredValue) {
-                    this.sortByGroup(this.dt.filteredValue, this.dt._sortOrder);
-                }
-                else if (this.dt && this.dt._value && this.dt._sortOrder) {
-                    this.sortByGroup(this.dt._value, this.dt._sortOrder);
-                }
-            }
-        };
-        TableComponent.prototype.isShowGroup = function (key, rowIndex) {
-            if (rowIndex === 0) {
-                this.groupIndex = {};
-            }
-            if (!this.groupInfo[key]) {
-                this.groupInfo[key] = { isExpanded: this.isGroupedExpanded !== undefined ? this.isGroupedExpanded : true };
-            }
-            if (!this.groupIndex[key]) {
-                this.groupIndex[key] = { rowIndex: rowIndex };
-            }
-            return this.groupIndex[key].rowIndex === rowIndex;
-        };
-        TableComponent.prototype.toggleGroup = function (rowIndex, key) {
-            this.groupInfo[key].isExpanded = !this.groupInfo[key].isExpanded;
-        };
-        TableComponent.prototype.clear = function () {
-            this.dt.filterGlobal('', 'contains');
-        };
-        TableComponent.prototype.localSearch = function (dt, searchText) {
-            dt.filterGlobal(searchText, 'contains');
-        };
-        TableComponent.prototype.sortByGroup = function (values, sortOrder) {
-            var g = this.groupMode;
-            if (values) {
-                return values.sort(function (row1, row2) {
-                    if (typeof (row1.groupOrder[g]) === 'number') {
-                        return sortOrder * (row1.groupOrder[g] - row2.groupOrder[g]);
-                    }
-                    else {
-                        return sortOrder * row1.groupOrder[g].localeCompare(row2.groupOrder[g], undefined, { numeric: true, sensitivity: 'base' });
-                    }
-                });
-            }
-            this.values.sort(function (row1, row2) {
-                if (typeof (row1.groupOrder[g]) === 'number') {
-                    return row1.groupOrder[g] - row2.groupOrder[g];
-                }
-                else {
-                    return row1.groupOrder[g].localeCompare(row2.groupOrder[g], undefined, { numeric: true, sensitivity: 'base' });
-                }
-            });
-        };
-        TableComponent.prototype.countGroup = function (groupKey, g) {
-            return this.values.filter(function (_value) { return _value.groupKey[g] === groupKey; }).length;
-        };
-        TableComponent.prototype.toggleNodes = function (isExpanded) {
-            var _this = this;
-            var g = this.groupMode;
-            this.values.forEach(function (v) {
-                if (_this.groupInfo[v.groupKey[g]]) {
-                    _this.groupInfo[v.groupKey[g]].isExpanded = isExpanded;
-                }
-            });
-        };
-        TableComponent.prototype.toggleMode = function (item) {
-            this.groupMode = item;
-            this.groupInfo = {};
-            for (var i = 0; i < this.values.length; i++) {
-                this.isShowGroup(this.values[i].groupKey[this.groupMode], i);
-            }
-            if (this.searchText) {
-                this.dt.filterGlobal(this.searchText, 'contains');
-            }
-            this.sortByGroup();
-        };
-        var TableComponent_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], TableComponent.prototype, "columns", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "values", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TableComponent.prototype, "scrollHeight", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "scrollable", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TableComponent.prototype, "selectionMode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TableComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TableComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TableComponent.prototype, "class", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "style", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "toolbar", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "checkboxSelection", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "active", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "sortField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "isAscending", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "dataKey", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "stateKey", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "isGrouped", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "customSort", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "isGroupedExpanded", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "showHeader", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "isMobileView", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "resizableColumns", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "isTextSearch", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TableComponent.prototype, "isSortIcon", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "activeChange", void 0);
-        __decorate([
-            core.ContentChildren(InsparkTemplate),
-            __metadata("design:type", core.QueryList)
-        ], TableComponent.prototype, "templates", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "selectionChange", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "addAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "csvAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "saveAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "removeAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "unlinkAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "linkAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "groupEditAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "paramsEditAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "sortFunction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TableComponent.prototype, "filterFunction", void 0);
-        __decorate([
-            core.ViewChild('dt', { static: false }),
-            __metadata("design:type", Object)
-        ], TableComponent.prototype, "dt", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [Object])
-        ], TableComponent.prototype, "selection", null);
-        TableComponent = TableComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-table',
-                template: "<span *ngIf=\"label\" class=\"c-label\">\n        {{label}}\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n</span>\n<p-table #dt\n         (onFilter) = onFilter($event)\n         (onSort)=\"onSort()\"\n         (onStateRestore)=\"restoreSearchText()\"\n         (onStateSave)=\"stateSave($event)\"\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\n         [(selection)]=\"selectionValue\"\n         [class]=\"class\"\n         [columns]=\"filteredColumns\"\n         [customSort]=\"customSort\"\n         [dataKey]=\"dataKey || 'id'\"\n         [globalFilterFields]=\"globalFilteredColumns\"\n         [resizableColumns]=\"resizableColumns\"\n         [scrollHeight]=\"scrollHeight\"\n         [scrollable]=\"scrollable\"\n         [selectionMode]=\"selectionMode\"\n         [sortField]=\"sortField || 'id'\"\n         [sortOrder]=\"isAscending ? 1 : -1\"\n         [stateKey]=\"stateKey\"\n         [stateStorage]=\"'local'\"\n         [style]=\"style\"\n         [value]=\"values\"\n         columnResizeMode=\"expand\"\n\n>\n\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"body\">\n    <ng-container\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\n    <colgroup *ngIf=\"!isMobileView\">\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\n      <col *ngFor=\"let col of filteredColumns; let idx = index\" [style.width]=\"calcWidth(idx, col.field, col.width)\">\n    </colgroup>\n  </ng-template>\n\n  <ng-template let-columns pTemplate=\"header\">\n    <ng-container *ngIf=\"showHeader\">\n      <tr>\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n        </th>\n        <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\n            pResizableColumn>\n          <div class=\"ui-table-thead-title\"\n               title=\"{{col.label | translate}}\">\n            {{col.label | translate}}\n          </div>\n          <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\n                      class=\"u-position-absolute u-position-absolute-right c-sorticon\"\n                      style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\n        </th>\n      </tr>\n      <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\n            style=\"width: 44px;\"></th>\n        <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\n          <input\n            (input)=\"dt.filter($event.target.value, col.field, 'contains')\"\n            *ngSwitchCase=\"colFilter(col.field).type === 'text' ? col.field : ''\"\n            autofocus=\"\"\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\n            pInputText\n            type=\"text\">\n\n          <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\n                      *ngSwitchCase=\"colFilter(col.field).type === 'dropdown' ? col.field : ''\"\n                      [options]=\"colFilter(col.field).options\"\n                      [style]=\"{ width: '100%', overflow: 'visible' }\"\n                      appendTo=\"body\"></p-dropdown>\n\n          <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\n                         *ngSwitchCase=\"colFilter(col.field).type === 'multiselect' ? col.field : ''\"\n                         [options]=\"colFilter(col.field).options\"\n                         [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\n                         defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\n          <input\n            (input)=\"dt.filter($event.target.value, col.field + '2filter', 'contains')\"\n            *ngSwitchCase=\"colFilter(col.field).type === 'datetext' ? col.field : ''\"\n            autofocus=\"\"\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\n            pInputText\n            type=\"text\">\n        </th>\n      </tr>\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\n    <ng-container\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\n    <tr\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\n      class=\"row_hover_highlight\">\n      <td [colSpan]=\"countVisibleColumns() + 1\">\n        <span>\n          <i\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'fa fa-fw fa-angle-down' : 'fa fa-fw fa-angle-right'\"></i>\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\n            )</span>\n        </span>\n      </td>\n    </tr>\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\n        [pSelectableRow]=\"rowData\"\n        class=\"row\">\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue'\n          }\" class=\"u-text_center\"\n          style=\"width: 44px\"\n      >\n        <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n      </td>\n      <td (click)=\"activeChange.emit(rowData)\"\n          *ngFor=\"let col of filteredColumns\"\n          class=\"u-overflow-visible\">\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"ui-table-tbody-content\" title>\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\n        </div>\n        <ng-container\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\n      </td>\n    </tr>\n  </ng-template>\n\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\n\n    <div class=\"o-grid o-grid_no-gutter\">\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\n          <form class=\"c-label\">\n            <div class=\"input-wrapper u-margin-right-tiny\">\n              <input #searchTextInput\n                     (input)=\"localSearch(dt, searchText)\"\n                     [(ngModel)]=\"searchText\"\n                     [ngModelOptions]=\"{standalone: true}\"\n                     autofocus=\"\"\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\n                     pInputText\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\n                     required\n                     style=\"padding-right: 28px\"\n                     tabindex=\"1\"\n                     type=\"search\"\n              >\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\n                      [attr.title]=\"'Reset' | translate\">\n                <i class=\"fa fa-close\"></i>\n              </button>\n            </div>\n          </form>\n        </div>\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\n                                        [columns]=\"primaryColumns\"\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\n        </div>\n\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fa fa-filter\" title=\"{{'Service filter' | translate}}\"></i>\n        </button>\n\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fa fa-plus\" title=\"{{'Add' | translate}}\"></i>\n        </button>\n\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fa fa-link\" title=\"{{'Link' | translate}}\"></i>\n        </button>\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fa fa-file-csv\" title=\"{{'LOGS.SAVE_TO_SCV' | translate}}\"></i>\n        </button>\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\n                [disabled]=\"toolbar.save.disabled\"\n                class=\"c-btn c-btn_primary c-btn_small\"\n                title=\"{{'Save' | translate}}\"\n        >\n          {{'Save' | translate}}\n        </button>\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\n                [disabled]=\"toolbar.groupEdit.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-pencil-square-o\" title=\"{{'groupEdit' | translate}}\"></i>\n        </button>\n        <ng-content select=\"[buttons]\"></ng-content>\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\n                [disabled]=\"toolbar.paramsEdit.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-share-square-o\" title=\"{{'paramsEdit' | translate}}\"></i>\n        </button>\n\n\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\n                [disabled]=\"toolbar.remove.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-trash\" title=\"{{'Delete' | translate}}\"></i>\n        </button>\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-unlink\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\n        </button>\n        <button (click)=\"toggleNodes(true)\"\n                *ngIf=\"toolbar.expandAll\"\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\n                title=\"{{'Expand all' | translate}}\">\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\n          </svg>\n        </button>\n        <button (click)=\"toggleNodes(false)\"\n                *ngIf=\"toolbar.expandAll\"\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\n                title=\"{{'Collapse all' | translate}}\">\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\n          </svg>\n        </button>\n\n        <div *ngIf=\"toolbar.groupSort\"\n             class=\"c-btn-group\"\n             container=\"body\"\n             ngbDropdown>\n\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\n                  id=\"dropdownGroupType\"\n                  ngbDropdownToggle\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\n            <i aria-hidden=\"true\" class=\"fa fa-object-group\"></i>\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\n          </button>\n\n          <ul aria-labelledby=\"dropdownGroupType\"\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\n              ngbDropdownMenu\n              role=\"menu\">\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\n                ngbDropdownItem\n                role=\"menuitem\">\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\n                {{item.label}}\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</p-table>\n",
-                entryComponents: [],
-                providers: [
-                    api.DomHandler,
-                    objectutils.ObjectUtils,
-                    table.TableService,
-                    {
-                        provide: table.Table,
-                        useFactory: tableFactory,
-                        deps: [TableComponent_1],
-                    },
-                ],
-                styles: ["@charset \"UTF-8\";.u-overflow-visible{overflow:visible!important}.row_status_success{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-success,#31ac51)}.row_status_error{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-error,#f95c5d)}.row_status_warning{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-warning,#ee9946)}.row_status_critical{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-critical,#f95c5d)}.row_status_falsevalue{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-falsevalue,#85b3cb)}.row_status_disabled{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-disabled)}.row_status_none{padding-left:9px!important;border-left:4px solid transparent}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color,#fff)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}"]
-            })
-        ], TableComponent);
-        return TableComponent;
-    }());
-    var TableComponentModule = /** @class */ (function () {
-        function TableComponentModule() {
-        }
-        TableComponentModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule, table.TableModule, PipesModule, core$1.TranslateModule, forms.FormsModule, dropdown.DropdownModule, multiselect.MultiSelectModule, ngBootstrap.NgbDropdownModule, checkbox.CheckboxModule],
-                exports: [TableComponent, TableColumnsMultiselectComponent],
-                declarations: [TableComponent, TableColumnsMultiselectComponent, TableMenuOverlayComponent, TableClickOutsideDirective]
-            })
-        ], TableComponentModule);
-        return TableComponentModule;
-    }());
-
-    var EmptyComponent = /** @class */ (function () {
-        function EmptyComponent() {
-        }
-        EmptyComponent = __decorate([
-            core.Component({
-                selector: 'in-empty',
-                template: "<div class=\"status-text\">\n  {{'no_records' | translate}}\n</div>\n",
-                styles: [".status-text{font-size:16px;opacity:.8}"]
-            })
-        ], EmptyComponent);
-        return EmptyComponent;
-    }());
-
-    var PreloaderComponent = /** @class */ (function () {
-        function PreloaderComponent() {
-            this.inline = false;
-            this.overlay = false;
-            this.size = 'normal';
-        }
-        PreloaderComponent.prototype.ngOnInit = function () {
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], PreloaderComponent.prototype, "inline", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], PreloaderComponent.prototype, "overlay", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], PreloaderComponent.prototype, "size", void 0);
-        PreloaderComponent = __decorate([
-            core.Component({
-                selector: 'in-preloader',
-                template: "<div [ngClass]=\"{float:!inline, small: size==='small'}\" class=\"preloader-container\">\n  <div class=\"lds-spinner\">\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n    <div></div>\n  </div>\n</div>\n<div *ngIf=\"overlay\" class=\"overlay\"></div>\n",
-                encapsulation: core.ViewEncapsulation.Emulated,
-                styles: ["@charset \"UTF-8\";.preloader-container{display:inline-flex;width:100%;height:64px;position:relative;align-items:center;justify-content:center;z-index:101}.preloader-container.float{position:absolute;height:auto;width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-container.small{width:32px;height:32px}.preloader-container.small .lds-spinner{color:var(--ids-theme-btn-primary-background);width:32px;height:32px}.lds-spinner{color:var(--ids-theme-btn-primary-background);width:64px;height:64px}.lds-spinner div{transform-origin:32px 32px;-webkit-animation:1.2s linear infinite lds-spinner;animation:1.2s linear infinite lds-spinner}.small .lds-spinner div{transform-origin:16px 16px}.lds-spinner div:after{content:\" \";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:var(--ids-theme-btn-primary-background,#78f4ff)}.small .lds-spinner div:after{width:3px;height:6px;left:15px}.lds-spinner div:nth-child(1){transform:rotate(0);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);-webkit-animation-delay:-.9s;animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);-webkit-animation-delay:-.8s;animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);-webkit-animation-delay:-.7s;animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);-webkit-animation-delay:-.6s;animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);-webkit-animation-delay:-.4s;animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);-webkit-animation-delay:-.2s;animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);-webkit-animation-delay:-.1s;animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}"]
-            }),
-            __metadata("design:paramtypes", [])
-        ], PreloaderComponent);
-        return PreloaderComponent;
-    }());
-
-    var InsparkStickyComponent = /** @class */ (function () {
-        function InsparkStickyComponent(cdr) {
-            var _this = this;
-            this.cdr = cdr;
-            this.top = 100;
-            this.isInline = false;
-            this.isFloated = true;
-            this.zIndex = 10;
-            this.class = '';
-            this.isSticky = false;
-            this.height = 0;
-            this.width = 0;
-            this.left = 0;
-            this.right = 0;
-            this.resize = function () {
-                var rect = _this.stickyRef.nativeElement.getBoundingClientRect();
-                _this.width = rect.width;
-                _this.left = rect.x;
-                _this.cdr.detectChanges();
-            };
-            this.scroll = function () {
-                var rect = _this.stickyRef.nativeElement.getBoundingClientRect();
-                var isSticky = rect.top < _this.top;
-                if (isSticky !== _this.isSticky) {
-                    _this.height = rect.height;
-                    _this.isSticky = rect.top < _this.top;
-                    _this.left = rect.x;
-                    _this.width = rect.width;
-                    _this.right = rect.right;
-                    _this.cdr.detectChanges();
-                }
-            };
-        }
-        InsparkStickyComponent.prototype.ngOnInit = function () {
-            document.addEventListener('scroll', this.scroll);
-            window.addEventListener('resize', this.resize);
-        };
-        InsparkStickyComponent.prototype.ngOnDestroy = function () {
-            document.removeEventListener('scroll', this.scroll);
-            window.removeEventListener('resize', this.resize);
-        };
-        InsparkStickyComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.ViewChild('sticky', { static: false }),
-            __metadata("design:type", core.ElementRef)
-        ], InsparkStickyComponent.prototype, "stickyRef", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkStickyComponent.prototype, "top", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkStickyComponent.prototype, "isInline", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkStickyComponent.prototype, "isFloated", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkStickyComponent.prototype, "zIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkStickyComponent.prototype, "class", void 0);
-        InsparkStickyComponent = __decorate([
-            core.Component({
-                selector: 'in-sticky',
-                template: "<div #sticky [ngClass]=\"{inline:isInline}\" [ngStyle]=\"{height: this.height?this.height+'px':'auto'}\"\n     class=\"sticky-container\">\n  <div [ngClass]=\"{sticky: isSticky, floated: isFloated && isSticky}\"\n       [ngStyle]=\"{zIndex:this.zIndex, top: (this.top) + 'px', left: this.left+ 'px', width: this.width?this.width+'px':'auto'}\">\n    <div [ngClass]=\"class\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n",
-                encapsulation: core.ViewEncapsulation.Emulated,
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [".sticky{position:fixed;display:inline-block}.floated{box-shadow:0 0 4px 2px rgba(0,0,0,.3)}.inline{display:inline-block}"]
-            }),
-            __metadata("design:paramtypes", [core.ChangeDetectorRef])
-        ], InsparkStickyComponent);
-        return InsparkStickyComponent;
-    }());
-
-    var InsparkHeaderComponent = /** @class */ (function () {
-        function InsparkHeaderComponent() {
-            this.level = 1;
-            this.label = '';
-        }
-        InsparkHeaderComponent.prototype.ngOnInit = function () {
-            this.level = Math.max(Math.min(this.level, 6), 1);
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkHeaderComponent.prototype, "level", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InsparkHeaderComponent.prototype, "label", void 0);
-        InsparkHeaderComponent = __decorate([
-            core.Component({
-                selector: 'in-header',
-                template: "<div [ngClass]=\"{h1: level === 1, h2: level === 2, h3: level === 3, h4: level === 4, h5: level === 5, h6:level === 6}\"\n     class=\"header u-margin-bottom-tiny u-margin-top-small\">\n  <div *ngIf=\"level === 1\" [title]=\"label\" class=\"u-h1 header__wrapper\">\n    {{label}}\n  </div>\n  <div *ngIf=\"level === 2\" [title]=\"label\" class=\"u-h2 header__wrapper\">\n    {{label}}\n  </div>\n  <div *ngIf=\"level === 3\" [title]=\"label\" class=\"u-h3 header__wrapper\">\n    {{label}}\n  </div>\n  <div *ngIf=\"level === 4\" [title]=\"label\" class=\"u-h4 header__wrapper\">\n    {{label}}\n  </div>\n  <div *ngIf=\"level === 5\" [title]=\"label\" class=\"u-h5 header__wrapper\">\n    {{label}}\n  </div>\n  <div *ngIf=\"level === 6\" [title]=\"label\" class=\"u-h6 header__wrapper\">\n    {{label}}\n  </div>\n  <div class=\"buttons\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
-                encapsulation: core.ViewEncapsulation.Emulated,
-                styles: [".header{display:flex;align-items:center}.header h1,.header h2,.header h3,.header h5,.header h6{display:inline-block;margin:0;color:var(--colorText)}.header h1{font-size:24px}.header .buttons{margin-left:8px;display:flex;align-items:center}.header__wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"]
-            }),
-            __metadata("design:paramtypes", [])
-        ], InsparkHeaderComponent);
-        return InsparkHeaderComponent;
-    }());
-
-    var ToolbarComponent = /** @class */ (function () {
-        function ToolbarComponent(element, cdRef, router) {
-            this.element = element;
-            this.cdRef = cdRef;
-            this.router = router;
-            this.display = false;
-        }
-        ToolbarComponent.prototype.ngOnInit = function () {
-        };
-        ToolbarComponent.prototype.clickedOutsideOverlay = function (event) {
-            if (!this.element.nativeElement.contains(event.target)) {
-                this.display = false;
-                this.cdRef.detectChanges();
-            }
-        };
-        ToolbarComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.ChangeDetectorRef },
-            { type: router.Router }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ToolbarComponent.prototype, "title", void 0);
-        ToolbarComponent = __decorate([
-            core.Component({
-                selector: 'in-toolbar',
-                template: "<div class=\"toolbar-wrapper\">\n  <in-sticky top=\"60\">\n\n    <div class=\"c-panel toolbar-container\">\n      <div class=\"c-toolbar\">\n        <div class=\"c-toolbar__side-left\">\n          <div class=\"c-toolbar__title\">{{title}}</div>\n        </div>\n        <div class=\"c-toolbar__side-center\">\n\n        </div>\n        <div class=\"c-toolbar__side-right\">\n          <ng-content></ng-content>\n        </div>\n\n      </div>\n    </div>\n  </in-sticky>\n</div>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                entryComponents: [],
-                styles: [".toolbar-wrapper{padding-bottom:4px}.toolbar-container{padding:8px;position:relative}:host{position:-webkit-sticky;position:sticky;z-index:2}.c-toolbar{display:inline-flex;width:100%}.c-toolbar__side-left{flex:1;text-align:left}.c-toolbar__title{display:inline-flex;vertical-align:middle;font-size:22px}.c-toolbar__side-right{display:flex;text-align:right}.add-widget{position:fixed;right:16px;bottom:16px}.widget-container{position:absolute;left:0;top:40px;right:0;bottom:0;overflow:auto}.widget-block{position:absolute;left:5px;top:5px;right:5px;bottom:5px}.sidebar{background:var(--main-background);position:absolute;left:0;top:35px;bottom:0;height:100vh;z-index:100;width:300px;box-shadow:0 0 3px 8px rgba(0,0,0,.1);overflow:auto}.right-side{display:flex;align-items:center;justify-content:flex-end;flex:1}.right-side>*{margin-left:5px}.left-side{white-space:nowrap;display:flex;align-items:center;justify-content:flex-start}.left-side>*{margin-right:5px}.controls-panel{height:41px;border-radius:2px;padding:4px 0;margin:0 5px 5px;display:flex}.dashboard-list{position:relative}.title{font-size:22px}"]
-            }),
-            __metadata("design:paramtypes", [core.ElementRef, core.ChangeDetectorRef, router.Router])
-        ], ToolbarComponent);
-        return ToolbarComponent;
-    }());
-
-    var BreadcrumbComponent = /** @class */ (function () {
-        function BreadcrumbComponent() {
-        }
-        BreadcrumbComponent.prototype.ngOnInit = function () {
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], BreadcrumbComponent.prototype, "items", void 0);
-        BreadcrumbComponent = __decorate([
-            core.Component({
-                selector: 'in-breadcrumb',
-                template: "<div>\n  <ul class=\"c-crumb\">\n    <li class=\"c-crumb__item\">\n      <a [routerLink]=\"['/main/page/home']\" translate=\"\">{{'Home' | translate }}</a>\n    </li>\n    <li *ngFor=\"let item of items; last as isLast\" class=\"c-crumb__item\">\n      <a *ngIf=\"item.url && !isLast; else noUrl\" [routerLink]=\"item.url\" translate=\"\">{{item.label}}</a>\n      <ng-template #noUrl>\n        <span translate=\"\">{{item.label}}</span>\n      </ng-template>\n    </li>\n  </ul>\n</div>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            }),
-            __metadata("design:paramtypes", [])
-        ], BreadcrumbComponent);
-        return BreadcrumbComponent;
-    }());
-
-    var FileComponent = /** @class */ (function () {
-        function FileComponent() {
-            this.name = null;
-            this.label = null;
-            this.accept = null;
-            this.required = false;
-            this.error = null;
-            this.onChange = new core.EventEmitter();
-            this.file = null;
-        }
-        FileComponent.prototype.onClear = function () {
-            this.file = null;
-            this.onChange.emit(this.file);
-            this.el.nativeElement.value = '';
-        };
-        FileComponent.prototype.onClickChoose = function () {
-            this.el.nativeElement.click();
-        };
-        FileComponent.prototype.onChangeFile = function (e) {
-            e.preventDefault();
-            if (e.srcElement.files[0]) {
-                this.file = e.srcElement.files[0];
-                this.onChange.emit(this.file);
-            }
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], FileComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], FileComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], FileComponent.prototype, "accept", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], FileComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], FileComponent.prototype, "error", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], FileComponent.prototype, "onChange", void 0);
-        __decorate([
-            core.ViewChild('fileInput', { static: false }),
-            __metadata("design:type", core.ElementRef)
-        ], FileComponent.prototype, "el", void 0);
-        FileComponent = __decorate([
-            core.Component({
-                selector: 'in-file',
-                template: "<span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n    </span>\n<in-button (click)=\"onClickChoose()\" *ngIf=\"file\" [label]=\"file.name\"></in-button>\n<in-button (click)=\"onClear()\" *ngIf=\"file\" label=\"X\"></in-button>\n<in-button (click)=\"onClickChoose()\" *ngIf=\"!file\" [label]=\"'Select file' | translate\"></in-button>\n\n<div class=\"hide\"><input #fileInput (change)=\"onChangeFile($event)\" [accept]=\"accept\" type=\"file\"/></div>\n",
-                styles: [".hide{display:none}"]
-            })
-        ], FileComponent);
-        return FileComponent;
-    }());
-
-    var SelectButtonComponent = /** @class */ (function () {
-        function SelectButtonComponent(cdRef) {
-            this.cdRef = cdRef;
-            this.name = '';
-            this.testId = '';
-            this.label = '';
-            this.icon = '';
-            this.error = '';
-            this.iconPos = 'left';
-            this.options = [];
-            this.required = false;
-            this.multiple = false;
-            this.focus = new core.EventEmitter();
-            this.blur = new core.EventEmitter();
-            this.click = new core.EventEmitter();
-            this.change = new core.EventEmitter();
-            this.selected = [];
-            this.propagateChange = function (_) {
-            };
-        }
-        SelectButtonComponent_1 = SelectButtonComponent;
-        SelectButtonComponent.prototype.ngOnInit = function () {
-        };
-        SelectButtonComponent.prototype.ngOnChanges = function () {
-            if (this.initial) {
-                this.selected = this.initial;
-            }
-            else {
-                this.selected = [];
-            }
-        };
-        SelectButtonComponent.prototype.clickButton = function (option) {
-            var _this = this;
-            if (option.readonly) {
-                return false;
-            }
-            if (this.multiple) {
-                if (this.selected.indexOf(option.value) !== -1) {
-                    this.selected = this.selected.filter(function (item) { return item !== option.value; });
-                }
-                else {
-                    this.selected.push(option.value);
-                }
-                this.value = this.options.filter(function (item) { return _this.selected.indexOf(item.value) !== -1; }).map(function (val) { return val.value; });
-            }
-            else {
-                this.selected = [option.value];
-                this.value = option.value;
-            }
-            this.cdRef.detectChanges();
-            this.onChange();
-        };
-        /**
-         * Write form value to the DOM element (model => view)
-         */
-        SelectButtonComponent.prototype.writeValue = function (value) {
-            this.value = value;
-            if (value !== null && value !== undefined) {
-                if (Array.isArray(value)) {
-                    this.selected = value.map(function (val) { return val; });
-                }
-                else {
-                    this.selected = [value];
-                }
-            }
-            this.cdRef.detectChanges();
-        };
-        /**
-         * Write form disabled state to the DOM element (model => view)
-         */
-        SelectButtonComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /**
-         * Update form when DOM element value changes (view => model)
-         */
-        SelectButtonComponent.prototype.registerOnChange = function (fn) {
-            // Store the provided function as an internal method.
-            this.propagateChange = fn;
-        };
-        /**
-         * Update form when DOM element is blurred (view => model)
-         */
-        SelectButtonComponent.prototype.registerOnTouched = function (fn) {
-            // Store the provided function as an internal method.
-            this.onTouched = fn;
-        };
-        SelectButtonComponent.prototype.onChange = function () {
-            this.propagateChange(this.value);
-            this.change.emit(this.value);
-        };
-        SelectButtonComponent.prototype.onTouched = function () {
-        };
-        var SelectButtonComponent_1;
-        SelectButtonComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "testId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "icon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], SelectButtonComponent.prototype, "iconPos", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], SelectButtonComponent.prototype, "options", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], SelectButtonComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SelectButtonComponent.prototype, "multiple", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], SelectButtonComponent.prototype, "initial", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], SelectButtonComponent.prototype, "focus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], SelectButtonComponent.prototype, "blur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], SelectButtonComponent.prototype, "click", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], SelectButtonComponent.prototype, "change", void 0);
-        SelectButtonComponent = SelectButtonComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-select-button',
-                template: "<span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n        <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n    </span>\n<div class=\"container\">\n  <in-button class=\"button-none\"></in-button>\n  <in-button (click)=\"clickButton(option)\"\n             *ngFor=\"let option of options\"\n             [color]=\"selected.indexOf(option.value) === -1 ? 'normal': 'primary' \"\n             [icon]=\"option.icon\"\n             [label]=\"option.label | translate\"\n             [testId]=\"'filter-buttons-' + option.value\"\n             [title]=\"option.title ? (option.title | translate) : ''\"\n             [name] = option.label\n             [disabled]=\"option.readonly\"\n  >\n  </in-button>\n</div>\n",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return SelectButtonComponent_1; }),
-                        multi: true,
-                    }
-                ],
-                styles: [".container{white-space:nowrap}in-button ::ng-deep button{outline:0}in-button:first-child ::ng-deep button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button:not(:first-child):not(:last-child) ::ng-deep button{border-radius:0;border-right:1px solid #000}in-button:last-child ::ng-deep button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none{display:none}"]
-            }),
-            __metadata("design:paramtypes", [core.ChangeDetectorRef])
-        ], SelectButtonComponent);
-        return SelectButtonComponent;
-    }());
-
-    var StatusCircleComponent = /** @class */ (function () {
-        function StatusCircleComponent() {
-            this.label = '';
-            this.title = '';
-            this.icon = '';
-            this.showLabel = true;
-            this.mode = 'success';
-            this.size = 'normal';
-            this.content = '';
-        }
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], StatusCircleComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], StatusCircleComponent.prototype, "title", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], StatusCircleComponent.prototype, "icon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], StatusCircleComponent.prototype, "showLabel", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], StatusCircleComponent.prototype, "mode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], StatusCircleComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], StatusCircleComponent.prototype, "content", void 0);
-        StatusCircleComponent = __decorate([
-            core.Component({
-                selector: 'in-status-circle',
-                template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n     class=\"circle-container {{size}}\"\n     title=\"{{title ? title : label}}\">\n    <span class=\"circle {{mode}}\">\n        <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n      <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n    </span>\n  <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n",
-                encapsulation: core.ViewEncapsulation.Emulated,
-                styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-flex;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary,#78f4ff)}.inverse{background:var(--colorIcon,#78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}"]
-            })
-        ], StatusCircleComponent);
-        return StatusCircleComponent;
-    }());
-
-    var SvgComponent = /** @class */ (function (_super) {
-        __extends(SvgComponent, _super);
-        function SvgComponent() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.size = 'normal';
-            _this.width = '100%';
-            _this.height = '100%';
-            return _this;
-        }
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], SvgComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SvgComponent.prototype, "width", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SvgComponent.prototype, "height", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], SvgComponent.prototype, "src", void 0);
-        SvgComponent = __decorate([
-            core.Component({
-                selector: 'in-svg',
-                template: "<span [inlineSVG]=\"src\"\n      [ngClass]=\"{svg: true, 'c-icon_svg-small': size === 'small', 'c-icon_svg-large': size === 'large'}\" [ngStyle]=\"{width: width, height: height}\"></span>\n\n",
-                styles: [".svg{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small{width:16px;height:16px}:host{display:inline-block}"]
-            })
-        ], SvgComponent);
-        return SvgComponent;
-    }(primeng.Button));
-
-    var SwitcherComponent = /** @class */ (function () {
-        function SwitcherComponent(element, cdRef, router) {
-            this.element = element;
-            this.cdRef = cdRef;
-            this.router = router;
-            this.name = null;
-            this.label = null;
-            this.error = null;
-            this.iconOff = '';
-            this.iconOn = '';
-            this.labelOff = 'Off';
-            this.labelOn = 'On';
-            this.faIconOn = '';
-            this.faIconOff = '';
-            this.id = null;
-            this.change = new core.EventEmitter();
-            this._isBoolean = false;
-            this.propagateChange = function (_) {
-            };
-        }
-        SwitcherComponent_1 = SwitcherComponent;
-        SwitcherComponent.prototype.ngOnInit = function () {
-            this._isBoolean = typeof this.value === 'boolean';
-            this.value = typeof this.value === 'string' ? JSON.parse(this.value) : !!this.value;
-        };
-        SwitcherComponent.prototype.ngOnChanges = function (changes) {
-        };
-        /**
-         * Write form value to the DOM element (model => view)
-         */
-        SwitcherComponent.prototype.writeValue = function (value) {
-            this._isBoolean = typeof value === 'boolean';
-            this.value = value;
-            this.cdRef.detectChanges();
-        };
-        /**
-         * Write form disabled state to the DOM element (model => view)
-         */
-        SwitcherComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /**
-         * Update form when DOM element value changes (view => model)
-         */
-        SwitcherComponent.prototype.registerOnChange = function (fn) {
-            // Store the provided function as an internal method.
-            this.propagateChange = fn;
-        };
-        /**
-         * Update form when DOM element is blurred (view => model)
-         */
-        SwitcherComponent.prototype.registerOnTouched = function (fn) {
-            // Store the provided function as an internal method.
-            this.onTouched = fn;
-        };
-        SwitcherComponent.prototype.onChange = function (e) {
-            e.stopPropagation();
-            e.preventDefault();
-            if (this._isBoolean) {
-                this.propagateChange(this.value);
-                this.change.emit(this.value);
-            }
-            else {
-                this.propagateChange(this.value ? 1 : 0);
-                this.change.emit(this.value ? 1 : 0);
-            }
-        };
-        SwitcherComponent.prototype.onTouched = function () {
-        };
-        var SwitcherComponent_1;
-        SwitcherComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: core.ChangeDetectorRef },
-            { type: router.Router }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "iconOff", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "iconOn", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "labelOff", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "labelOn", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "faIconOn", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "faIconOff", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], SwitcherComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], SwitcherComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], SwitcherComponent.prototype, "waiting", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], SwitcherComponent.prototype, "change", void 0);
-        SwitcherComponent = SwitcherComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-switcher',
-                template: "<label class=\"c-checkbox c-checkbox_switch container\">\n  <span *ngIf=\"label\" class=\"label\">{{label}}</span>\n  <span  class=\"switcher-container\">\n        <span class=\"c-checkbox__label u-vertical-align-middle u-text_center\">\n            <span *ngIf=\"!iconOff\">{{labelOff | translate}}</span>\n            <span *ngIf=\"faIconOff\"><i class=\"fa\" [ngClass]=\"faIconOff\"></i></span>\n            <in-svg *ngIf=\"iconOff\" [src]=\"iconOff\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\n        </span>\n        <input  *ngIf=\"!waiting\" (change)=\"onChange($event)\"\n               [(ngModel)]=\"value\"\n               [checked]=\"value\" [disabled]=\"disabled\"\n               class=\"c-checkbox__input\"\n               name=\"element_name\"\n               type=\"checkbox\"/>\n        <i  *ngIf=\"!waiting\" class=\"c-checkbox__icon u-margin-left-tiny u-vertical-align-baseline\"></i>\n        <span *ngIf = \"waiting\" class=\"c-spinner \" style = \"display: inline-block; width:50px; text-align: center\"><i class=\"fa fa-circle-o-notch fa-spin \"></i></span>\n        <span  class=\"c-spinner c-checkbox__label u-vertical-align-middle u-text_center\">\n            <span *ngIf=\"!iconOn\">{{labelOn | translate}}</span>\n            <span *ngIf=\"faIconOn\"><i class=\"fa\" [ngClass]=\"faIconOn\"></i></span>\n            <in-svg *ngIf=\"iconOn\" [src]=\"iconOn\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\n        </span>\n    </span>\n</label>\n",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return SwitcherComponent_1; }),
-                        multi: true,
-                    }
-                ],
-                styles: [".container{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}.c-checkbox_switch .c-checkbox__icon{height:30px}.c-checkbox{margin-right:0}.label{font-size:11px;font-weight:700;display:block;text-align:center;text-transform:uppercase;margin-bottom:2px}.switcher-container{display:flex;align-items:center;justify-content:center}"]
-            }),
-            __metadata("design:paramtypes", [core.ElementRef, core.ChangeDetectorRef, router.Router])
-        ], SwitcherComponent);
-        return SwitcherComponent;
-    }());
-
-    var InlineMessageComponent = /** @class */ (function () {
-        function InlineMessageComponent() {
-            this.message = '';
-            this.align = 'center';
-        }
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InlineMessageComponent.prototype, "message", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], InlineMessageComponent.prototype, "align", void 0);
-        InlineMessageComponent = __decorate([
-            core.Component({
-                selector: 'in-inline-message',
-                template: "<div [ngClass]=\"align\" class=\"message\">\n  {{message}}\n  <ng-content></ng-content>\n</div>\n",
-                styles: [".message{padding:12px 0;text-align:center;color:#aaa}.message.left{text-align:left}.message.right{text-align:right}"]
-            })
-        ], InlineMessageComponent);
-        return InlineMessageComponent;
-    }());
-
-    var LinkComponent = /** @class */ (function () {
-        function LinkComponent() {
-            this.color = 'normal';
-            this.name = '';
-            this.testId = '';
-            this.label = '';
-            this.icon = '';
-            this.className = '';
-            this.svg = '';
-            this.link = '';
-            /**
-             * external - ссылка на внешний источник
-             * internal - ссылка внутри приложения
-             * auto - определяется автоматически исходя из link
-             */
-            this.linkType = 'auto';
-            /**
-             * self - открывается в этом же окне
-             * blank - открывается в новом окне
-             * auto - определяется автоматически исходя из linkType
-             */
-            this.linkTarget = 'auto';
-            // Отображает кнопку нажатой
-            this.pressed = false;
-            this.disabled = false;
-            this.iconPos = 'left';
-            this.menuItems = [];
-            this.focus = new core.EventEmitter();
-            this.blur = new core.EventEmitter();
-            this.click = new core.EventEmitter();
-            this.style = {};
-            this._target = '_self';
-            this._linkType = 'auto';
-            this.isMaterialIcon = false;
-        }
-        LinkComponent.prototype.ngOnInit = function () {
-            this.updateData();
-        };
-        LinkComponent.prototype.ngOnChanges = function (changes) {
-            this.updateData();
-        };
-        LinkComponent.prototype.updateData = function () {
-            this._linkType = this.linkType;
-            if (this._linkType === 'auto') {
-                if ((this.link.indexOf('://') !== -1 || this.link.indexOf('//') === 0)) {
-                    this._linkType = 'external';
-                }
-                else {
-                    this._linkType = 'internal';
-                }
-            }
-            if (this.linkTarget === 'auto') {
-                if (this._linkType === 'external') {
-                    this._target = '_blank';
-                }
-                else {
-                    this._target = '_self';
-                }
-            }
-            else {
-                this._target = this.linkTarget === 'self' ? '_self' : 'blank';
-            }
-            if (this.icon && this.icon.indexOf('fa-') === -1) {
-                this.isMaterialIcon = true;
-            }
-            else {
-                this.isMaterialIcon = false;
-            }
-        };
-        LinkComponent.prototype._onClick = function ($event) {
-            // if (!this.link) {
-            //   $event.stopPropagation();
-            //   $event.preventDefault();
-            //   this.click.emit($event);
-            // }
-            if (this.menuItems.length) {
-                this._menu.toggle($event);
-            }
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], LinkComponent.prototype, "color", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "testId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "icon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "className", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "svg", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "link", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], LinkComponent.prototype, "linkType", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], LinkComponent.prototype, "linkTarget", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "pressed", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], LinkComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], LinkComponent.prototype, "iconPos", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], LinkComponent.prototype, "menuItems", void 0);
-        __decorate([
-            core.ViewChild(primeng.Menu, { static: false }),
-            __metadata("design:type", primeng.Menu)
-        ], LinkComponent.prototype, "_menu", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], LinkComponent.prototype, "focus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], LinkComponent.prototype, "blur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], LinkComponent.prototype, "click", void 0);
-        LinkComponent = __decorate([
-            core.Component({
-                selector: 'in-link',
-                template: "<a (blur)=\"blur.emit($event)\"\n   (focus)=\"focus.emit($event)\"\n   *ngIf=\"link &&_linkType ==='external'\"\n   [class]=\"className\"\n   [href]=\"link\"\n   [ngClass]=\"{'ui-link ui-state-default ui-corner-all ui-link-transparency':true,\n                        'ui-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-link-text-only': (!(icon || svg) && label),\n                        'ui-link-text-empty': (!(icon || svg) && !label),\n                        'ui-link-svg': svg,\n                        'ui-link-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-link-primary': color === 'primary',\n                        'ui-link-secondary': color === 'secondary',\n                        'ui-link-danger': color === 'danger'}\"\n   [style]=\"style\" [target]=\"_target\">\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</a>\n<a (blur)=\"blur.emit($event)\"\n   (focus)=\"focus.emit($event)\"\n   *ngIf=\"link && _linkType ==='internal'\"\n   [class]=\"className\"\n   [ngClass]=\"{'ui-link ui-state-default ui-corner-all ui-link-transparency':true,\n                        'ui-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-link-text-only': (!(icon || svg) && label),\n                        'ui-link-text-empty': (!(icon || svg) && !label),\n                        'ui-link-svg': svg,\n                        'ui-link-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-link-primary': color === 'primary',\n                        'ui-link-secondary': color === 'secondary',\n                        'ui-link-danger': color === 'danger'}\"\n   [routerLink]=\"link\"\n   [style]=\"style\" [target]=\"_target\">\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</a>\n<span (blur)=\"blur.emit($event)\"\n      (click)=\"_onClick($event)\"\n      (focus)=\"focus.emit($event)\"\n      *ngIf=\"!link\"\n      [class]=\"className\"\n      [ngClass]=\"{'ui-link ui-state-default ui-corner-all ui-link-transparency':true,\n                        'ui-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\n                        'ui-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\n                        'ui-link-text-only': (!(icon || svg) && label),\n                        'ui-link-text-empty': (!(icon || svg) && !label),\n                        'ui-link-svg': svg,\n                        'ui-link-material': isMaterialIcon,\n                        'ui-state-disabled': disabled,\n                        'ui-link-primary': color === 'primary',\n                        'ui-link-secondary': color === 'secondary',\n                        'ui-link-danger': color === 'danger'}\" [style]=\"style\">\n    <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\n</span>\n<p-menu *ngIf=\"menuItems.length\" [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" styleClass=\"button-menu\"></p-menu>\n\n<ng-template #content>\n    <span *ngIf=\"!isMaterialIcon && icon\" [class]=\"icon\"\n          [ngClass]=\"{'ui-clickable': true,\n                        'ui-link-icon-left': (iconPos === 'left'),\n                        'ui-link-icon-right': (iconPos === 'right')}\"></span>\n  <span *ngIf=\"isMaterialIcon && icon\" [ngClass]=\"{'ui-clickable': true,\n                        'ui-link-icon-left': (iconPos === 'left'),\n                        'ui-link-icon-right': (iconPos === 'right')}\"\n  ><i class=\"material-icons\">{{icon}}</i></span>\n  <span *ngIf=\"svg\" [ngClass]=\"{'ui-clickable': true,\n                        'ui-link-icon-left': (iconPos === 'left'),\n                        'ui-link-icon-right': (iconPos === 'right')}\">\n        <in-svg [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\n    </span>\n  <span class=\"ui-link-text ui-clickable\">{{label}}</span>\n\n</ng-template>\n",
-                styles: [".ui-link{text-decoration:none;color:var(--colorLink);cursor:pointer;margin-right:0;display:inline-flex;align-items:center;justify-content:center}.ui-link.ui-link-secondary{color:var(--colorTextSecondary)}.ui-link:hover{color:var(--colorLink)}.ui-link:hover .ui-link-text{text-decoration:underline;color:var(--colorLink)}button{outline:0}.ui-link-icon-only .ui-link-icon-left{margin-top:-9px}.ui-link-text{vertical-align:middle}.ui-link-text-icon-left .ui-link-text{padding-left:.6em}.ui-link-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.ui-link-icon-only .svg{display:inline-block;line-height:0}.ui-link-transparency{background:0 0}.ui-link.ui-link-svg .ui-clickable{height:20px}.ui-link.ui-link-svg .ui-link-icon-left{left:6px;margin-top:-2px}.ui-link.ui-link-svg.ui-link-icon-only .ui-link-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.ui-link-material .material-icons{font-size:16px}:host .ui-menu .ui-menuitem-link{font-size:16px}"]
-            })
-        ], LinkComponent);
-        return LinkComponent;
-    }());
-
-    var TooltipComponent = /** @class */ (function () {
-        function TooltipComponent() {
-        }
-        TooltipComponent.prototype.ngOnInit = function () {
-        };
-        TooltipComponent = __decorate([
-            core.Component({
-                selector: 'in-tooltip',
-                template: "<div class=\"c-tooltip c-tooltip_left\">\n  <ng-content></ng-content>\n  <div class=\"c-tooltip__content\" style=\"width: 12em;\" >\n    <ng-content select=\"tooltip_content\"></ng-content>\n  </div>\n</div>\n\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [".c-tooltip{display:inline-block;position:relative;text-align:left;overflow:visible}.c-tooltip:hover .c-tooltip__content{visibility:visible;opacity:1}.c-tooltip_left>.c-tooltip__content{left:auto;right:100%;top:50%;bottom:auto;margin-right:12px;border-top-right-radius:0}.c-tooltip_left>.c-tooltip__content:before{border-top-color:var(--colorBgLevel2,#282a31);border-left-color:var(--colorBgLevel2,#282a31)}.c-tooltip__content{position:absolute;width:auto;margin:0 0 12px;padding:9px 12px;font-size:13px;font-weight:400;letter-spacing:normal;border-radius:3px;line-height:1.64286;visibility:hidden;opacity:0;transition:opacity .3s linear;z-index:1070;background:var(--colorBgLevel2,#282a31);color:var(--ids-theme-text-color,#fff);white-space:normal;text-transform:none}"]
-            }),
-            __metadata("design:paramtypes", [])
-        ], TooltipComponent);
-        return TooltipComponent;
-    }());
-
-    var TreeTableComponent = /** @class */ (function () {
-        function TreeTableComponent() {
-            this.columns = [];
-            this.values = [];
-            this.checkboxSelection = true;
-            this.activeChange = new core.EventEmitter();
-            this.selectionChange = new core.EventEmitter();
-            this.addAction = new core.EventEmitter();
-            this.csvAction = new core.EventEmitter();
-            this.saveAction = new core.EventEmitter();
-            this.collapseAction = new core.EventEmitter();
-            this.removeAction = new core.EventEmitter();
-            this.unlinkAction = new core.EventEmitter();
-            this.groupEditAction = new core.EventEmitter();
-            this.groupAddAction = new core.EventEmitter();
-            this.rowIndex = 0;
-            this.isCollapse = true;
-            this._selection = null;
-        }
-        Object.defineProperty(TreeTableComponent.prototype, "selection", {
-            set: function (val) {
-                this._selection = val;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(TreeTableComponent.prototype, "selectionValue", {
-            get: function () {
-                return this._selection;
-            },
-            set: function (val) {
-                this._selection = val;
-                this.selectionChange.emit(val);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        TreeTableComponent.prototype.isRowActive = function (row) {
-            return this.active && this.active.id === row.id;
-        };
-        TreeTableComponent.prototype.visibleColumns = function () {
-            return this.columns.filter(function (column) { return !column.isHidden; });
-        };
-        TreeTableComponent.prototype.columnsChange = function (data) {
-            data.column.isHidden = !data.event;
-        };
-        TreeTableComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.templates.forEach(function (item) {
-                switch (item.getType()) {
-                    case 'caption':
-                        _this.captionTemplate = item.template;
-                        break;
-                    case 'header':
-                        _this.headerTemplate = item.template;
-                        break;
-                    case 'body':
-                        _this.bodyTemplate = item.template;
-                        break;
-                    case 'value':
-                        _this.valueTemplate = item.template;
-                        break;
-                    case 'loadingbody':
-                        _this.loadingBodyTemplate = item.template;
-                        break;
-                    case 'footer':
-                        _this.footerTemplate = item.template;
-                        break;
-                    case 'summary':
-                        _this.summaryTemplate = item.template;
-                        break;
-                    case 'colgroup':
-                        _this.colGroupTemplate = item.template;
-                        break;
-                    case 'rowexpansion':
-                        _this.expandedRowTemplate = item.template;
-                        break;
-                    case 'frozenrows':
-                        _this.frozenRowsTemplate = item.template;
-                        break;
-                    case 'frozenheader':
-                        _this.frozenHeaderTemplate = item.template;
-                        break;
-                    case 'frozenbody':
-                        _this.frozenBodyTemplate = item.template;
-                        break;
-                    case 'frozenfooter':
-                        _this.frozenFooterTemplate = item.template;
-                        break;
-                    case 'frozencolgroup':
-                        _this.frozenColGroupTemplate = item.template;
-                        break;
-                    case 'emptymessage':
-                        _this.emptyMessageTemplate = item.template;
-                        break;
-                    case 'paginatorleft':
-                        _this.paginatorLeftTemplate = item.template;
-                        break;
-                    case 'paginatorright':
-                        _this.paginatorRightTemplate = item.template;
-                        break;
-                }
-            });
-        };
-        TreeTableComponent.prototype.collapse = function (event, dt) {
-            var _this = this;
-            this.values.forEach(function (node) {
-                _this.toggleCollapse(node, _this.isCollapse);
-            });
-            this.isCollapse = !this.isCollapse;
-            dt.filterGlobal(this.searchText, 'contains');
-        };
-        TreeTableComponent.prototype.toggleCollapse = function (node, isCollapsed) {
-            var e_1, _a;
-            if (node.children) {
-                node.expanded = isCollapsed;
-                try {
-                    for (var _b = __values(node.children), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var cn = _c.value;
-                        if (cn) {
-                            this.toggleCollapse(cn, isCollapsed);
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Array)
-        ], TreeTableComponent.prototype, "columns", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "values", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TreeTableComponent.prototype, "scrollHeight", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TreeTableComponent.prototype, "scrollable", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TreeTableComponent.prototype, "selectionMode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TreeTableComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TreeTableComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], TreeTableComponent.prototype, "class", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], TreeTableComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "style", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "toolbar", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "checkboxSelection", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "active", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "sortField", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "isAscending", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "dataKey", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", Object)
-        ], TreeTableComponent.prototype, "activeChange", void 0);
-        __decorate([
-            core.ContentChildren(InsparkTemplate),
-            __metadata("design:type", core.QueryList)
-        ], TreeTableComponent.prototype, "templates", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "selectionChange", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "addAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "csvAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "saveAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "collapseAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "removeAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "unlinkAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "groupEditAction", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], TreeTableComponent.prototype, "groupAddAction", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object),
-            __metadata("design:paramtypes", [Object])
-        ], TreeTableComponent.prototype, "selection", null);
-        TreeTableComponent = __decorate([
-            core.Component({
-                selector: 'in-tree-table',
-                template: "<p-treeTable #dt\n             [(selection)]=\"selectionValue\"\n             [class]=\"class\"\n             [columns]=\"visibleColumns()\"\n             [resizableColumns]=\"true\"\n             [scrollHeight]=\"scrollHeight\"\n             [scrollable]=\"scrollable\"\n             [selectionMode]=\"selectionMode\"\n             [sortField]=\"sortField || 'id'\"\n             [sortOrder]=\"isAscending ? 1 : -1\"\n             [style]=\"style\"\n             [value]=\"values\"\n             columnResizeMode=\"expand\"\n>\n  <ng-template let-columns pTemplate=\"colgroup\">\n    <colgroup>\n      <col *ngIf=\"checkboxSelection\" style=\"width:44px;\">\n      <col *ngFor=\"let col of visibleColumns()\" [style.width]=\"col.width ? col.width : '10px'\">\n    </colgroup>\n  </ng-template>\n  <ng-template let-columns pTemplate=\"header\">\n    <tr>\n      <th *ngIf=\"checkboxSelection\">\n        <p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\n      </th>\n      <th *ngFor=\"let col of columns; let i = index\" [ttSortableColumn]=\"col.field\" class=\"u-position-relative\"\n          ttResizableColumn>\n        <div class=\"ui-treetable-thead-title\" title=\"{{col.label | translate}}\">\n          {{col.label | translate}}\n        </div>\n        <p-treeTableSortIcon [field]=\"col.field\" class=\"ui-sortable-column-buttons\"></p-treeTableSortIcon>\n      </th>\n    </tr>\n  </ng-template>\n\n  <ng-template let-columns=\"columns\" let-rowData=\"rowData\" let-rowNode pTemplate=\"body\">\n    <tr [ngClass]=\"{row_active: isRowActive(rowData)}\" [ttSelectableRow]=\"rowNode\" class=\"row\">\n      <td *ngIf=\"checkboxSelection\">\n        <p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\n      </td>\n      <td (click)=\"activeChange.emit(rowData)\" *ngFor=\"let col of columns; let i = index\"\n          class=\"_u-overflow-visible\">\n        <div class=\"\" style=\"display: flex; flex-wrap: nowrap;\">\n          <ng-template [ngIf]=\"i == 0\">\n            <p-treeTableToggler  [rowNode]=\"rowNode\" style=\"align-self: center;\"></p-treeTableToggler>\n          </ng-template>\n          <div [ngClass]=\"{ 'ui-treetable-tbody-content_has-toggler ': i == 0 }\"\n               class=\"ui-treetable-tbody-content cell-content_hover\"\n               style=\"flex-grow: 1;\"\n               title=\"{{rowData | propertyValue: col.field}}\">\n            <ng-container *ngIf=\"!valueTemplate\">\n              <i *ngIf=\"rowData.icon && i == 0\" [ngClass]=\"rowData.icon\" class=\"u-margin-right-tiny\"></i>\n              {{rowData | propertyValue: col.field}}\n            </ng-container>\n\n            <ng-container\n              *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\n          </div>\n        </div>\n      </td>\n    </tr>\n  </ng-template>\n\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\n\n    <div class=\"o-grid o-grid_no-gutter\">\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\n        <div class=\"c-form c-form_inline u-display-inline-block\">\n          <form class=\"c-label\">\n            <div class=\"input-wrapper u-margin-right-tiny\">\n              <input #searchTextInput\n                     (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                     [(ngModel)]=\"searchText\"\n                     [ngModelOptions]=\"{standalone: true}\"\n                     autofocus=\"\"\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\n                     pInputText\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\n                     required\n                     style=\"padding-right: 28px\"\n                     tabindex=\"1\"\n                     type=\"search\"\n              >\n              <button (click)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"button-reset\" type=\"reset\"\n                      [attr.title]=\"'Reset' | translate\">\n                <i class=\"fa fa-close\"></i>\n              </button>\n            </div>\n          </form>\n        </div>\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\n                                        [columns]=\"columns\"></in-table-columns-multiselect>\n        </div>\n\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fa fa-plus\" [title]=\"toolbar.add.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C'\"></i>\n        </button>\n\n        <button (click)=\"groupAddAction.emit($event)\" *ngIf=\"toolbar.groupAdd\" [disabled]=\"toolbar.groupAdd.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fa fa-folder\" [title]=\"toolbar.groupAdd.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443'\"></i>\n        </button>\n\n\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\n                [disabled]=\"toolbar.save.disabled\"\n                class=\"c-btn c-btn_primary c-btn_small\"\n                title=\"{{'Save' | translate}}\"\n        >\n          {{'Save' | translate}}\n        </button>\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\n                [disabled]=\"toolbar.groupEdit.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-pencil-square-o\" title=\"{{'groupEdit' | translate}}\"></i>\n        </button>\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\n                [disabled]=\"toolbar.remove.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-trash\" [title]=\"toolbar.remove?.title || '\u0423\u0434\u0430\u043B\u0438\u0442\u044C'\"></i>\n        </button>\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\">\n          <i class=\"fa fa-unlink\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\n        </button>\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\n                class=\"c-btn c-btn_border-free c-btn_small\"\n        >\n          <i class=\"fas fa-file-csv\" title=\"\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV\"></i>\n        </button>\n        <button  *ngIf=\"toolbar.collapse\"\n                 class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\n                 (click)=\"collapse($event, dt)\"\n                 title=\"{{(isCollapse ? 'Expand all' : 'Collapse all') | translate}}\">\n          <svg *ngIf=\"isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\n          </svg>\n          <svg *ngIf=\"!isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path fill-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" clip-rule=\"evenodd\"/>\n          </svg>\n        </button>\n      </div>\n    </div>\n  </ng-template>\n</p-treeTable>\n",
-                entryComponents: [],
-                styles: ["@charset \"UTF-8\";.ui-sortable-column{cursor:pointer;position:relative}.ui-sortable-column-buttons{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.ui-sortable-column-buttons>a{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible{overflow:visible!important}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--colorIcon)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}"]
-            })
-        ], TreeTableComponent);
-        return TreeTableComponent;
-    }());
-    var TreeTableComponentModule = /** @class */ (function () {
-        function TreeTableComponentModule() {
-        }
-        TreeTableComponentModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule, primeng.TreeTableModule, PipesModule, core$1.TranslateModule, forms.FormsModule, TableComponentModule],
-                exports: [TreeTableComponent],
-                declarations: [TreeTableComponent]
-            })
-        ], TreeTableComponentModule);
-        return TreeTableComponentModule;
-    }());
-
-    var RadiobuttonComponent = /** @class */ (function () {
-        function RadiobuttonComponent() {
-            this.name = null;
-            this.label = null;
-            this.required = false;
-            this.error = null;
-            this.placeholder = '';
-            this.id = null;
-            this.change = new core.EventEmitter();
-        }
-        RadiobuttonComponent.prototype.onChangeEvent = function (value) {
-            this.change.next({ name: this.name, value: value });
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], RadiobuttonComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "value", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "values", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "keyLabel", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "item", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", Object)
-        ], RadiobuttonComponent.prototype, "change", void 0);
-        RadiobuttonComponent = __decorate([
-            core.Component({
-                selector: 'in-radiobutton',
-                template: "<ng-container *ngFor=\"let element of values\">\n  <p-radioButton\n    class=\"u-margin-left-tiny u-vertical-align-middle field_{{name}}\"\n                 (onClick)=\"onChangeEvent(element)\"\n    [id]=\"element[keyLabel]\"\n    [(ngModel)]=\"item\"\n    [name]=\"name\"\n    [value]=\"element.id\"\n    [disabled]=\"disabled\"\n    [label]=\"element[keyLabel]\">\n  </p-radioButton>\n</ng-container>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            }),
-            __metadata("design:paramtypes", [])
-        ], RadiobuttonComponent);
-        return RadiobuttonComponent;
-    }());
-
-    var SelectListComponent = /** @class */ (function () {
-        function SelectListComponent(ref, config, messageService, router) {
-            this.ref = ref;
-            this.config = config;
-            this.messageService = messageService;
-            this.router = router;
-            this.options = null;
-            this.isShowSpinner = false;
-        }
-        SelectListComponent.prototype.ngOnInit = function () {
-            this.options = this.config.data.command.options.map(function (item) {
-                return { value: item, checked: false };
-            });
-            this.selected = Array(this.options.length).fill(false);
-        };
-        SelectListComponent.prototype.closeModal = function (val) {
-            if (val === void 0) { val = null; }
-            this.ref.close(val);
-        };
-        SelectListComponent.prototype.applySelection = function () {
-            if (!this.selected) {
-                this.messageService.message(gettext('Select object'));
-                return;
-            }
-            else {
-                this.closeModal({ selected: this.options.filter(function (o) { return o.checked; }) });
-            }
-        };
-        SelectListComponent.prototype.select = function (i) {
-            this.options[i].checked = !this.options[i].checked;
-        };
-        SelectListComponent.prototype.highlight = function (value, text) {
-            var regex = new RegExp('(' + text + ')', 'gi');
-            return value.replace(regex, '<span class="u-text-highlight">$1</span>');
-        };
-        SelectListComponent.ctorParameters = function () { return [
-            { type: api.DynamicDialogRef },
-            { type: api.DynamicDialogConfig },
-            { type: InsparkMessageService },
-            { type: router.Router }
-        ]; };
-        SelectListComponent = __decorate([
-            core.Component({
-                selector: 'app-select-list',
-                template: "<div class=\"c-panel__heading-title h4\">\n    {{'Select objects for which to execute the command' | translate}}\n</div>\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\n<div class=\"container\">\n    <div class=\"c-form-group type_treeblock\">\n      <div style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\" *ngFor=\"let item of options; let i = index\">\n          <span class=\"c-label c-label__content\" style=\"width: 100px; min-height: 30px;\">{{item.value}}</span>\n          <input class=\"c-checkbox__input\" type=\"checkbox\" [checked]=\"options[i].checked\" >\n          <i class=\"ui-chkbox-box c-checkbox__icon\" (click)=\"select(i)\"></i>\n      </div>\n\n    </div>\n    <div class=\"buttons\">\n        <in-component-container>\n            <in-button id=\"close\" (click)=\"closeModal()\"\n                       label=\"{{'Cancel' | translate}}\"></in-button>\n            <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\n                       label=\"{{'Apply' | translate}}\"\n                       color=\"primary\" [disabled]=\"\" [title]=\"'Select an action' | translate\"></in-button>\n        </in-component-container>\n    </div>\n</div>\n\n<ng-template #spinner><span class=\"c-spinner\">\n            <i class=\"fa fa-circle-o-notch fa-spin \"></i>\n</span></ng-template>\n",
-                styles: [".buttons{text-align:right}.buttons p-button{margin-left:8px}.container{padding:12px}:host ::ng-deep .c-select_block{position:relative;left:10px;width:30%}:host ::ng-deep .c-input_small{width:50%}:host ::ng-deep .my-tree{width:100%;display:inline-block;position:relative}:host ::ng-deep .my-tree .c-inputtext{width:500px}"]
-            }),
-            __metadata("design:paramtypes", [api.DynamicDialogRef,
-                api.DynamicDialogConfig,
-                InsparkMessageService,
-                router.Router])
-        ], SelectListComponent);
-        return SelectListComponent;
-    }());
-
-    var ObjectTreeComponent = /** @class */ (function () {
-        function ObjectTreeComponent() {
-        }
-        ObjectTreeComponent.prototype.ngOnInit = function () {
-        };
-        ObjectTreeComponent = __decorate([
-            core.Component({
-                selector: 'in-object-tree',
-                template: "<p>object-tree works!</p>\n",
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [""]
-            }),
-            __metadata("design:paramtypes", [])
-        ], ObjectTreeComponent);
-        return ObjectTreeComponent;
-    }());
-
-    var ModalInputTextComponent = /** @class */ (function () {
-        function ModalInputTextComponent(ref, config, translateService, messageService, router) {
-            this.ref = ref;
-            this.config = config;
-            this.translateService = translateService;
-            this.messageService = messageService;
-            this.router = router;
-            this.options = null;
-            this.isShowSpinner = false;
-            this.maxLength = 0;
-        }
-        ModalInputTextComponent.prototype.ngOnInit = function () {
-            this.param = this.config.data.command.param;
-            this.options = this.config.data.command.options.map(function (item) {
-                return { value: item, checked: false };
-            });
-            if (this.options && this.options.length > 0) {
-                this.calculateWidth();
-            }
-            this.selected = Array(this.options.length).fill(false);
-        };
-        ModalInputTextComponent.prototype.closeModal = function (val) {
-            if (val === void 0) { val = null; }
-            this.ref.close(val);
-        };
-        ModalInputTextComponent.prototype.applySelection = function () {
-            if (!this.selected) {
-                this.messageService.message(gettext('Select object'));
-                return;
-            }
-            else {
-                this.closeModal({
-                    selected: this.options.filter(function (o) { return o.checked; }),
-                    param: this.param ? this.param.value : undefined
-                });
-            }
-        };
-        ModalInputTextComponent.prototype.select = function (i) {
-            this.options[i].checked = !this.options[i].checked;
-        };
-        ModalInputTextComponent.prototype.checkSelected = function () {
-            if (this.param) {
-                return !this.param.value;
-            }
-            else if (this.options) {
-                return this.options.filter(function (opt) { return opt.checked; }).length === 0;
-            }
-            return false;
-        };
-        ModalInputTextComponent.prototype.highlight = function (value, text) {
-            var regex = new RegExp('(' + text + ')', 'gi');
-            return value.replace(regex, '<span class="u-text-highlight">$1</span>');
-        };
-        ModalInputTextComponent.prototype.calculateWidth = function () {
-            var _this = this;
-            this.options.forEach(function (opt) {
-                if (opt.value.length * 7 > _this.maxLength) {
-                    _this.maxLength = opt.value.length * 7 + 100;
-                }
-            });
-        };
-        ModalInputTextComponent.prototype.translate = function (str) {
-            var _this = this;
-            var splited = str.split('\n');
-            var translated = '';
-            splited.forEach(function (s) { return translated += _this.translateService.instant(s) + '\n'; });
-            return translated;
-        };
-        ModalInputTextComponent.ctorParameters = function () { return [
-            { type: api.DynamicDialogRef },
-            { type: api.DynamicDialogConfig },
-            { type: core$1.TranslateService },
-            { type: InsparkMessageService },
-            { type: router.Router }
-        ]; };
-        ModalInputTextComponent = __decorate([
-            core.Component({
-                selector: 'app-modal-input-text',
-                template: "<div class=\"c-panel__heading-title h4\">\n    {{'Enter parameter value' | translate}}\n</div>\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\n<div class=\"container\">\n    <div *ngIf = this.options class=\"c-form-group type_treeblock\">\n      <div *ngFor=\"let item of options; let i = index\">\n          <label class=\"c-label type_bool\" style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\">\n          <span class=\"c-onecolumn-form_label__content\"  [style.width]=\"maxLength + 'px'\" style=\"position: relative; top: 5px; min-height: 30px;\">\n            {{item.value}}\n          </span>\n          <span class=\"c-onecolumn-form_label__content field_{{item.value}}\" style=\"min-height: 30px;\">\n            <input class=\"c-checkbox__input field_{{item.value}}\" type=\"checkbox\" [checked]=\"options[i].checked\" (click)=\"select(i)\">\n            <i class=\"ui-chkbox-box c-checkbox__icon\" ></i>\n          </span>\n          </label>\n      </div>\n    </div>\n\n  <div *ngIf=this.param class=\"o-grid o-grid_wrap\">\n    <div class=\"o-grid__cell o-grid__cell_width-100 o-grid__cell_width-100@medium o-grid__cell_width-100@large\">\n      <div class=\"c-form-group\">\n        <label class=\"c-label type_varchars\">\n          <span class=\"c-label__content\" style=\"width: 500px;white-space: pre-line\">{{translate(param.title)}}</span>\n          <input [(ngModel)]=\"param.value\" class=\"c-input c-input_block field_{{config.data.command.label}}\" type=\"text\" maxlength=\"60\">\n        </label>\n      </div>\n    </div>\n  </div>\n  <div class=\"buttons\">\n      <in-component-container>\n          <in-button id=\"close\" (click)=\"closeModal()\"\n                     label=\"{{'Cancel' | translate}}\"\n                     [name]=\"'Cancel'\"\n          ></in-button>\n          <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\n                     label=\"{{'Apply' | translate}}\"\n                     [name]=\"'Apply'\"\n                     color=\"primary\" [disabled]=\"checkSelected()\" [title]=\"'Select an action' | translate\"></in-button>\n      </in-component-container>\n  </div>\n</div>\n\n<ng-template #spinner><span class=\"c-spinner\">\n            <i class=\"fa fa-circle-o-notch fa-spin \"></i>\n</span></ng-template>\n",
-                styles: [".buttons{text-align:right}.buttons p-button{margin-left:8px}.container{padding:12px}:host ::ng-deep .c-select_block{position:relative;left:10px;width:30%}:host ::ng-deep .c-input_small{width:50%}:host ::ng-deep .my-tree{width:100%;display:inline-block;position:relative}:host ::ng-deep .my-tree .c-inputtext{width:500px}"]
-            }),
-            __metadata("design:paramtypes", [api.DynamicDialogRef,
-                api.DynamicDialogConfig,
-                core$1.TranslateService,
-                InsparkMessageService,
-                router.Router])
-        ], ModalInputTextComponent);
-        return ModalInputTextComponent;
-    }());
-
-    var ContentToggleComponent = /** @class */ (function () {
-        function ContentToggleComponent(cdr) {
-            this.cdr = cdr;
-            this.defaultOpen = true;
-            this.isOpen = this.defaultOpen;
-            this.icon = null;
-            this.manualArrow = true;
-            this.toggle = new core.EventEmitter();
-        }
-        ContentToggleComponent.prototype.ngOnInit = function () {
-            this.isOpen = this.defaultOpen;
-        };
-        ContentToggleComponent.prototype.toggleOpen = function (e) {
-            // Получаем родительский элемент div
-            var parentElement = this.elementButtons.nativeElement;
-            // Проверяем, входит ли цель события в родительский элемент
-            if (!parentElement.contains(e.target) || e.target === parentElement) {
-                this.isOpen = !this.isOpen;
-                this.toggle.emit(this.isOpen);
-                this.cdr.detectChanges();
-            }
-        };
-        ContentToggleComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ContentToggleComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], ContentToggleComponent.prototype, "defaultOpen", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ContentToggleComponent.prototype, "isOpen", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], ContentToggleComponent.prototype, "icon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], ContentToggleComponent.prototype, "manualArrow", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], ContentToggleComponent.prototype, "toggle", void 0);
-        __decorate([
-            core.ViewChild('buttons', { static: true }),
-            __metadata("design:type", core.ElementRef)
-        ], ContentToggleComponent.prototype, "elementButtons", void 0);
-        ContentToggleComponent = __decorate([
-            core.Component({
-                selector: 'in-content-toggle',
-                template: "<div class=\"block\" (click)=\"toggleOpen($event)\" tabIndex=\"1\">\n    <span [ngClass]=\"{arrow: true, close: !isOpen}\">\n        <in-svg *ngIf=\"manualArrow\" [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n        <ng-content select=\"[arrow]\"></ng-content>\n    </span>\n  <span class=\"label\">\n    <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\n    {{label}}\n  </span>\n  <span class=\"counter\">\n    <ng-content select=\"[header]\"></ng-content>\n  </span>\n  <div class=\"buttons\" #buttons>\n    <ng-content select=\"[buttons]\"></ng-content>\n  </div>\n</div>\n<div class=\"container\" *ngIf=\"isOpen\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n",
-                styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block .buttons{flex:1;display:flex;justify-content:flex-end;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}"]
-            }),
-            __metadata("design:paramtypes", [core.ChangeDetectorRef])
-        ], ContentToggleComponent);
-        return ContentToggleComponent;
-    }());
-
-    var InputGroupComponent = /** @class */ (function () {
-        function InputGroupComponent() {
-            this.name = null;
-            this.measureunit = null;
-            this.autocomplete = true;
-            this.label = null;
-            this.required = false;
-            this.error = null;
-            this.size = 100000;
-            this.maxlength = 100000;
-            this.width = 'auto';
-            this.placeholder = '';
-            this.id = null;
-            this.testId = null;
-            this.opacity = true;
-            this.shadow = false;
-            this.isEditMode = true;
-            this.focus = new core.EventEmitter();
-            this.blur = new core.EventEmitter();
-            this.updateValue = new core.EventEmitter();
-            this.disableEditableView = new core.EventEmitter();
-            this.validators = [/^-?\d*\.?\d*$/];
-            this.isEditable = true;
-            this.propagateChange = function (_) {
-            };
-        }
-        InputGroupComponent_1 = InputGroupComponent;
-        InputGroupComponent.prototype.ngOnInit = function () {
-            this._value = this.value;
-        };
-        /**
-         * Write form value to the DOM element (model => view)
-         */
-        InputGroupComponent.prototype.writeValue = function (value) {
-            this.value = value ? value : this.name;
-            this._value = this.value;
-        };
-        /**
-         * Write form disabled state to the DOM element (model => view)
-         */
-        InputGroupComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        /**
-         * Update form when DOM element value changes (view => model)
-         */
-        InputGroupComponent.prototype.registerOnChange = function (fn) {
-            // Store the provided function as an internal method.
-            this.propagateChange = fn;
-        };
-        /**
-         * Update form when DOM element is blurred (view => model)
-         */
-        InputGroupComponent.prototype.registerOnTouched = function (fn) {
-            // Store the provided function as an internal method.
-            this.onTouched = fn;
-        };
-        InputGroupComponent.prototype.onChange = function (_) {
-            this.propagateChange(this.value);
-        };
-        InputGroupComponent.prototype.onTouched = function () {
-        };
-        InputGroupComponent.prototype.cancel = function () {
-            this.isEditable = false;
-            this.disableEditableView.emit(false);
-            this.value = this._value;
-        };
-        InputGroupComponent.prototype.numberOnly = function (event) {
-            if (event.keyCode === 8) {
-                return true;
-            }
-            var test = '';
-            if (this.value) {
-                test = this.value + event.key;
-            }
-            else {
-                test = event.key;
-            }
-            return this.validators[0].test(test);
-        };
-        InputGroupComponent.prototype.changeEditMode = function () {
-            this.isEditable = !this.isEditable;
-        };
-        //
-        // disableEditableView() {
-        //   this.isEditableView.emit(false);
-        // }
-        InputGroupComponent.prototype.changeValue = function (value) {
-            this.value = value;
-            this._value = this.value;
-            // this.isEditable = false;
-            this.updateValue.emit(value);
-            this.disableEditableView.emit(false);
-        };
-        InputGroupComponent.prototype.isApplyDisabled = function () {
-            return this.value != null ? false : true;
-        };
-        var InputGroupComponent_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "measureunit", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "autocomplete", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "error", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "maxlength", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "width", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "testId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], InputGroupComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "opacity", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "shadow", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], InputGroupComponent.prototype, "isEditMode", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputGroupComponent.prototype, "focus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputGroupComponent.prototype, "blur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputGroupComponent.prototype, "updateValue", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], InputGroupComponent.prototype, "disableEditableView", void 0);
-        InputGroupComponent = InputGroupComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-input-group',
-                template: "<label class=\"label type_varchars\">\n  <div class=\"ui-inputgroup\">\n    <span class=\"ui-inputgroup-addon ui-inputgroup-addon_trancated\" title=\"{{measureunit}}\">\n      <span class=\"ui-inputgroup-addon__content\">{{measureunit}}</span>\n    </span>\n    <input (focus)=\"this.focus.emit($event)\"\n           (keydown)=\"numberOnly($event)\"\n           [(ngModel)]=\"value\"\n           [autocomplete]=\"autocomplete? 'on':'off'\"\n           [disabled]=\"disabled || !isEditable\"\n           [id]=\"id\"\n           [maxlength]=\"30\"\n           [ngStyle]=\"{textAlign: 'left', width: '100%'}\"\n           [placeholder]=\"placeholder\"\n           [required]=\"required\"\n           [size]=\"size\"\n           class=\"ui-inputtext c-input c-input_large field_{{id}}\"\n           type=\"text\"/>\n    <in-button (click)=\"changeValue(value)\"\n               [color]=\"'primary'\"\n               [disabled]=\"isApplyDisabled()\"\n               [isIconOnly]=\"true\"\n               [label]=\"\"\n               [name]=\"'apply'\"\n               [size]=\"'tiny'\"\n               [title]=\"'Apply' | translate\"\n               icon=\"fa fa-check\"></in-button>\n    <in-button (click)=\"cancel()\"\n               [isIconOnly]=\"true\"\n               [label]=\"\"\n               [name]=\"'cancel'\"\n               [size]=\"'tiny'\"\n               [title]=\"'Cancel' | translate\"\n               color=\"transparent\"\n               icon=\"fa fa-times\"></in-button>\n  </div>\n\n</label>\n\n<!--<div *ngIf=\"!disabled\" class=\"button\">-->\n<!--  <in-button (click)=\"changeValue(value)\" [color]=\"'primary'\"-->\n<!--             [disabled]=\"isApplyDisabled()\"-->\n<!--             [isIconOnly]=\"true\"-->\n<!--             [label]=\"\"-->\n<!--             [name]=\"'apply'\"-->\n<!--             [ngStyle]=\"{'font-size':'1px', 'display': 'inline-block', 'line-height': '2px', position: 'relative', left: '70px',-->\n<!--                             opacity: !isEditable ? '0' : '1',-->\n<!--                             visibility: !isEditable ? 'hidden' : 'visible'-->\n<!--               }\"-->\n<!--             [size]=\"'tiny'\"-->\n<!--             [title]=\"'Apply' | translate\" color=\"transparent\" icon=\"fa fa-check\"></in-button>-->\n<!--  <in-button (click)=\"cancel()\" [isIconOnly]=\"true\" [label]=\"\"-->\n<!--             [name]=\"'cancel'\"-->\n<!--             [ngStyle]=\"{'font-size':'1px', 'display': 'inline-block', 'line-height': '2px', position: 'relative', left: '90px',-->\n<!--                             opacity: !isEditable ? '0' : '1',-->\n<!--                             visibility: !isEditable ? 'hidden' : 'visible'-->\n<!--                          }\"-->\n<!--             [size]=\"'tiny'\"-->\n<!--             [title]=\"'Cancel' | translate\" color=\"transparent\" icon=\"fa fa-times\"></in-button>-->\n<!--  <in-button (click)=\"changeEditMode()\" [isIconOnly]=\"true\" [label]=\"\"-->\n<!--             [ngStyle]=\"{'font-size':'1px',-->\n<!--                            'display': 'inline-block',-->\n<!--                            'line-height': '2px',-->\n<!--                             position: 'relative',-->\n<!--                             left: '80px',-->\n<!--                             top: '2px',-->\n<!--                             opacity: isEditable ? '0' : '1',-->\n<!--                             visibility: isEditable ? 'hidden' : 'visible'-->\n<!--                           }\"-->\n<!--             [size]=\"'tiny'\"-->\n<!--             [title]=\"'Edit' | translate\"-->\n<!--             color=\"transparent\" icon=\"fa fa-pencil\" name=\"edit\"></in-button>-->\n<!--</div>-->\n\n",
-                providers: [
-                    {
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return InputGroupComponent_1; }),
-                        multi: true,
-                    }
-                ],
-                styles: [""]
-            })
-        ], InputGroupComponent);
-        return InputGroupComponent;
-    }());
-
-    var AutoCompleteComponent = /** @class */ (function (_super) {
-        __extends(AutoCompleteComponent, _super);
-        function AutoCompleteComponent() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.minLength = 1;
-            _this.delay = 300;
-            _this.type = 'text';
-            _this.autoZIndex = true;
-            _this.baseZIndex = 0;
-            _this.dropdownIcon = "pi pi-caret-down";
-            _this.unique = true;
-            _this.completeMethod = new core.EventEmitter();
-            _this.onSelect = new core.EventEmitter();
-            _this.onUnselect = new core.EventEmitter();
-            _this.onFocus = new core.EventEmitter();
-            _this.onBlur = new core.EventEmitter();
-            _this.onDropdownClick = new core.EventEmitter();
-            _this.onClear = new core.EventEmitter();
-            _this.onKeyUp = new core.EventEmitter();
-            _this.scrollHeight = '200px';
-            _this.dropdownMode = 'blank';
-            _this.immutable = true;
-            _this.showTransitionOptions = '225ms ease-out';
-            _this.hideTransitionOptions = '195ms ease-in';
-            _this.autocomplete = 'off';
-            return _this;
-        }
-        AutoCompleteComponent_1 = AutoCompleteComponent;
-        AutoCompleteComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.templates.forEach(function (item) {
-                switch (item.getType()) {
-                    case 'item':
-                        _this.itemTemplate = item.template;
-                        break;
-                    case 'selectedItem':
-                        _this.selectedItemTemplate = item.template;
-                        break;
-                    default:
-                        _this.itemTemplate = item.template;
-                        break;
-                }
-            });
-        };
-        var AutoCompleteComponent_1;
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AutoCompleteComponent.prototype, "minLength", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AutoCompleteComponent.prototype, "delay", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AutoCompleteComponent.prototype, "style", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AutoCompleteComponent.prototype, "panelStyle", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "styleClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "panelStyleClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AutoCompleteComponent.prototype, "inputStyle", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "inputId", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "inputStyleClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "placeholder", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "readonly", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "disabled", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AutoCompleteComponent.prototype, "maxlength", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "name", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "required", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AutoCompleteComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AutoCompleteComponent.prototype, "appendTo", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "autoHighlight", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "forceSelection", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "type", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "autoZIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AutoCompleteComponent.prototype, "baseZIndex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "ariaLabel", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "ariaLabelledBy", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "dropdownIcon", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "unique", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "completeMethod", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onSelect", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onUnselect", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onBlur", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onDropdownClick", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onClear", void 0);
-        __decorate([
-            core.Output(),
-            __metadata("design:type", core.EventEmitter)
-        ], AutoCompleteComponent.prototype, "onKeyUp", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "field", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "scrollHeight", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "dropdown", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "dropdownMode", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "multiple", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Number)
-        ], AutoCompleteComponent.prototype, "tabindex", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "dataKey", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "emptyMessage", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "immutable", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "showTransitionOptions", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "hideTransitionOptions", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Boolean)
-        ], AutoCompleteComponent.prototype, "autofocus", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AutoCompleteComponent.prototype, "autocomplete", void 0);
-        __decorate([
-            core.ViewChild('in', { static: false }),
-            __metadata("design:type", core.ElementRef)
-        ], AutoCompleteComponent.prototype, "inputEL", void 0);
-        __decorate([
-            core.ViewChild('multiIn', { static: false }),
-            __metadata("design:type", core.ElementRef)
-        ], AutoCompleteComponent.prototype, "multiInputEL", void 0);
-        __decorate([
-            core.ViewChild('multiContainer', { static: false }),
-            __metadata("design:type", core.ElementRef)
-        ], AutoCompleteComponent.prototype, "multiContainerEL", void 0);
-        __decorate([
-            core.ViewChild('ddBtn', { static: false }),
-            __metadata("design:type", core.ElementRef)
-        ], AutoCompleteComponent.prototype, "dropdownButton", void 0);
-        __decorate([
-            core.ContentChildren(InsparkTemplate),
-            __metadata("design:type", core.QueryList)
-        ], AutoCompleteComponent.prototype, "templates", void 0);
-        AutoCompleteComponent = AutoCompleteComponent_1 = __decorate([
-            core.Component({
-                selector: 'in-autocomplete',
-                template: "<span [ngClass]=\"{'ui-autocomplete ui-widget':true,'ui-autocomplete-dd':dropdown,'ui-autocomplete-multiple':multiple}\"\n      [ngStyle]=\"style\" [class]=\"styleClass\">\n            <input *ngIf=\"!multiple\" #in [attr.type]=\"type\" [attr.id]=\"inputId\" [ngStyle]=\"inputStyle\"\n                   [class]=\"inputStyleClass\" [autocomplete]=\"autocomplete\" [attr.required]=\"required\" [attr.name]=\"name\"\n                   [ngClass]=\"'ui-inputtext ui-widget ui-state-default ui-corner-all ui-autocomplete-input'\"\n                   [value]=\"inputFieldValue\" aria-autocomplete=\"list\" role=\"combobox\"\n                   [attr.aria-expanded]=\"overlayVisible\" aria-haspopup=\"true\"\n                   [attr.aria-activedescendant]=\"'p-highlighted-option'\"\n                   (click)=\"onInputClick($event)\" (input)=\"onInput($event)\" (keydown)=\"onKeydown($event)\"\n                   (keyup)=\"onKeyup($event)\" [attr.autofocus]=\"autofocus\" (focus)=\"onInputFocus($event)\"\n                   (blur)=\"onInputBlur($event)\" (change)=\"onInputChange($event)\" (paste)=\"onInputPaste($event)\"\n                   [attr.placeholder]=\"placeholder\" [attr.size]=\"size\" [attr.maxlength]=\"maxlength\"\n                   [attr.tabindex]=\"tabindex\" [readonly]=\"readonly\" [disabled]=\"disabled\" [attr.aria-label]=\"ariaLabel\"\n                   [attr.aria-labelledby]=\"ariaLabelledBy\" [attr.aria-required]=\"required\"\n            ><ul *ngIf=\"multiple\" #multiContainer\n                 class=\"ui-autocomplete-multiple-container ui-widget ui-inputtext ui-state-default ui-corner-all\"\n                 [ngClass]=\"{'ui-state-disabled':disabled,'ui-state-focus':focus}\" (click)=\"multiIn.focus()\">\n                <li #token *ngFor=\"let val of value\" class=\"ui-autocomplete-token ui-state-highlight ui-corner-all\">\n                    <span class=\"ui-autocomplete-token-icon pi pi-fw pi-times\" (click)=\"removeItem(token)\"\n                          *ngIf=\"!disabled\"></span>\n                    <span *ngIf=\"!selectedItemTemplate\"\n                          class=\"ui-autocomplete-token-label\">{{resolveFieldData(val)}}</span>\n                    <ng-container *ngTemplateOutlet=\"selectedItemTemplate; context: {$implicit: val}\"></ng-container>\n                </li>\n                <li class=\"ui-autocomplete-input-token\">\n                    <input #multiIn [attr.type]=\"type\" [attr.id]=\"inputId\" [disabled]=\"disabled\"\n                           [attr.placeholder]=\"(value&&value.length ? null : placeholder)\" [attr.tabindex]=\"tabindex\"\n                           [attr.maxlength]=\"maxlength\" (input)=\"onInput($event)\" (click)=\"onInputClick($event)\"\n                           (keydown)=\"onKeydown($event)\" [readonly]=\"readonly\" (keyup)=\"onKeyup($event)\"\n                           [attr.autofocus]=\"autofocus\" (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\"\n                           (change)=\"onInputChange($event)\" (paste)=\"onInputPaste($event)\" [autocomplete]=\"autocomplete\"\n                           [ngStyle]=\"inputStyle\" [class]=\"inputStyleClass\" [attr.aria-label]=\"ariaLabel\"\n                           [attr.aria-labelledby]=\"ariaLabelledBy\" [attr.aria-required]=\"required\"\n                           aria-autocomplete=\"list\" role=\"combobox\" [attr.aria-expanded]=\"overlayVisible\"\n                           aria-haspopup=\"true\" [attr.aria-activedescendant]=\"'p-highlighted-option'\">\n                </li>\n            </ul\n            ><i *ngIf=\"loading\" class=\"ui-autocomplete-loader pi pi-spinner pi-spin\"></i><button #ddBtn type=\"button\"\n                                                                                                 pButton\n                                                                                                 [icon]=\"dropdownIcon\"\n                                                                                                 class=\"ui-autocomplete-dropdown\"\n                                                                                                 [disabled]=\"disabled\"\n                                                                                                 (click)=\"handleDropdownClick($event)\"\n                                                                                                 *ngIf=\"dropdown\"\n                                                                                                 [attr.tabindex]=\"tabindex\"></button>\n            <div #panel *ngIf=\"overlayVisible\"\n                 [ngClass]=\"['ui-autocomplete-panel ui-widget ui-widget-content ui-corner-all ui-shadow']\"\n                 [style.max-height]=\"scrollHeight\" [ngStyle]=\"panelStyle\" [class]=\"panelStyleClass\"\n                 [@overlayAnimation]=\"{value: 'visible', params: {showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions}}\"\n                 (@overlayAnimation.start)=\"onOverlayAnimationStart($event)\"\n                 (@overlayAnimation.done)=\"onOverlayAnimationDone($event)\">\n                <ul role=\"listbox\"\n                    class=\"ui-autocomplete-items ui-autocomplete-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\">\n                    <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\"\n                        [ngClass]=\"{'ui-autocomplete-list-item ui-corner-all':true,'ui-state-highlight':(highlightOption==option)}\"\n                        (mouseenter)=\"highlightOption=option\" (mouseleave)=\"highlightOption=null\"\n                        [id]=\"highlightOption == option ? 'p-highlighted-option':''\" (click)=\"selectItem(option)\">\n                        <span *ngIf=\"!itemTemplate\">{{resolveFieldData(option)}}</span>\n                        <ng-container\n                          *ngTemplateOutlet=\"itemTemplate; context: {$implicit: option, index: idx}\"></ng-container>\n                    </li>\n                    <li *ngIf=\"noResults && emptyMessage\"\n                        class=\"ui-autocomplete-emptymessage ui-autocomplete-list-item ui-corner-all\">{{emptyMessage}}</li>\n                </ul>\n            </div>\n        </span>\n",
-                animations: [
-                    animations.trigger('overlayAnimation', [
-                        animations.state('void', animations.style({
-                            transform: 'translateY(5%)',
-                            opacity: 0
-                        })),
-                        animations.state('visible', animations.style({
-                            transform: 'translateY(0)',
-                            opacity: 1
-                        })),
-                        animations.transition('void => visible', animations.animate('{{showTransitionParams}}')),
-                        animations.transition('visible => void', animations.animate('{{hideTransitionParams}}'))
-                    ])
-                ],
-                providers: [{
-                        provide: forms.NG_VALUE_ACCESSOR,
-                        useExisting: core.forwardRef(function () { return AutoCompleteComponent_1; }),
-                        multi: true
-                    }],
-                styles: [""]
-            })
-        ], AutoCompleteComponent);
-        return AutoCompleteComponent;
-    }(primeng.AutoComplete));
-    var AutoCompleteComponentModule = /** @class */ (function () {
-        function AutoCompleteComponentModule() {
-        }
-        AutoCompleteComponentModule = __decorate([
-            core.NgModule({
-                declarations: [
-                    AutoCompleteComponent,
-                ],
-                imports: [
-                    primeng.TooltipModule,
-                    scrolling.ScrollingModule,
-                    common.CommonModule,
-                    PrimengComponentsModule,
-                    primeng.ButtonModule,
-                ],
-                exports: [
-                    AutoCompleteComponent,
-                ],
-                entryComponents: [
-                    AutoCompleteComponent,
-                ]
-            })
-        ], AutoCompleteComponentModule);
-        return AutoCompleteComponentModule;
-    }());
-
-    var PieService = /** @class */ (function () {
-        function PieService() {
-            this.colorArray = ['-1', 0, 1, 2, 3, 4]; // Цвета и последовательность в которой они будут отображены
-            this.colors = {
-                1: '#31ac51',
-                2: '#EE9946',
-                3: '#F95C5D',
-                4: '#a20000',
-                0: '#7E8087',
-                '-1': '#85B3CB'
-            };
-        }
-        PieService.prototype.create = function (statuses, size) {
-            var _this = this;
-            var data = [];
-            var allCount = 0;
-            this.colorArray.forEach(function (color) {
-                allCount += statuses[color] || 0;
-            });
-            var cumulativePercent = 0;
-            this.colorArray.forEach(function (color) {
-                var count = statuses[color];
-                if (!count) {
-                    return;
-                }
-                var percent = count / allCount;
-                var _a = __read(_this.getCoordinatesForPercent(size, cumulativePercent), 2), startX = _a[0], startY = _a[1];
-                cumulativePercent += percent;
-                var _b = __read(_this.getCoordinatesForPercent(size, cumulativePercent), 2), endX = _b[0], endY = _b[1];
-                var largeArcFlag = percent > .5 ? 1 : 0;
-                var pathData = [
-                    "M " + startX + " " + startY,
-                    "A 20 20 0 " + largeArcFlag + " 1 " + endX + " " + endY,
-                    "L 0 0",
-                ].join(' ');
-                data.push({
-                    path: pathData,
-                    color: _this.colors[color + '']
-                });
-            });
-            return data;
-        };
-        PieService.prototype.getCoordinatesForPercent = function (size, percent) {
-            var x = size / 2 * Math.cos(2 * Math.PI * percent);
-            var y = size / 2 * Math.sin(2 * Math.PI * percent);
-            return [x, y];
-        };
-        PieService = __decorate([
-            core.Injectable()
-        ], PieService);
-        return PieService;
-    }());
-
-    var ObjectPieComponent = /** @class */ (function () {
-        function ObjectPieComponent(translate, pieService, cdr) {
-            this.translate = translate;
-            this.pieService = pieService;
-            this.cdr = cdr;
-            this.count = 30;
-            this.size = 40;
-            this.statuses = {
-                '-1': 20,
-                0: 4,
-                1: 3,
-                2: 4,
-                3: 5
-            };
-        }
-        ObjectPieComponent.prototype.ngOnInit = function () {
-            this.data = this.pieService.create(this.statuses, this.size);
-        };
-        ObjectPieComponent.prototype.ngOnDestroy = function () {
-        };
-        ObjectPieComponent.prototype.ngOnChanges = function (changes) {
-        };
-        ObjectPieComponent.ctorParameters = function () { return [
-            { type: core$1.TranslateService },
-            { type: PieService },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ObjectPieComponent.prototype, "count", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ObjectPieComponent.prototype, "size", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], ObjectPieComponent.prototype, "statuses", void 0);
-        ObjectPieComponent = __decorate([
-            core.Component({
-                selector: 'in-pie',
-                template: "<div class=\"pie-block\">\n    <svg viewBox=\"-20 -20 40 40\">\n      <defs>\n        <clipPath id=\"cut-off-bottom\">\n          <circle cx=\"0\" cy=\"0\" r=\"12\"></circle>\n        </clipPath>\n      </defs>\n      <mask id=\"re8-clip\">\n        <circle cx=\"0\" cy=\"0\" r=\"20\" fill=\"white\"></circle>\n        <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"black\"></circle>\n      </mask>\n        <path *ngFor=\"let path of data\" [attr.d]=\"path.path\" [attr.fill]=\"path.color\"  mask=\"url(#re8-clip)\"></path>\n        <text x=\"0\" y=\"4\" text-anchor=\"middle\" fill=\"currentColor\">{{count}}</text>\n    </svg>\n</div>\n\n\n",
-                encapsulation: core.ViewEncapsulation.Emulated,
-                providers: [],
-                changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [".pie-block{width:40px;height:40px;color:var(--text-color)}.pie-block text{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block svg{width:40px;height:40px}"]
-            }),
-            __metadata("design:paramtypes", [core$1.TranslateService,
-                PieService,
-                core.ChangeDetectorRef])
-        ], ObjectPieComponent);
-        return ObjectPieComponent;
-    }());
-
-    var InsparkComponentsModule = /** @class */ (function () {
-        function InsparkComponentsModule() {
-        }
-        InsparkComponentsModule = __decorate([
-            core.NgModule({
-                imports: [
-                    AutoCompleteComponentModule,
-                    forms.FormsModule,
-                    forms.ReactiveFormsModule,
-                    common.CommonModule,
-                    DropdownComponentModule,
-                    TableComponentModule,
-                    TreeTableComponentModule,
-                    primeng.RadioButtonModule,
-                    core$1.TranslateModule,
-                    menu.MenuModule,
-                    slider.SliderModule,
-                    ngBootstrap.NgbModule,
-                    ngInlineSvg.InlineSVGModule.forRoot({ baseUrl: 'assets/images/' }),
-                    primeng.BreadcrumbModule,
-                    primeng.TreeModule,
-                    primeng.SharedModule
-                ],
-                declarations: [
-                    ButtonComponent,
-                    InputTextComponent,
-                    TextareaComponent,
-                    PanelComponent,
-                    ComponentContainerComponent,
-                    CheckboxComponent,
-                    EmptyComponent,
-                    PreloaderComponent,
-                    InsparkStickyComponent,
-                    InsparkHeaderComponent,
-                    ToolbarComponent,
-                    BreadcrumbComponent,
-                    FileComponent,
-                    SelectButtonComponent,
-                    ModalInputTextComponent,
-                    SelectListComponent,
-                    StatusCircleComponent,
-                    SvgComponent,
-                    SwitcherComponent,
-                    InlineMessageComponent,
-                    LinkComponent,
-                    InsparkTemplate,
-                    TooltipComponent,
-                    RadiobuttonComponent,
-                    ObjectTreeComponent,
-                    ContentToggleComponent,
-                    InputGroupComponent,
-                    ObjectPieComponent,
-                ],
-                exports: [
-                    ButtonComponent,
-                    InputTextComponent,
-                    TextareaComponent,
-                    PanelComponent,
-                    ComponentContainerComponent,
-                    CheckboxComponent,
-                    DropdownComponentModule,
-                    TableComponentModule,
-                    TreeTableComponentModule,
-                    EmptyComponent,
-                    PreloaderComponent,
-                    InsparkStickyComponent,
-                    InsparkHeaderComponent,
-                    ToolbarComponent,
-                    BreadcrumbComponent,
-                    FileComponent,
-                    SelectButtonComponent,
-                    ModalInputTextComponent,
-                    SelectListComponent,
-                    StatusCircleComponent,
-                    SvgComponent,
-                    SwitcherComponent,
-                    menu.MenuModule,
-                    slider.SliderModule,
-                    InlineMessageComponent,
-                    LinkComponent,
-                    InsparkTemplate,
-                    ngBootstrap.NgbModule,
-                    TooltipComponent,
-                    RadiobuttonComponent,
-                    ObjectTreeComponent,
-                    ContentToggleComponent,
-                    ObjectPieComponent,
-                    InputGroupComponent,
-                    AutoCompleteComponentModule
-                ],
-                entryComponents: [SelectListComponent, ModalInputTextComponent],
-                schemas: [core.NO_ERRORS_SCHEMA]
-            })
-        ], InsparkComponentsModule);
-        return InsparkComponentsModule;
-    }());
-
-    Object.defineProperty(exports, 'TranslateModule', {
-        enumerable: true,
-        get: function () {
-            return core$1.TranslateModule;
-        }
-    });
-    Object.defineProperty(exports, 'BreadcrumbModule', {
-        enumerable: true,
-        get: function () {
-            return primeng.BreadcrumbModule;
-        }
-    });
-    Object.defineProperty(exports, 'RadioButtonModule', {
-        enumerable: true,
-        get: function () {
-            return primeng.RadioButtonModule;
-        }
-    });
-    Object.defineProperty(exports, 'SharedModule', {
-        enumerable: true,
-        get: function () {
-            return primeng.SharedModule;
-        }
-    });
-    Object.defineProperty(exports, 'TreeModule', {
-        enumerable: true,
-        get: function () {
-            return primeng.TreeModule;
-        }
-    });
-    Object.defineProperty(exports, 'NgbModule', {
-        enumerable: true,
-        get: function () {
-            return ngBootstrap.NgbModule;
-        }
-    });
-    Object.defineProperty(exports, 'InlineSVGModule', {
-        enumerable: true,
-        get: function () {
-            return ngInlineSvg.InlineSVGModule;
-        }
-    });
-    Object.defineProperty(exports, 'MenuModule', {
-        enumerable: true,
-        get: function () {
-            return menu.MenuModule;
-        }
-    });
-    Object.defineProperty(exports, 'SliderModule', {
-        enumerable: true,
-        get: function () {
-            return slider.SliderModule;
-        }
-    });
-    exports.AutoCompleteComponentModule = AutoCompleteComponentModule;
-    exports.BreadcrumbComponent = BreadcrumbComponent;
-    exports.ButtonComponent = ButtonComponent;
-    exports.CheckboxComponent = CheckboxComponent;
-    exports.CommunicationService = CommunicationService;
-    exports.ComponentContainerComponent = ComponentContainerComponent;
-    exports.ContentToggleComponent = ContentToggleComponent;
-    exports.DropdownComponentModule = DropdownComponentModule;
-    exports.EmptyComponent = EmptyComponent;
-    exports.FileComponent = FileComponent;
-    exports.InlineMessageComponent = InlineMessageComponent;
-    exports.InputTextComponent = InputTextComponent;
-    exports.InsparkComponentsModule = InsparkComponentsModule;
-    exports.InsparkDialogService = InsparkDialogService;
-    exports.InsparkHeaderComponent = InsparkHeaderComponent;
-    exports.InsparkMessageService = InsparkMessageService;
-    exports.InsparkStickyComponent = InsparkStickyComponent;
-    exports.InsparkTemplate = InsparkTemplate;
-    exports.LinkComponent = LinkComponent;
-    exports.ModalInputTextComponent = ModalInputTextComponent;
-    exports.ObjectTreeComponent = ObjectTreeComponent;
-    exports.PanelComponent = PanelComponent;
-    exports.PipesModule = PipesModule;
-    exports.PreloaderComponent = PreloaderComponent;
-    exports.RadiobuttonComponent = RadiobuttonComponent;
-    exports.SelectButtonComponent = SelectButtonComponent;
-    exports.SelectListComponent = SelectListComponent;
-    exports.StatusCircleComponent = StatusCircleComponent;
-    exports.SvgComponent = SvgComponent;
-    exports.SwitcherComponent = SwitcherComponent;
-    exports.TableComponentModule = TableComponentModule;
-    exports.TextareaComponent = TextareaComponent;
-    exports.ToolbarComponent = ToolbarComponent;
-    exports.TooltipComponent = TooltipComponent;
-    exports.TreeTableComponentModule = TreeTableComponentModule;
-    exports.ɵa = DropdownItem;
-    exports.ɵb = DropdownComponent;
-    exports.ɵc = tableFactory;
-    exports.ɵd = TableComponent;
-    exports.ɵe = TreeTableComponent;
-    exports.ɵf = AutoCompleteComponent;
-    exports.ɵg = PropertyValuePipe;
-    exports.ɵh = ShortToFullWeekdayPipe;
-    exports.ɵi = NumToShortWeekdayPipe;
-    exports.ɵj = FormatNumToTime;
-    exports.ɵk = InDate;
-    exports.ɵl = SafeUrlPipe;
-    exports.ɵm = SortByPipe;
-    exports.ɵn = PrimengComponentsModule;
-    exports.ɵo = TableColumnsMultiselectComponent;
-    exports.ɵp = TableMenuOverlayComponent;
-    exports.ɵq = TableClickOutsideDirective;
-    exports.ɵr = InputGroupComponent;
-    exports.ɵs = ObjectPieComponent;
-    exports.ɵt = PieService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=inspark-inspark-components.umd.js.map