@inspark/inspark-components 1.0.0

package/full/fesm2015/inspark-inspark-components.js

@@ -0,0 +1,3331 @@
+import { __decorate, __metadata } from 'tslib';
+import { Pipe, NgModule, Injectable, EventEmitter, ChangeDetectorRef, Input, ViewChild, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+export { TranslateModule } from '@ngx-translate/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { MessageService, ConfirmationService, DynamicDialogRef, DynamicDialogConfig } from 'primeng/api';
+import { _ } from '@biesbjerg/ngx-translate-extract/dist/utils/utils';
+import { Subject } from 'rxjs';
+import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { Button, Menu, DropdownModule, Dropdown, TooltipModule, TreeTableModule, RadioButtonModule, BreadcrumbModule, TreeModule, SharedModule } from 'primeng/primeng';
+export { BreadcrumbModule, RadioButtonModule, SharedModule, TreeModule } from 'primeng/primeng';
+import { Router } from '@angular/router';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import { TableModule } from 'primeng/table';
+import { DropdownModule as DropdownModule$1 } from 'primeng/dropdown';
+import { MultiSelectModule } from 'primeng/multiselect';
+import { NgbDropdownModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
+export { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { CheckboxModule } from 'primeng/checkbox';
+import { InlineSVGModule } from 'ng-inline-svg';
+export { InlineSVGModule } from 'ng-inline-svg';
+import { MenuModule } from 'primeng/menu';
+export { MenuModule } from 'primeng/menu';
+import { SliderModule } from 'primeng/slider';
+export { SliderModule } from 'primeng/slider';
+
+let PropertyValuePipe = class PropertyValuePipe {
+    transform(value, name) {
+        if (Array.isArray(value) || !(value instanceof Object) || !name) {
+            return value;
+        }
+        else if (name.indexOf('.') > -1) {
+            const splitName = name.split(/\.(.+)/, 2);
+            return this.transform(value[splitName[0]], splitName[1]);
+        }
+        else {
+            return value[name];
+        }
+    }
+};
+PropertyValuePipe = __decorate([
+    Pipe({
+        name: 'propertyValue'
+    })
+], PropertyValuePipe);
+
+function isTime(value) {
+    return /^[0-9]{1,2}\:[0-9]{1,2}$/.test(value.toString());
+}
+function addLeadZero(num, isNegative = false) {
+    return (isNegative ? '-' : '') + ('000' + Math.abs(num)).slice(-2);
+}
+function parseIntervalToMinutes(interval) {
+    if (!isTime(interval)) {
+        return 0;
+    }
+    const parts = interval.split(':');
+    const hours = parseInt(parts[0], 10);
+    const 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;
+    }
+    const value = parseInt(num, 10);
+    const isNegative = value < 0 ? true : false;
+    const absValue = Math.abs(value);
+    return addLeadZero(Math.floor(absValue / 60), isNegative) + ':' + addLeadZero(absValue % 60);
+}
+function numToShortWeekday(num) {
+    const days = [
+        'sun',
+        'mon',
+        'tue',
+        'wed',
+        'thu',
+        'fri',
+        'sat',
+        'd1',
+        'd2'
+    ];
+    return days[parseInt(num, 10)] ? days[parseInt(num, 10)] : 'custom';
+}
+function shortToFullWeekday(day) {
+    const days = {
+        'sun': 'sunday',
+        'mon': 'monday',
+        'tue': 'tuesday',
+        'wed': 'wednesday',
+        'thu': 'thursday',
+        'fri': 'friday',
+        'sat': 'saturday',
+        'd1': 'day1',
+        'd2': 'day2'
+    };
+    return days[day];
+}
+let ShortToFullWeekdayPipe = class ShortToFullWeekdayPipe {
+    transform(value, args) {
+        return shortToFullWeekday(value);
+    }
+};
+ShortToFullWeekdayPipe = __decorate([
+    Pipe({
+        name: 'shortToFullWeekday'
+    })
+], ShortToFullWeekdayPipe);
+/**
+ * Pipe используется для преобразования числа в день недели
+ * 0-6 - вс-сб, 7,8 - день1, день2
+ */
+let NumToShortWeekdayPipe = class NumToShortWeekdayPipe {
+    transform(value, args) {
+        return numToShortWeekday(value);
+    }
+};
+NumToShortWeekdayPipe = __decorate([
+    Pipe({
+        name: 'numToShortWeekday'
+    })
+], NumToShortWeekdayPipe);
+let FormatNumToTime = class FormatNumToTime {
+    transform(value, args) {
+        if (args) {
+            let isHour = false;
+            let isMin = false;
+            let isSec = false;
+            if (args.indexOf('HH') !== -1) {
+                isHour = true;
+            }
+            if (args.indexOf('mm') !== -1) {
+                isMin = true;
+            }
+            if (args.indexOf('SS') !== -1) {
+                isSec = true;
+            }
+            const absValue = Math.floor(Math.abs(value / 1000));
+            let hours = 0;
+            let hh = '00';
+            if (isHour) {
+                hours = Math.floor(absValue / (60 * 60));
+                hh = String(hours < 10 ? '0' + hours : hours);
+            }
+            let Mins = 0;
+            let MM = '00';
+            if (isMin) {
+                Mins = Math.ceil((absValue - hours * 60 * 60) / 60);
+                MM = String(Mins < 10 ? '0' + Mins : Mins);
+            }
+            let sec = 0;
+            let 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([
+    Pipe({
+        name: 'formatNumToTime'
+    })
+], FormatNumToTime);
+let InDate = class InDate {
+    constructor(translate) {
+        this.translate = translate;
+    }
+    transform(value, args) {
+        const isSec = args ? args.indexOf('ss') !== -1 : false;
+        const isHour = args ? args.indexOf('hh') !== -1 : true;
+        const isMin = args ? args.indexOf('MM') !== -1 : true;
+        const date = new Date(value);
+        const now = new Date();
+        const 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 = () => [
+    { type: TranslateService }
+];
+InDate = __decorate([
+    Pipe({
+        name: 'inDate'
+    }),
+    __metadata("design:paramtypes", [TranslateService])
+], InDate);
+
+/**
+ * Sanitize HTML
+ */
+let SafeUrlPipe = class SafeUrlPipe {
+    /**
+     * Pipe Constructor
+     *
+     * @param _sanitizer: DomSanitezer
+     */
+    // tslint:disable-next-line
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+    }
+    /**
+     * Transform
+     *
+     * @param value: string
+     */
+    transform(value) {
+        return this._sanitizer.bypassSecurityTrustResourceUrl(value);
+    }
+};
+SafeUrlPipe.ctorParameters = () => [
+    { type: DomSanitizer }
+];
+SafeUrlPipe = __decorate([
+    Pipe({
+        name: 'safeUrl'
+    }),
+    __metadata("design:paramtypes", [DomSanitizer])
+], SafeUrlPipe);
+
+let SortByPipe = class SortByPipe {
+    transform(arr, options) {
+        if (arr === undefined) {
+            return;
+        }
+        return arr.sort((a, b) => {
+            let cmp = 0;
+            for (let i = 0; i < options.length; i++) {
+                const x = a[options[i].sortField];
+                const y = b[options[i].sortField];
+                const asc = options[i].isAscending ? -1 : 1;
+                cmp = (((x === y) ? 0 : (x < y) ? -1 * asc : 1 * asc) + cmp) * 10;
+            }
+            return cmp;
+        });
+    }
+};
+SortByPipe = __decorate([
+    Pipe({
+        name: 'SortByPipe'
+    })
+], SortByPipe);
+
+let PipesModule = class PipesModule {
+};
+PipesModule = __decorate([
+    NgModule({
+        exports: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe],
+        declarations: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe]
+    })
+], PipesModule);
+
+function gettext(a) {
+    return _(a);
+}
+
+let InsparkMessageService = class InsparkMessageService {
+    constructor(translate, messageService, confirmationService) {
+        this.translate = translate;
+        this.messageService = messageService;
+        this.confirmationService = confirmationService;
+    }
+    /**
+     * @deprecated
+     * @param options
+     */
+    add(options) {
+        this.messageService.add(options);
+    }
+    confirm(message, options) {
+        this.translate.get(message).subscribe((res) => {
+            this.confirmationService.confirm(Object.assign(Object.assign({}, options), { message: res }));
+        });
+    }
+    success(message) {
+        this.translate.get(gettext('Toast_Success_Caption')).subscribe((title) => {
+            this.translate.get(message).subscribe((res) => {
+                this.messageService.add({ severity: 'success', summary: title, detail: res });
+            });
+        });
+    }
+    message(message) {
+        this.translate.get(gettext('Toast_Message_Caption')).subscribe((title) => {
+            this.translate.get(message).subscribe((res) => {
+                this.messageService.add({ severity: 'info', summary: title, detail: res });
+            });
+        });
+    }
+    /*TODO: костыль перевода, - чтобы избежать переполнения стека изза рекурсии*/
+    error(message) {
+        const title = this.getToastErrorTitleLocalized();
+        // this.translate.get(gettext('Toast_Error_Caption')).subscribe((title: string) => {
+        this.translate.get(message).subscribe((res) => {
+            this.messageService.add({ severity: 'error', summary: title, detail: res });
+        });
+        // });
+    }
+    getToastErrorTitleLocalized() {
+        const 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 = () => [
+    { type: TranslateService },
+    { type: MessageService },
+    { type: ConfirmationService }
+];
+InsparkMessageService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [TranslateService,
+        MessageService,
+        ConfirmationService])
+], InsparkMessageService);
+
+let CommunicationService = class CommunicationService {
+    constructor() {
+        this.messageSource = {};
+        this.message$ = {};
+    }
+    create(id) {
+        if (!this.messageSource[id]) {
+            this.messageSource[id] = new Subject();
+            this.message$[id] = this.messageSource[id].asObservable();
+        }
+    }
+    next(widgetId, value) {
+        this.create(widgetId);
+        this.messageSource[widgetId].next(value);
+    }
+};
+CommunicationService = __decorate([
+    Injectable()
+], CommunicationService);
+
+let ButtonComponent = class ButtonComponent extends Button {
+    constructor(cdr) {
+        super();
+        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 EventEmitter();
+        this.blur = new EventEmitter();
+        this.click = new EventEmitter();
+        this._target = '_self';
+        this._linkType = 'auto';
+        this.isMaterialIcon = false;
+    }
+    ngOnInit() {
+        this.updateData();
+    }
+    ngOnChanges(changes) {
+        this.updateData();
+    }
+    updateData() {
+        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;
+        }
+    }
+    _onClick($event) {
+        this.cdr.detectChanges();
+    }
+};
+ButtonComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "color", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "type", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "testId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "icon", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "className", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "notify", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "svg", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "width", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "link", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "isLoading", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "shadow", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "isIconOnly", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "linkType", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "linkTarget", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "pressed", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ButtonComponent.prototype, "iconPos", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "selectedItem", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "menuPlacement", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], ButtonComponent.prototype, "menuItems", void 0);
+__decorate([
+    ViewChild(Menu, { static: false }),
+    __metadata("design:type", Menu)
+], ButtonComponent.prototype, "_menu", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], ButtonComponent.prototype, "focus", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], ButtonComponent.prototype, "blur", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], ButtonComponent.prototype, "click", void 0);
+ButtonComponent = __decorate([
+    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-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-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-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-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-button-icon-only': isIconOnly || ((icon || svg) && !label),\n                        'ui-state-disabled': disabled,\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    </span>\n</ng-template>\n",
+        encapsulation: ViewEncapsulation.Emulated,
+        changeDetection: 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:var(--colorText)}.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", [ChangeDetectorRef])
+], ButtonComponent);
+
+var InputTextComponent_1;
+let InputTextComponent = InputTextComponent_1 = class InputTextComponent {
+    constructor() {
+        this.name = 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.focus = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.propagateChange = (_) => {
+        };
+    }
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    writeValue(value) {
+        this.value = value;
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange(_) {
+        if (this.type === 'number') {
+            this.propagateChange(+this.value);
+        }
+        else {
+            this.propagateChange(this.value);
+        }
+    }
+    onTouched() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "autocomplete", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "maxlength", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "width", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "testId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], InputTextComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "opacity", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InputTextComponent.prototype, "shadow", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], InputTextComponent.prototype, "type", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], InputTextComponent.prototype, "step", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], InputTextComponent.prototype, "min", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], InputTextComponent.prototype, "max", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], InputTextComponent.prototype, "focus", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], InputTextComponent.prototype, "blur", void 0);
+InputTextComponent = InputTextComponent_1 = __decorate([
+    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}}\n                  </span>\n    </span>\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         [placeholder]=\"placeholder\"\n         [required]=\"required\"\n         [size]=\"size\"\n         [type]=\"type\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         class=\"c-input c-input_large field_{{id}}\"\n         type=\"text\"\n  />\n</label>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputTextComponent_1),
+                multi: true,
+            }
+        ],
+        styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px}.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}"]
+    })
+], InputTextComponent);
+
+var TextareaComponent_1;
+let TextareaComponent = TextareaComponent_1 = class TextareaComponent {
+    constructor() {
+        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 = (_) => {
+        };
+    }
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    writeValue(value) {
+        this.value = value;
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange(_) {
+        this.propagateChange(this.value);
+    }
+    onTouched() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TextareaComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "minHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TextareaComponent.prototype, "maxlength", void 0);
+TextareaComponent = TextareaComponent_1 = __decorate([
+    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: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextareaComponent_1),
+                multi: true,
+            }
+        ],
+        styles: [""]
+    })
+], TextareaComponent);
+
+let PanelComponent = class PanelComponent {
+};
+PanelComponent = __decorate([
+    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);
+
+let ComponentContainerComponent = class ComponentContainerComponent {
+    constructor() {
+        this.align = 'left';
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ComponentContainerComponent.prototype, "align", void 0);
+ComponentContainerComponent = __decorate([
+    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);
+
+var CheckboxComponent_1;
+let CheckboxComponent = CheckboxComponent_1 = class CheckboxComponent {
+    constructor(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 = (_) => {
+        };
+    }
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    writeValue(value) {
+        this.value = value;
+        if (!this.cdRef['destroyed']) {
+            this.cdRef.detectChanges();
+        }
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange(_) {
+        this.propagateChange(this.value);
+    }
+    onTouched() {
+    }
+};
+CheckboxComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { type: Router }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], CheckboxComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], CheckboxComponent.prototype, "disabled", void 0);
+CheckboxComponent = CheckboxComponent_1 = __decorate([
+    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: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxComponent_1),
+                multi: true,
+            }
+        ],
+        styles: [":host{line-height:0;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;min-width:100%;align-items:center}.c-checkbox .label:not(:empty){margin-left:10px}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef, ChangeDetectorRef, Router])
+], CheckboxComponent);
+
+let PrimengComponentsModule = class PrimengComponentsModule {
+};
+PrimengComponentsModule = __decorate([
+    NgModule({
+        imports: [
+            DropdownModule,
+        ],
+        declarations: [],
+        exports: [
+            DropdownModule
+        ],
+        entryComponents: []
+    })
+], PrimengComponentsModule);
+
+var DropdownComponent_1;
+let DropdownItem = class DropdownItem {
+    constructor() {
+        this.onClick = new EventEmitter();
+    }
+    onOptionClick(event) {
+        this.onClick.emit({
+            originalEvent: event,
+            option: this.option
+        });
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownItem.prototype, "option", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownItem.prototype, "selected", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownItem.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownItem.prototype, "visible", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], DropdownItem.prototype, "itemSize", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], DropdownItem.prototype, "template", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownItem.prototype, "onClick", void 0);
+DropdownItem = __decorate([
+    Component({
+        selector: 'p-dropdownItem',
+        template: `
+    <li (click)="onOptionClick($event)" role="option"
+        [attr.aria-label]="option.label"
+        [ngStyle]="{'height': itemSize + 'px'}"
+        [ngClass]="{'ui-dropdown-item ui-corner-all':true,
+                                                'ui-state-highlight': selected,
+                                                'ui-state-disabled':(option.disabled),
+                                                'ui-dropdown-item-empty': !option.label||option.label.length === 0}">
+      <span *ngIf="!template">{{option.label || 'empty'}}</span>
+      <ng-container *ngTemplateOutlet="template; context: {$implicit: option}"></ng-container>
+    </li>
+  `
+    })
+], DropdownItem);
+let DropdownComponent = DropdownComponent_1 = class DropdownComponent extends Dropdown {
+    constructor() {
+        super(...arguments);
+        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 = '225ms ease-out';
+        this.hideTransitionOptions = '195ms ease-in';
+        this.filterMatchMode = 'contains';
+        this.tooltip = '';
+        this.error = null;
+        this.tooltipPosition = 'right';
+        this.tooltipPositionStyle = 'absolute';
+        this.onChange = new EventEmitter();
+        this.onFocus = new EventEmitter();
+        this.onBlur = new EventEmitter();
+        this.onClick = new EventEmitter();
+        this.onShow = new EventEmitter();
+        this.onHide = new EventEmitter();
+        this._label = '';
+    }
+    get label() {
+        return this._label;
+    }
+    set label(val) {
+        this._label = val;
+    }
+    get labelText() {
+        return (this.selectedOption ? this.selectedOption.label : null);
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "scrollHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "filter", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "style", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "panelStyle", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "styleClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "panelStyleClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "readonly", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "editable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "appendTo", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], DropdownComponent.prototype, "tabindex", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "filterPlaceholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "inputId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "selectId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "dataKey", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "filterBy", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "autofocus", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "resetFilterOnHide", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "dropdownIcon", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "optionLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "autoDisplayFirst", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "group", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "showClear", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "emptyFilterMessage", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DropdownComponent.prototype, "virtualScroll", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], DropdownComponent.prototype, "itemSize", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "autoZIndex", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "baseZIndex", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "showTransitionOptions", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "hideTransitionOptions", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "ariaFilterLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "filterMatchMode", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], DropdownComponent.prototype, "maxlength", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "tooltip", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], DropdownComponent.prototype, "options", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "tooltipPosition", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DropdownComponent.prototype, "tooltipPositionStyle", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DropdownComponent.prototype, "tooltipStyleClass", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownComponent.prototype, "onChange", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownComponent.prototype, "onFocus", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownComponent.prototype, "onBlur", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownComponent.prototype, "onClick", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownComponent.prototype, "onShow", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], DropdownComponent.prototype, "onHide", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [Object])
+], DropdownComponent.prototype, "label", null);
+DropdownComponent = DropdownComponent_1 = __decorate([
+    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      [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\" [ngClass]=\"'ui-dropdown-panel  ui-widget ui-widget-content ui-corner-all ui-shadow'\" [ngStyle]=\"panelStyle\">\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 || 'empty'}}</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                                [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: [
+            trigger('overlayAnimation', [
+                state('void', style({
+                    transform: 'translateY(5%)',
+                    opacity: 0
+                })),
+                state('visible', style({
+                    transform: 'translateY(0)',
+                    opacity: 1
+                })),
+                transition('void => visible', animate('{{showTransitionParams}}')),
+                transition('visible => void', animate('{{hideTransitionParams}}'))
+            ])
+        ],
+        providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DropdownComponent_1),
+                multi: true
+            }],
+        styles: [""]
+    })
+], DropdownComponent);
+let DropdownComponentModule = class DropdownComponentModule {
+};
+DropdownComponentModule = __decorate([
+    NgModule({
+        declarations: [
+            DropdownComponent,
+            DropdownItem,
+        ],
+        imports: [
+            TooltipModule,
+            ScrollingModule,
+            CommonModule,
+            PrimengComponentsModule,
+        ],
+        exports: [
+            DropdownComponent,
+        ],
+        entryComponents: [
+            DropdownComponent,
+        ]
+    })
+], DropdownComponentModule);
+
+let InsparkTemplate = class InsparkTemplate {
+    constructor(template) {
+        this.template = template;
+    }
+    getType() {
+        return this.name;
+    }
+};
+InsparkTemplate.ctorParameters = () => [
+    { type: TemplateRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], InsparkTemplate.prototype, "type", void 0);
+__decorate([
+    Input('inTemplate'),
+    __metadata("design:type", String)
+], InsparkTemplate.prototype, "name", void 0);
+InsparkTemplate = __decorate([
+    Directive({
+        selector: '[inTemplate]',
+        host: {}
+    }),
+    __metadata("design:paramtypes", [TemplateRef])
+], InsparkTemplate);
+
+let TableColumnsMultiselectComponent = class TableColumnsMultiselectComponent {
+    constructor() {
+        this.isExpanded = false;
+        /**
+         * true - все активные чекбоксы становятся неактивными
+         * false - не влияет на чекбоксы
+         */
+        this.disableActiveCheckboxes = false;
+        this.columnsChange = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], TableColumnsMultiselectComponent.prototype, "columns", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableColumnsMultiselectComponent.prototype, "disableActiveCheckboxes", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], TableColumnsMultiselectComponent.prototype, "columnsChange", void 0);
+TableColumnsMultiselectComponent = __decorate([
+    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);
+
+let TableMenuOverlayComponent = class TableMenuOverlayComponent {
+    constructor(element) {
+        this.element = element;
+        this.isExpanded = false;
+    }
+    isClickedOutsideOverlay(event) {
+        if (!this.element.nativeElement.contains(event.target)) {
+            this.isExpanded = false;
+        }
+    }
+};
+TableMenuOverlayComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableMenuOverlayComponent.prototype, "isExpanded", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableMenuOverlayComponent.prototype, "positionClass", void 0);
+TableMenuOverlayComponent = __decorate([
+    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: 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)}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef])
+], TableMenuOverlayComponent);
+
+let TableClickOutsideDirective = class TableClickOutsideDirective {
+    constructor(element) {
+        this.element = element;
+        this.clickedOutside = new EventEmitter();
+    }
+    click(event) {
+        if (!this.element.nativeElement.contains(event.target)) {
+            // console.log('clicked outside');
+            this.clickedOutside.emit(event);
+        }
+        else {
+            // console.log('clicked inside');
+        }
+    }
+};
+TableClickOutsideDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], TableClickOutsideDirective.prototype, "clickedOutside", void 0);
+__decorate([
+    HostListener('document:click', ['$event']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], TableClickOutsideDirective.prototype, "click", null);
+TableClickOutsideDirective = __decorate([
+    Directive({
+        selector: '[inClickOutside]'
+    }),
+    __metadata("design:paramtypes", [ElementRef])
+], TableClickOutsideDirective);
+
+let TableComponent = class TableComponent {
+    constructor() {
+        this.columns = [];
+        this.filteredColumns = [];
+        this.globalFilteredColumns = [];
+        this.primaryColumns = [];
+        this.values = [];
+        this.checkboxSelection = true;
+        this.activeChange = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.addAction = new EventEmitter();
+        this.csvAction = new EventEmitter();
+        this.saveAction = new EventEmitter();
+        this.removeAction = new EventEmitter();
+        this.unlinkAction = new EventEmitter();
+        this.groupEditAction = new EventEmitter();
+        this.sortFunction = new EventEmitter();
+        this.groupMode = 0;
+        this.groupInfo = {};
+        this.groupIndex = {};
+        this._selection = null;
+    }
+    set selection(val) {
+        this._selection = val;
+    }
+    get selectionValue() {
+        return this._selection;
+    }
+    set selectionValue(val) {
+        this._selection = val;
+        this.selectionChange.emit(val);
+    }
+    isRowActive(row) {
+        return this.active && this.active.id === row.id;
+    }
+    ngOnInit() {
+        this.updateData();
+    }
+    ngAfterViewInit() {
+        Object.entries(this.dt.filters).forEach(([key, value]) => {
+            this.dt.filter('', `${key}`, 'contains');
+        });
+        this.dt.filterGlobal(this.searchText, 'contains');
+    }
+    ngOnChanges(changes) {
+        this.resetColumnWidth();
+        this.saveHiddenColumns();
+        this.visibleColumns();
+    }
+    updateData() {
+        this.primaryColumns = this.columns.filter(column => !column.isSecondary);
+        this.globalFilteredColumns = this.columns.filter(column => column.isFiltering !== false).map(val => val.field);
+    }
+    ngAfterContentInit() {
+        this.visibleColumns();
+        this.restoreSearchText();
+        this.templates.forEach((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;
+            }
+        });
+    }
+    visibleColumns() {
+        this.restoreHiddenColumns();
+        this.filteredColumns = this.columns.filter(column => !column.isHidden);
+        return this.filteredColumns;
+    }
+    columnsChange(data) {
+        data.column.isHidden = !data.event;
+        this.resetColumnWidth();
+        this.saveHiddenColumns();
+        this.visibleColumns();
+    }
+    showTooltip(event) {
+        const target = event.target;
+        if (target.title === undefined || !target.textContent) {
+            return;
+        }
+        target.title = target.scrollWidth > target.clientWidth ? target.textContent : '';
+    }
+    colFilter(field) {
+        const found = this.toolbar.filter.cols.filter(item => item.field === field);
+        return found.length === 1 ? found[0] : '';
+    }
+    onFilter(event) {
+        this.toolbar.filter.active = !this.toolbar.filter.active;
+    }
+    stateSave(state) {
+    }
+    saveToLocalStorage(state, key) {
+        if (key) {
+            window.localStorage.setItem(key, JSON.stringify(state));
+        }
+    }
+    saveHiddenColumns() {
+        if (this.stateKey) {
+            const hiddenFields = (this.columns || []).filter(_col => _col.isHidden).map(_col => _col.field).join(',');
+            this.saveToLocalStorage(hiddenFields, this.stateKey + 'HiddenFields');
+            window.localStorage.removeItem(this.stateKey);
+            this.dt.restoreState();
+        }
+    }
+    countVisibleColumns() {
+        return (this.columns || []).filter(_col => !_col.isHidden).length;
+    }
+    restoreSearchText() {
+        const state = window.localStorage.getItem(this.stateKey);
+        if (state) {
+            const 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();
+        }
+    }
+    resetColumnWidthIfToWide() {
+        const visibleColumns = this.columns.filter(_column => !_column.isHidden);
+        const totalWidthInPercent = visibleColumns.reduce((s, column) => {
+            const percent = column.width.indexOf('%') > 0 ? parseInt(column.width, 10) : 0;
+            return s + percent;
+        }, 0);
+        if (totalWidthInPercent > 100) {
+            console.error(`Масимальная суммарная ширина столбцов таблицы  100%, текущая суммарная ширина ${totalWidthInPercent}%.`
+                + `Выполняется принудительный перерасчет ширины для таблицы ${this.stateKey}`);
+            this.resetColumnWidth();
+        }
+        if (totalWidthInPercent < 100 && this.columns.length > 0) {
+            // расширяем первый столбец, чтобы не тянулся столбец с чекбоксом
+            const percent = this.columns[0].width.indexOf('%') > 0 ? parseInt(this.columns[0].width, 10) : 0;
+            this.columns[0].width = 100 - totalWidthInPercent + percent + '%';
+        }
+    }
+    resetColumnWidth() {
+        const cvc = this.countVisibleColumns();
+        let percent = Math.floor(100 / cvc);
+        let firstColumnPercent = percent;
+        if (cvc > 10) {
+            percent = Math.floor(90 / (cvc - 1));
+            firstColumnPercent = Math.floor(100 - (percent * (cvc - 1)));
+        }
+        this.columns.forEach((column, index) => column.width = index === 0 ? firstColumnPercent + '%' : `${percent}%`);
+    }
+    restoreHiddenColumns() {
+        if (this.stateKey) {
+            const hiddenFields = window.localStorage.getItem(this.stateKey + 'HiddenFields');
+            if (hiddenFields) {
+                const hiddenFieldsArray = JSON.parse(hiddenFields).split(',');
+                this.columns.forEach(_col => _col.isHidden = hiddenFieldsArray.includes(_col.field) || _col.col_invisible);
+            }
+            else {
+                // this.columns.forEach(_col => _col.isHidden = _col.col_invisible);
+            }
+        }
+    }
+    calcWidth(idx, label, width) {
+        return width && idx >= 0 ? width : 'auto';
+    }
+    onSort() {
+        if (this.isGrouped) {
+            Object.entries(this.groupInfo).forEach(([key, value]) => this.groupInfo[key] = { isExpanded: true });
+            this.sortByGroup();
+        }
+    }
+    isShowGroup(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 };
+        }
+        return this.groupIndex[key].rowIndex === rowIndex;
+    }
+    toggleGroup(rowIndex, key) {
+        this.groupInfo[key].isExpanded = !this.groupInfo[key].isExpanded;
+    }
+    localSearch(dt, text) {
+        dt.filterGlobal(text, 'contains');
+    }
+    sortByGroup() {
+        const g = this.groupMode;
+        this.values.sort((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' });
+            }
+        });
+    }
+    countGroup(groupKey, g) {
+        return this.values.filter(_value => _value.groupKey[g] === groupKey).length;
+    }
+    toggleNodes(isExpanded) {
+        const g = this.groupMode;
+        this.values.forEach(v => {
+            if (this.groupInfo[v.groupKey[g]]) {
+                this.groupInfo[v.groupKey[g]].isExpanded = isExpanded;
+            }
+        });
+    }
+    toggleMode(item) {
+        this.groupMode = item;
+        this.groupInfo = {};
+        for (let i = 0; i < this.values.length; i++) {
+            this.isShowGroup(this.values[i].groupKey[this.groupMode], i);
+        }
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], TableComponent.prototype, "columns", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "values", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableComponent.prototype, "scrollHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TableComponent.prototype, "scrollable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableComponent.prototype, "selectionMode", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableComponent.prototype, "class", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TableComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "style", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "toolbar", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "checkboxSelection", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "active", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "sortField", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "isAscending", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "dataKey", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "stateKey", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TableComponent.prototype, "isGrouped", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TableComponent.prototype, "customSort", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TableComponent.prototype, "isGroupedExpanded", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "activeChange", void 0);
+__decorate([
+    ContentChildren(InsparkTemplate),
+    __metadata("design:type", QueryList)
+], TableComponent.prototype, "templates", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "selectionChange", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "addAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "csvAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "saveAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "removeAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "unlinkAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "groupEditAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TableComponent.prototype, "sortFunction", void 0);
+__decorate([
+    ViewChild('dt', { static: false }),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "dt", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], TableComponent.prototype, "selection", null);
+TableComponent = __decorate([
+    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         (onSort)=\"onSort()\"\n         (onStateRestore)=\"restoreSearchText()\"\n         (onStateSave)=\"stateSave($event)\"\n         [(selection)]=\"selectionValue\"\n         [class]=\"class\"\n         [columns]=\"filteredColumns\"\n         [dataKey]=\"dataKey || 'id'\"\n         [globalFilterFields]=\"globalFilteredColumns\"\n         [resizableColumns]=\"true\"\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         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\n         [customSort]=\"true\"\n\n>\n  <ng-template let-columns pTemplate=\"colgroup\">\n    <colgroup>\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  <ng-template let-columns pTemplate=\"header\">\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 [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\n      </th>\n    </tr>\n  </ng-template>\n\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowIndex=\"rowIndex\" let-rowData 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 class=\"c-form c-form_inline u-display-inline-block\">\n          <label class=\"c-label\">\n            <input #searchTextInput\n                   (input)=\"localSearch(dt, $event.target.value)\"\n                   [(ngModel)]=\"searchText\"\n                   autofocus=\"\"\n                   class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\n                   pInputText\n                   placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\n                   tabindex=\"1\"\n                   type=\"search\"\n            >\n          </label>\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)=\"onFilter($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        <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        <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 *ngIf=\"toolbar.expandAll\"\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24\"\n                (click)=\"toggleNodes(true)\"\n                title=\"{{'Expand all' | translate}}\">\n          <svg 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        </button>\n        <button *ngIf=\"toolbar.expandAll\"\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24\"\n                (click)=\"toggleNodes(false)\"\n                title=\"{{'Collapse all' | translate}}\">\n          <svg 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\n        <div *ngIf=\"toolbar.groupSort\"\n             container=\"body\"\n             ngbDropdown\n             class=\"c-btn-group\">\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              ngbDropdownMenu\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\n              role=\"menu\">\n            <li ngbDropdownItem\n                *ngFor=\"let item of toolbar.groupSort.label\"\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\n                role=\"menuitem\">\n              <a class=\"c-dropdown-menu__content\" (click)=\"toggleMode(item.value)\">\n                {{item.label}}\n              </a>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</p-table>\n",
+        entryComponents: [],
+        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}"]
+    })
+], TableComponent);
+let TableComponentModule = class TableComponentModule {
+};
+TableComponentModule = __decorate([
+    NgModule({
+        imports: [CommonModule, TableModule, PipesModule, TranslateModule, FormsModule, DropdownModule$1, MultiSelectModule, NgbDropdownModule, CheckboxModule],
+        exports: [TableComponent, TableColumnsMultiselectComponent],
+        declarations: [TableComponent, TableColumnsMultiselectComponent, TableMenuOverlayComponent, TableClickOutsideDirective]
+    })
+], TableComponentModule);
+
+let EmptyComponent = class EmptyComponent {
+};
+EmptyComponent = __decorate([
+    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);
+
+let PreloaderComponent = class PreloaderComponent {
+    constructor() {
+        this.inline = false;
+        this.overlay = false;
+        this.size = 'normal';
+    }
+    ngOnInit() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PreloaderComponent.prototype, "inline", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PreloaderComponent.prototype, "overlay", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], PreloaderComponent.prototype, "size", void 0);
+PreloaderComponent = __decorate([
+    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: 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);
+
+let InsparkStickyComponent = class InsparkStickyComponent {
+    constructor(cdr) {
+        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 = () => {
+            const rect = this.stickyRef.nativeElement.getBoundingClientRect();
+            this.width = rect.width;
+            this.left = rect.x;
+            this.cdr.detectChanges();
+        };
+        this.scroll = () => {
+            const rect = this.stickyRef.nativeElement.getBoundingClientRect();
+            const 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();
+            }
+        };
+    }
+    ngOnInit() {
+        document.addEventListener('scroll', this.scroll);
+        window.addEventListener('resize', this.resize);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('scroll', this.scroll);
+        window.removeEventListener('resize', this.resize);
+    }
+};
+InsparkStickyComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    ViewChild('sticky', { static: false }),
+    __metadata("design:type", ElementRef)
+], InsparkStickyComponent.prototype, "stickyRef", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkStickyComponent.prototype, "top", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkStickyComponent.prototype, "isInline", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkStickyComponent.prototype, "isFloated", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkStickyComponent.prototype, "zIndex", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkStickyComponent.prototype, "class", void 0);
+InsparkStickyComponent = __decorate([
+    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: ViewEncapsulation.Emulated,
+        changeDetection: 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", [ChangeDetectorRef])
+], InsparkStickyComponent);
+
+let InsparkHeaderComponent = class InsparkHeaderComponent {
+    constructor() {
+        this.level = 1;
+        this.label = '';
+    }
+    ngOnInit() {
+        this.level = Math.max(Math.min(this.level, 6), 1);
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkHeaderComponent.prototype, "level", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InsparkHeaderComponent.prototype, "label", void 0);
+InsparkHeaderComponent = __decorate([
+    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: 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);
+
+let ToolbarComponent = class ToolbarComponent {
+    constructor(element, cdRef, router) {
+        this.element = element;
+        this.cdRef = cdRef;
+        this.router = router;
+        this.display = false;
+    }
+    ngOnInit() {
+    }
+    clickedOutsideOverlay(event) {
+        if (!this.element.nativeElement.contains(event.target)) {
+            this.display = false;
+            this.cdRef.detectChanges();
+        }
+    }
+};
+ToolbarComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { type: Router }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ToolbarComponent.prototype, "title", void 0);
+ToolbarComponent = __decorate([
+    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: 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", [ElementRef, ChangeDetectorRef, Router])
+], ToolbarComponent);
+
+let BreadcrumbComponent = class BreadcrumbComponent {
+    constructor() {
+    }
+    ngOnInit() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], BreadcrumbComponent.prototype, "items", void 0);
+BreadcrumbComponent = __decorate([
+    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: ChangeDetectionStrategy.OnPush,
+        styles: [""]
+    }),
+    __metadata("design:paramtypes", [])
+], BreadcrumbComponent);
+
+let FileComponent = class FileComponent {
+    constructor() {
+        this.name = null;
+        this.label = null;
+        this.accept = null;
+        this.required = false;
+        this.error = null;
+        this.onChange = new EventEmitter();
+        this.file = null;
+    }
+    onClear() {
+        this.file = null;
+        this.onChange.emit(this.file);
+        this.el.nativeElement.value = '';
+    }
+    onClickChoose() {
+        this.el.nativeElement.click();
+    }
+    onChangeFile(e) {
+        e.preventDefault();
+        if (e.srcElement.files[0]) {
+            this.file = e.srcElement.files[0];
+            this.onChange.emit(this.file);
+        }
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], FileComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], FileComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], FileComponent.prototype, "accept", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], FileComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], FileComponent.prototype, "error", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], FileComponent.prototype, "onChange", void 0);
+__decorate([
+    ViewChild('fileInput', { static: false }),
+    __metadata("design:type", ElementRef)
+], FileComponent.prototype, "el", void 0);
+FileComponent = __decorate([
+    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);
+
+var SelectButtonComponent_1;
+let SelectButtonComponent = SelectButtonComponent_1 = class SelectButtonComponent {
+    constructor(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 EventEmitter();
+        this.blur = new EventEmitter();
+        this.click = new EventEmitter();
+        this.change = new EventEmitter();
+        this.selected = [];
+        this.propagateChange = (_) => {
+        };
+    }
+    ngOnInit() {
+    }
+    ngOnChanges() {
+        if (this.initial) {
+            this.selected = this.initial;
+        }
+        else {
+            this.selected = [];
+        }
+    }
+    clickButton(option) {
+        if (option.readonly) {
+            return false;
+        }
+        if (this.multiple) {
+            if (this.selected.indexOf(option.value) !== -1) {
+                this.selected = this.selected.filter(item => item !== option.value);
+            }
+            else {
+                this.selected.push(option.value);
+            }
+            this.value = this.options.filter(item => this.selected.indexOf(item.value) !== -1).map(val => 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)
+     */
+    writeValue(value) {
+        this.value = value;
+        if (value !== null && value !== undefined) {
+            if (Array.isArray(value)) {
+                this.selected = value.map(val => val);
+            }
+            else {
+                this.selected = [value];
+            }
+        }
+        this.cdRef.detectChanges();
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange() {
+        this.propagateChange(this.value);
+        this.change.emit(this.value);
+    }
+    onTouched() {
+    }
+};
+SelectButtonComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "testId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "icon", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], SelectButtonComponent.prototype, "iconPos", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], SelectButtonComponent.prototype, "options", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], SelectButtonComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SelectButtonComponent.prototype, "multiple", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], SelectButtonComponent.prototype, "initial", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], SelectButtonComponent.prototype, "focus", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], SelectButtonComponent.prototype, "blur", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], SelectButtonComponent.prototype, "click", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], SelectButtonComponent.prototype, "change", void 0);
+SelectButtonComponent = SelectButtonComponent_1 = __decorate([
+    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 (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: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => 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}"]
+    }),
+    __metadata("design:paramtypes", [ChangeDetectorRef])
+], SelectButtonComponent);
+
+let StatusCircleComponent = class StatusCircleComponent {
+    constructor() {
+        this.label = '';
+        this.title = '';
+        this.icon = '';
+        this.showLabel = true;
+        this.mode = 'success';
+        this.size = 'normal';
+        this.content = '';
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], StatusCircleComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], StatusCircleComponent.prototype, "title", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], StatusCircleComponent.prototype, "icon", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], StatusCircleComponent.prototype, "showLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], StatusCircleComponent.prototype, "mode", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], StatusCircleComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], StatusCircleComponent.prototype, "content", void 0);
+StatusCircleComponent = __decorate([
+    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: 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);
+
+let SvgComponent = class SvgComponent extends Button {
+    constructor() {
+        super(...arguments);
+        this.size = 'normal';
+        this.width = '100%';
+        this.height = '100%';
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], SvgComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SvgComponent.prototype, "width", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SvgComponent.prototype, "height", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], SvgComponent.prototype, "src", void 0);
+SvgComponent = __decorate([
+    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);
+
+var SwitcherComponent_1;
+let SwitcherComponent = SwitcherComponent_1 = class SwitcherComponent {
+    constructor(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 EventEmitter();
+        this._isBoolean = false;
+        this.propagateChange = (_) => {
+        };
+    }
+    ngOnInit() {
+        this._isBoolean = typeof this.value === 'boolean';
+        this.value = typeof this.value === 'string' ? JSON.parse(this.value) : !!this.value;
+    }
+    ngOnChanges(changes) {
+    }
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    writeValue(value) {
+        this._isBoolean = typeof value === 'boolean';
+        this.value = value;
+        this.cdRef.detectChanges();
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange(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);
+        }
+    }
+    onTouched() {
+    }
+};
+SwitcherComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { type: Router }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "iconOff", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "iconOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "labelOff", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "labelOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "faIconOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "faIconOff", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], SwitcherComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], SwitcherComponent.prototype, "waiting", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], SwitcherComponent.prototype, "change", void 0);
+SwitcherComponent = SwitcherComponent_1 = __decorate([
+    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: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => 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", [ElementRef, ChangeDetectorRef, Router])
+], SwitcherComponent);
+
+let InlineMessageComponent = class InlineMessageComponent {
+    constructor() {
+        this.message = '';
+        this.align = 'center';
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], InlineMessageComponent.prototype, "message", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], InlineMessageComponent.prototype, "align", void 0);
+InlineMessageComponent = __decorate([
+    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);
+
+let LinkComponent = class LinkComponent {
+    constructor() {
+        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 EventEmitter();
+        this.blur = new EventEmitter();
+        this.click = new EventEmitter();
+        this.style = {};
+        this._target = '_self';
+        this._linkType = 'auto';
+        this.isMaterialIcon = false;
+    }
+    ngOnInit() {
+        this.updateData();
+    }
+    ngOnChanges(changes) {
+        this.updateData();
+    }
+    updateData() {
+        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;
+        }
+    }
+    _onClick($event) {
+        // if (!this.link) {
+        //   $event.stopPropagation();
+        //   $event.preventDefault();
+        //   this.click.emit($event);
+        // }
+        if (this.menuItems.length) {
+            this._menu.toggle($event);
+        }
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], LinkComponent.prototype, "color", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "testId", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "icon", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "className", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "svg", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "link", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], LinkComponent.prototype, "linkType", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], LinkComponent.prototype, "linkTarget", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "pressed", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], LinkComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], LinkComponent.prototype, "iconPos", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], LinkComponent.prototype, "menuItems", void 0);
+__decorate([
+    ViewChild(Menu, { static: false }),
+    __metadata("design:type", Menu)
+], LinkComponent.prototype, "_menu", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], LinkComponent.prototype, "focus", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], LinkComponent.prototype, "blur", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], LinkComponent.prototype, "click", void 0);
+LinkComponent = __decorate([
+    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);
+
+let TooltipComponent = class TooltipComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+};
+TooltipComponent = __decorate([
+    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: 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__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:rgba(40,42,49,.95);color:#fff;white-space:normal;text-transform:none}"]
+    }),
+    __metadata("design:paramtypes", [])
+], TooltipComponent);
+
+let TreeTableComponent = class TreeTableComponent {
+    constructor() {
+        this.columns = [];
+        this.values = [];
+        this.checkboxSelection = true;
+        this.activeChange = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.addAction = new EventEmitter();
+        this.csvAction = new EventEmitter();
+        this.saveAction = new EventEmitter();
+        this.collapseAction = new EventEmitter();
+        this.removeAction = new EventEmitter();
+        this.unlinkAction = new EventEmitter();
+        this.groupEditAction = new EventEmitter();
+        this.groupAddAction = new EventEmitter();
+        this.rowIndex = 0;
+        this.isCollapse = true;
+        this._selection = null;
+    }
+    set selection(val) {
+        this._selection = val;
+    }
+    get selectionValue() {
+        return this._selection;
+    }
+    set selectionValue(val) {
+        this._selection = val;
+        this.selectionChange.emit(val);
+    }
+    isRowActive(row) {
+        return this.active && this.active.id === row.id;
+    }
+    visibleColumns() {
+        return this.columns.filter(column => !column.isHidden);
+    }
+    columnsChange(data) {
+        data.column.isHidden = !data.event;
+    }
+    ngAfterContentInit() {
+        this.templates.forEach((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;
+            }
+        });
+    }
+    collapse(event, dt) {
+        this.values.forEach((node) => {
+            this.toggleCollapse(node, this.isCollapse);
+        });
+        this.isCollapse = !this.isCollapse;
+        dt.filterGlobal(this.searchText, 'contains');
+    }
+    toggleCollapse(node, isCollapsed) {
+        if (node.children) {
+            node.expanded = isCollapsed;
+            for (const cn of node.children) {
+                if (cn) {
+                    this.toggleCollapse(cn, isCollapsed);
+                }
+            }
+        }
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], TreeTableComponent.prototype, "columns", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "values", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TreeTableComponent.prototype, "scrollHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TreeTableComponent.prototype, "scrollable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TreeTableComponent.prototype, "selectionMode", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TreeTableComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TreeTableComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TreeTableComponent.prototype, "class", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TreeTableComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "style", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "toolbar", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "checkboxSelection", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "active", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "sortField", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "isAscending", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "dataKey", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], TreeTableComponent.prototype, "activeChange", void 0);
+__decorate([
+    ContentChildren(InsparkTemplate),
+    __metadata("design:type", QueryList)
+], TreeTableComponent.prototype, "templates", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "selectionChange", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "addAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "csvAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "saveAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "collapseAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "removeAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "unlinkAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "groupEditAction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TreeTableComponent.prototype, "groupAddAction", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], TreeTableComponent.prototype, "selection", null);
+TreeTableComponent = __decorate([
+    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          <label class=\"c-label\">\n            <input #searchTextInput\n                   (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\n                   [(ngModel)]=\"searchText\"\n                   autofocus=\"\"\n                   class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\n                   pInputText\n                   placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\n                   tabindex=\"1\"\n                   type=\"search\"\n            >\n          </label>\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\"\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}"]
+    })
+], TreeTableComponent);
+let TreeTableComponentModule = class TreeTableComponentModule {
+};
+TreeTableComponentModule = __decorate([
+    NgModule({
+        imports: [CommonModule, TreeTableModule, PipesModule, TranslateModule, FormsModule, TableComponentModule],
+        exports: [TreeTableComponent],
+        declarations: [TreeTableComponent]
+    })
+], TreeTableComponentModule);
+
+let RadiobuttonComponent = class RadiobuttonComponent {
+    constructor() {
+        this.name = null;
+        this.label = null;
+        this.required = false;
+        this.error = null;
+        this.placeholder = '';
+        this.id = null;
+        this.change = new EventEmitter();
+    }
+    onChangeEvent(value) {
+        this.change.next({ name: this.name, value });
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "required", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "placeholder", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], RadiobuttonComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "value", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "values", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "keyLabel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "item", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], RadiobuttonComponent.prototype, "change", void 0);
+RadiobuttonComponent = __decorate([
+    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: ChangeDetectionStrategy.OnPush,
+        styles: [""]
+    }),
+    __metadata("design:paramtypes", [])
+], RadiobuttonComponent);
+
+let SelectListComponent = class SelectListComponent {
+    constructor(ref, config, messageService, router) {
+        this.ref = ref;
+        this.config = config;
+        this.messageService = messageService;
+        this.router = router;
+        this.options = null;
+        this.isShowSpinner = false;
+    }
+    ngOnInit() {
+        this.options = this.config.data.command.options.map(item => {
+            return { value: item, checked: false };
+        });
+        this.selected = Array(this.options.length).fill(false);
+    }
+    closeModal(val = null) {
+        this.ref.close(val);
+    }
+    applySelection() {
+        if (!this.selected) {
+            this.messageService.message(gettext('Select object'));
+            return;
+        }
+        else {
+            this.closeModal({ selected: this.options.filter(o => o.checked) });
+        }
+    }
+    select(i) {
+        this.options[i].checked = !this.options[i].checked;
+    }
+    highlight(value, text) {
+        const regex = new RegExp('(' + text + ')', 'gi');
+        return value.replace(regex, '<span class="u-text-highlight">$1</span>');
+    }
+};
+SelectListComponent.ctorParameters = () => [
+    { type: DynamicDialogRef },
+    { type: DynamicDialogConfig },
+    { type: InsparkMessageService },
+    { type: Router }
+];
+SelectListComponent = __decorate([
+    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", [DynamicDialogRef,
+        DynamicDialogConfig,
+        InsparkMessageService,
+        Router])
+], SelectListComponent);
+
+let ObjectTreeComponent = class ObjectTreeComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+};
+ObjectTreeComponent = __decorate([
+    Component({
+        selector: 'in-object-tree',
+        template: "<p>object-tree works!</p>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [""]
+    }),
+    __metadata("design:paramtypes", [])
+], ObjectTreeComponent);
+
+let ModalInputTextComponent = class ModalInputTextComponent {
+    constructor(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;
+    }
+    ngOnInit() {
+        this.param = this.config.data.command.param;
+        this.options = this.config.data.command.options.map(item => {
+            return { value: item, checked: false };
+        });
+        if (this.options && this.options.length > 0) {
+            this.calculateWidth();
+        }
+        this.selected = Array(this.options.length).fill(false);
+    }
+    closeModal(val = null) {
+        this.ref.close(val);
+    }
+    applySelection() {
+        if (!this.selected) {
+            this.messageService.message(gettext('Select object'));
+            return;
+        }
+        else {
+            this.closeModal({
+                selected: this.options.filter(o => o.checked),
+                param: this.param ? this.param.value : undefined
+            });
+        }
+    }
+    select(i) {
+        this.options[i].checked = !this.options[i].checked;
+    }
+    checkSelected() {
+        if (this.param) {
+            return !this.param.value;
+        }
+        else if (this.options) {
+            return this.options.filter(opt => opt.checked).length === 0;
+        }
+        return false;
+    }
+    highlight(value, text) {
+        const regex = new RegExp('(' + text + ')', 'gi');
+        return value.replace(regex, '<span class="u-text-highlight">$1</span>');
+    }
+    calculateWidth() {
+        this.options.forEach(opt => {
+            if (opt.value.length * 7 > this.maxLength) {
+                this.maxLength = opt.value.length * 7 + 100;
+            }
+        });
+    }
+    translate(str) {
+        const splited = str.split('\n');
+        let translated = '';
+        splited.forEach(s => translated += this.translateService.instant(s) + '\n');
+        return translated;
+    }
+};
+ModalInputTextComponent.ctorParameters = () => [
+    { type: DynamicDialogRef },
+    { type: DynamicDialogConfig },
+    { type: TranslateService },
+    { type: InsparkMessageService },
+    { type: Router }
+];
+ModalInputTextComponent = __decorate([
+    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", [DynamicDialogRef,
+        DynamicDialogConfig,
+        TranslateService,
+        InsparkMessageService,
+        Router])
+], ModalInputTextComponent);
+
+let ContentToggleComponent = class ContentToggleComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.isOpen = true;
+        this.icon = null;
+        this.toggle = new EventEmitter();
+    }
+    toggleOpen() {
+        this.isOpen = !this.isOpen;
+        this.toggle.emit(this.isOpen);
+        this.cdr.detectChanges();
+    }
+};
+ContentToggleComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ContentToggleComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], ContentToggleComponent.prototype, "isOpen", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], ContentToggleComponent.prototype, "icon", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], ContentToggleComponent.prototype, "toggle", void 0);
+ContentToggleComponent = __decorate([
+    Component({
+        selector: 'in-content-toggle',
+        template: "<div class=\"block\" (click)=\"toggleOpen()\" tabIndex=\"1\">\n    <span [ngClass]=\"{arrow: true, close: !isOpen}\">\n        <in-svg [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n    </span>\n  <span class=\"label\"><in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg> {{label}}</span>\n  <span class=\"counter\">\n    <ng-content select=\"[header]\"></ng-content>\n    </span>\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: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", [ChangeDetectorRef])
+], ContentToggleComponent);
+
+let InsparkComponentsModule = class InsparkComponentsModule {
+};
+InsparkComponentsModule = __decorate([
+    NgModule({
+        imports: [
+            FormsModule,
+            ReactiveFormsModule,
+            CommonModule,
+            DropdownComponentModule,
+            TableComponentModule,
+            TreeTableComponentModule,
+            RadioButtonModule,
+            TranslateModule,
+            MenuModule,
+            SliderModule,
+            NgbModule,
+            InlineSVGModule.forRoot({ baseUrl: 'assets/images/' }),
+            BreadcrumbModule,
+            TreeModule,
+            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
+        ],
+        exports: [
+            ButtonComponent,
+            InputTextComponent,
+            TextareaComponent,
+            PanelComponent,
+            ComponentContainerComponent,
+            CheckboxComponent,
+            DropdownComponentModule,
+            TableComponentModule,
+            TreeTableComponentModule,
+            EmptyComponent,
+            PreloaderComponent,
+            InsparkStickyComponent,
+            InsparkHeaderComponent,
+            ToolbarComponent,
+            BreadcrumbComponent,
+            FileComponent,
+            SelectButtonComponent,
+            ModalInputTextComponent,
+            SelectListComponent,
+            StatusCircleComponent,
+            SvgComponent,
+            SwitcherComponent,
+            MenuModule,
+            SliderModule,
+            InlineMessageComponent,
+            LinkComponent,
+            InsparkTemplate,
+            NgbModule,
+            TooltipComponent,
+            RadiobuttonComponent,
+            ObjectTreeComponent,
+            ContentToggleComponent
+        ],
+        entryComponents: [SelectListComponent, ModalInputTextComponent],
+        schemas: [NO_ERRORS_SCHEMA]
+    })
+], InsparkComponentsModule);
+
+/*
+ * Public API Surface of inspark-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbComponent, ButtonComponent, CheckboxComponent, CommunicationService, ComponentContainerComponent, ContentToggleComponent, DropdownComponentModule, EmptyComponent, FileComponent, InlineMessageComponent, InputTextComponent, InsparkComponentsModule, InsparkHeaderComponent, InsparkMessageService, InsparkStickyComponent, InsparkTemplate, LinkComponent, ModalInputTextComponent, ObjectTreeComponent, PanelComponent, PipesModule, PreloaderComponent, RadiobuttonComponent, SelectButtonComponent, SelectListComponent, StatusCircleComponent, SvgComponent, SwitcherComponent, TableComponentModule, TextareaComponent, ToolbarComponent, TooltipComponent, TreeTableComponentModule, DropdownItem as ɵa, DropdownComponent as ɵb, TableComponent as ɵc, TreeTableComponent as ɵd, PropertyValuePipe as ɵe, ShortToFullWeekdayPipe as ɵf, NumToShortWeekdayPipe as ɵg, FormatNumToTime as ɵh, InDate as ɵi, SafeUrlPipe as ɵj, SortByPipe as ɵk, PrimengComponentsModule as ɵl, TableColumnsMultiselectComponent as ɵm, TableMenuOverlayComponent as ɵn, TableClickOutsideDirective as ɵo };
+//# sourceMappingURL=inspark-inspark-components.js.map