@inspark/inspark-components 14.0.71 → 19.0.1

package/full/fesm2020/inspark-inspark-components.mjs

@@ -1,3666 +0,0 @@
-import * as i0 from '@angular/core';
-import { Pipe, NgModule, Injectable, Component, ViewEncapsulation, Input, EventEmitter, ChangeDetectionStrategy, ViewChild, HostBinding, Output, forwardRef, Directive, HostListener, ContentChildren, NO_ERRORS_SCHEMA } from '@angular/core';
-import * as i1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-export { TranslateModule } from '@ngx-translate/core';
-import * as i1$1 from '@angular/platform-browser';
-import * as i2 from 'primeng/api';
-import { SharedModule } from 'primeng/api';
-export { SharedModule } from 'primeng/api';
-import { marker } from '@biesbjerg/ngx-translate-extract-marker';
-import * as i1$5 from 'primeng/dynamicdialog';
-import { DynamicDialogConfig, DynamicDialogRef, DynamicDialogComponent, DynamicDialogInjector } from 'primeng/dynamicdialog';
-import { Subject } from 'rxjs';
-import * as i1$4 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1$2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from 'primeng/button';
-import { Button, ButtonModule } from 'primeng/button';
-import * as i2$4 from 'primeng/menu';
-import { Menu, MenuModule } from 'primeng/menu';
-export { MenuModule } from 'primeng/menu';
-import * as i1$3 from '@angular/router';
-import * as i7 from '@ng-bootstrap/ng-bootstrap';
-import { NgbDropdownModule, NgbModule } from '@ng-bootstrap/ng-bootstrap';
-export { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i2$1 from 'ng-inline-svg';
-import { InlineSVGModule } from 'ng-inline-svg';
-export { InlineSVGModule } from 'ng-inline-svg';
-import * as i3 from 'primeng/overlay';
-import { OverlayModule } from 'primeng/overlay';
-import * as i5$1 from 'primeng/dropdown';
-import { Dropdown, DropdownModule } from 'primeng/dropdown';
-import * as i5 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
-import * as i6 from 'primeng/scroller';
-import { ScrollerModule } from 'primeng/scroller';
-import * as i2$2 from 'primeng/ripple';
-import { RippleModule } from 'primeng/ripple';
-import * as i7$1 from 'primeng/autofocus';
-import { AutoFocusModule } from 'primeng/autofocus';
-import { ObjectUtils } from 'primeng/utils';
-import * as i2$3 from 'primeng/table';
-import { TableService, Table, TableModule } from 'primeng/table';
-import * as i6$1 from 'primeng/multiselect';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { CheckboxModule } from 'primeng/checkbox';
-import { DomHandler } from 'primeng/dom';
-import { SliderModule } from 'primeng/slider';
-export { SliderModule } from 'primeng/slider';
-import * as i2$5 from 'primeng/treetable';
-import { TreeTableModule } from 'primeng/treetable';
-import * as i3$1 from 'primeng/radiobutton';
-import { RadioButtonModule } from 'primeng/radiobutton';
-export { RadioButtonModule } from 'primeng/radiobutton';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { AutoComplete } from 'primeng/autocomplete';
-import { BreadcrumbModule } from 'primeng/breadcrumb';
-export { BreadcrumbModule } from 'primeng/breadcrumb';
-import { TreeModule } from 'primeng/tree';
-export { TreeModule } from 'primeng/tree';
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PropertyValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-PropertyValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PropertyValuePipe, name: "propertyValue" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PropertyValuePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'propertyValue'
-                }]
-        }] });
-
-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];
-}
-class ShortToFullWeekdayPipe {
-    transform(value, args) {
-        return shortToFullWeekday(value);
-    }
-}
-ShortToFullWeekdayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ShortToFullWeekdayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ShortToFullWeekdayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: ShortToFullWeekdayPipe, name: "shortToFullWeekday" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ShortToFullWeekdayPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'shortToFullWeekday'
-                }]
-        }] });
-/**
- * Pipe используется для преобразования числа в день недели
- * 0-6 - вс-сб, 7,8 - день1, день2
- */
-class NumToShortWeekdayPipe {
-    transform(value, args) {
-        return numToShortWeekday(value);
-    }
-}
-NumToShortWeekdayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NumToShortWeekdayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NumToShortWeekdayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NumToShortWeekdayPipe, name: "numToShortWeekday" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NumToShortWeekdayPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'numToShortWeekday'
-                }]
-        }] });
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FormatNumToTime, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FormatNumToTime.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FormatNumToTime, name: "formatNumToTime" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FormatNumToTime, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'formatNumToTime'
-                }]
-        }] });
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InDate, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
-InDate.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: InDate, name: "inDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InDate, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'inDate'
-                }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; } });
-
-// Angular
-/**
- * Sanitize HTML
- */
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeUrlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SafeUrlPipe, name: "safeUrl" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SafeUrlPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'safeUrl'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SortByPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SortByPipe, name: "SortByPipe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SortByPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'SortByPipe'
-                }]
-        }] });
-
-class PipesModule {
-}
-PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PipesModule, declarations: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe], exports: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe] });
-PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe],
-                    declarations: [PropertyValuePipe, NumToShortWeekdayPipe, FormatNumToTime, InDate, ShortToFullWeekdayPipe, SafeUrlPipe, SortByPipe]
-                }]
-        }] });
-
-function gettext(a) {
-    return marker(a);
-}
-
-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) {
-        if (options.acceptLabel) {
-            options.acceptLabel = this.translate.instant(gettext(options.acceptLabel));
-        }
-        if (options.rejectLabel) {
-            options.rejectLabel = this.translate.instant(gettext(options.rejectLabel));
-        }
-        this.translate.get(gettext(message)).subscribe((res) => {
-            this.confirmationService.confirm({
-                ...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(gettext(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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkMessageService, deps: [{ token: i1.TranslateService }, { token: i2.MessageService }, { token: i2.ConfirmationService }], target: i0.ɵɵFactoryTarget.Injectable });
-InsparkMessageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkMessageService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkMessageService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.MessageService }, { type: i2.ConfirmationService }]; } });
-
-class InsparkDialogService {
-    constructor(componentFactoryResolver, appRef, injector) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.appRef = appRef;
-        this.injector = injector;
-        this.dialogComponentRefs = [];
-    }
-    open(componentType, config) {
-        const dialogRef = this.appendDialogComponentToBody(componentType, config);
-        // Зафиксируем скролл (можно делать только для первого окна)
-        if (this.dialogComponentRefs.length === 1) {
-            document.body.style.top = `-${window.scrollY}px`;
-            document.body.style.position = 'fixed';
-        }
-        dialogRef.onClose.subscribe(() => {
-            this.removeDialogComponent(dialogRef);
-            // Восстановим скролл только если это последнее окно
-            if (this.dialogComponentRefs.length === 0) {
-                const scrollY = document.body.style.top;
-                document.body.style.position = '';
-                document.body.style.top = '';
-                window.scrollTo(0, parseInt(scrollY || '0') * -1);
-            }
-        });
-        return dialogRef;
-    }
-    appendDialogComponentToBody(componentType, config) {
-        const map = new WeakMap();
-        map.set(DynamicDialogConfig, config);
-        const dialogRef = new DynamicDialogRef();
-        map.set(DynamicDialogRef, dialogRef);
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicDialogComponent);
-        const componentRef = componentFactory.create(new DynamicDialogInjector(this.injector, map));
-        componentRef.instance.childComponentType = componentType;
-        this.appRef.attachView(componentRef.hostView);
-        const domElem = componentRef.hostView.rootNodes[0];
-        document.body.appendChild(domElem);
-        this.dialogComponentRefs.push(componentRef);
-        dialogRef.onClose.subscribe(() => {
-            this.removeDialogComponent(dialogRef);
-        });
-        return dialogRef;
-    }
-    removeDialogComponent(dialogRef) {
-        const componentRef = this.dialogComponentRefs.find(ref => ref.instance.dialogRef === dialogRef);
-        if (!componentRef)
-            return;
-        this.appRef.detachView(componentRef.hostView);
-        componentRef.destroy();
-        this.dialogComponentRefs = this.dialogComponentRefs.filter(ref => ref !== componentRef);
-    }
-}
-InsparkDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkDialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-InsparkDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkDialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkDialogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }]; } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommunicationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CommunicationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommunicationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommunicationService, decorators: [{
-            type: Injectable
-        }] });
-
-class PreloaderComponent {
-    constructor() {
-        this.inline = false;
-        this.overlay = false;
-        this.size = 'normal';
-    }
-    ngOnInit() {
-    }
-}
-PreloaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreloaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PreloaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PreloaderComponent, selector: "in-preloader", inputs: { inline: "inline", overlay: "overlay", size: "size" }, ngImport: i0, template: "<div [ngClass]=\"{float:!inline, small: size==='small'}\" class=\"preloader-container\">\r\n  <div class=\"lds-spinner\">\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"overlay\" class=\"overlay\"></div>\r\n", 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;animation:lds-spinner 1.2s linear infinite}.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);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreloaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-preloader', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{float:!inline, small: size==='small'}\" class=\"preloader-container\">\r\n  <div class=\"lds-spinner\">\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n    <div></div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"overlay\" class=\"overlay\"></div>\r\n", 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;animation:lds-spinner 1.2s linear infinite}.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);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { inline: [{
-                type: Input
-            }], overlay: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-
-class SvgComponent extends Button {
-    constructor() {
-        super(...arguments);
-        this.size = 'normal';
-        this.width = '100%';
-        this.height = '100%';
-    }
-}
-SvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SvgComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-SvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SvgComponent, selector: "in-svg", inputs: { size: "size", width: "width", height: "height", src: "src" }, usesInheritance: true, ngImport: i0, template: "<span [inlineSVG]=\"src\"\r\n      [ngClass]=\"{svg: true, 'c-icon_svg-small': size === 'small', 'c-icon_svg-large': size === 'large'}\" [ngStyle]=\"{width: width, height: height}\"></span>\r\n\r\n", styles: [".svg{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small{width:16px;height:16px}:host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SvgComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-svg', template: "<span [inlineSVG]=\"src\"\r\n      [ngClass]=\"{svg: true, 'c-icon_svg-small': size === 'small', 'c-icon_svg-large': size === 'large'}\" [ngStyle]=\"{width: width, height: height}\"></span>\r\n\r\n", styles: [".svg{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small{width:16px;height:16px}:host{display:inline-block}\n"] }]
-        }], propDecorators: { size: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }] } });
-
-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;
-    }
-    get pointerEvents() {
-        return this.disabled ? 'none' : 'auto';
-    }
-    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('in-') === -1 && this.icon.indexOf('in-') === -1 && this.icon.indexOf('pi-') === -1) {
-            this.isMaterialIcon = true;
-        }
-        else {
-            this.isMaterialIcon = false;
-        }
-    }
-    _onClick($event) {
-        this.cdr.detectChanges();
-    }
-}
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ButtonComponent, selector: "in-button", inputs: { size: "size", color: "color", type: "type", name: "name", testId: "testId", label: "label", icon: "icon", className: "className", notify: "notify", svg: "svg", width: "width", link: "link", isLoading: "isLoading", shadow: "shadow", isIconOnly: "isIconOnly", linkType: "linkType", linkTarget: "linkTarget", pressed: "pressed", disabled: "disabled", iconPos: "iconPos", selectedItem: "selectedItem", menuPlacement: "menuPlacement", menuItems: "menuItems" }, outputs: { focus: "focus", blur: "blur", click: "click" }, host: { properties: { "style.pointer-events": "this.pointerEvents" } }, viewQueries: [{ propertyName: "_menu", first: true, predicate: Menu, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<a (blur)=\"blur.emit($event)\"\r\n   (click)=\"_onClick($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link && _linkType ==='external'\"\r\n   [attr.type]=\"type\"\r\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\r\n   [href]=\"link\"\r\n   [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label),\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-pressed' : pressed}\"\r\n   [ngStyle]=\"{width:width}\"\r\n   [style]=\"style\"\r\n   [target]=\"_target\" class=\"button-container\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n   (click)=\"_onClick($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link && _linkType ==='internal'\"\r\n   [attr.type]=\"type\"\r\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\r\n   [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label),\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-pressed' : pressed}\"\r\n   [ngStyle]=\"{width:width}\"\r\n   [routerLink]=\"link\"\r\n   [style]=\"style\"\r\n   [target]=\"_target\" class=\"button-container\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\r\n      ngbDropdown>\r\n    <button\r\n      (blur)=\"blur.emit($event)\"\r\n      (click)=\"_onClick($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      [attr.type]=\"type\"\r\n      [class]=\"className + ' ' + testId + ' field_' + name\"\r\n      [disabled]=\"disabled\"\r\n      [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label),\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-shadowed': shadow === true,\r\n                        'p-button-pressed' : pressed}\"\r\n      [style]=\"style\" ngbDropdownToggle>\r\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n    </button>\r\n    <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\r\n         class=\"in-dropdown-menu\"\r\n         ngbDropdownMenu>\r\n        <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\r\n            <in-button (click)=\"dropdown.close(); item.command();\"\r\n                       [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\r\n                       [icon]=\"item.icon\"\r\n                       [label]=\"item.label\"\r\n                       [svg]=\"item.svg\"\r\n                       size=\"large\"\r\n                       width=\"100%\"></in-button>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\r\n    <button\r\n      (blur)=\"blur.emit($event)\"\r\n      (click)=\"_onClick($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      [attr.type]=\"type\"\r\n      [class]=\"className + ' ' + testId  + ' field_' + name\"\r\n      [disabled]=\"disabled\"\r\n      [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label) || isIconOnly,\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-shadowed': shadow === true,\r\n                        'p-button-pressed' : pressed}\" [style]=\"style\">\r\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n    </button>\r\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n\r\n<ng-template #content>\r\n    <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\r\n          [ngClass]=\"{'p-clickable': true,\r\n                        'p-button-icon-left': (iconPos === 'left'),\r\n                        'p-button-icon-right': (iconPos === 'right')}\"></span>\r\n  <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-button-icon-left': (iconPos === 'left'),\r\n                        'p-button-icon-right': (iconPos === 'right')}\"\r\n  ><i class=\"material-icons\">{{icon}}</i></span>\r\n  <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\r\n  <span class=\"p-button-text p-clickable\">{{label}}</span>\r\n  <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-button-icon-left': (iconPos === 'left'),\r\n                        'p-button-icon-right': (iconPos === 'right')}\">\r\n        <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n        <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n        <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n        <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\r\n    </span>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:none;width:100%}.p-button-icon-only .p-button-icon-left{margin-top:-9px}.p-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)}.p-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed{background-color:var(--colorBgLevel4)}.p-button.p-button-large{height:48px}.p-button.p-button-large .p-button-icon-left{font-size:18px;margin-top:-8px}.p-button.p-button-large .p-button-text{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left .p-button-text{padding:0 1em 0 2.4em}.p-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large{width:48px;height:48px}.p-button-icon-only.p-button-large .svg,.p-button-icon-only .svg{display:inline-block;line-height:0}.p-button-transparency{background:none;color:currentColor}.p-button-transparency:hover{color:currentColor}.p-button-shadowed{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small .p-button-icon-left{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-2px}.p-button.p-button-svg .p-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only .p-button-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:0}.p-button-material.p-button-icon-only .material-icons{font-size:20px}.p-button-material.p-button-icon-only .p-button-icon-left{margin-top:-10px;margin-left:-12px}.p-button-material .material-icons{font-size:16px}.p-button-material .p-button-icon-left{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small .p-button-icon-left{margin-top:-7px}.p-button-material.p-button-small .material-icons{font-size:14px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left .material-icons{font-size:18px}.p-button-material.p-button-large .material-icons{font-size:24px}.p-button-material.p-button-large .p-button-icon-left{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:-11px;margin-left:-13px}:host .p-menu .p-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 #0003}.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 .p-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .p-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)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i7.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i7.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i7.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "component", type: ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "component", type: PreloaderComponent, selector: "in-preloader", inputs: ["inline", "overlay", "size"] }, { kind: "component", type: SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-button', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a (blur)=\"blur.emit($event)\"\r\n   (click)=\"_onClick($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link && _linkType ==='external'\"\r\n   [attr.type]=\"type\"\r\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\r\n   [href]=\"link\"\r\n   [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label),\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-pressed' : pressed}\"\r\n   [ngStyle]=\"{width:width}\"\r\n   [style]=\"style\"\r\n   [target]=\"_target\" class=\"button-container\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n   (click)=\"_onClick($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link && _linkType ==='internal'\"\r\n   [attr.type]=\"type\"\r\n   [class]=\"className + ' ' + testId  + ' field_' + name\"\r\n   [ngClass]=\"{'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label),\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-pressed' : pressed}\"\r\n   [ngStyle]=\"{width:width}\"\r\n   [routerLink]=\"link\"\r\n   [style]=\"style\"\r\n   [target]=\"_target\" class=\"button-container\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span #dropdown=\"ngbDropdown\" *ngIf=\"!link && menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\" container=\"body\"\r\n      ngbDropdown>\r\n    <button\r\n      (blur)=\"blur.emit($event)\"\r\n      (click)=\"_onClick($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      [attr.type]=\"type\"\r\n      [class]=\"className + ' ' + testId + ' field_' + name\"\r\n      [disabled]=\"disabled\"\r\n      [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label),\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-shadowed': shadow === true,\r\n                        'p-button-pressed' : pressed}\"\r\n      [style]=\"style\" ngbDropdownToggle>\r\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n    </button>\r\n    <div *ngIf=\"menuItems.length\" aria-labelledby=\"menu\"\r\n         class=\"in-dropdown-menu\"\r\n         ngbDropdownMenu>\r\n        <div *ngFor=\"let item of menuItems\" class=\"in-dropdown-menu-item\" role=\"menuitem\">\r\n            <in-button (click)=\"dropdown.close(); item.command();\"\r\n                       [color]=\"selectedItem && selectedItem == item.id?'primary':'transparent'\"\r\n                       [icon]=\"item.icon\"\r\n                       [label]=\"item.label\"\r\n                       [svg]=\"item.svg\"\r\n                       size=\"large\"\r\n                       width=\"100%\"></in-button>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n<span *ngIf=\"!link && !menuItems.length\" [ngStyle]=\"{width:width}\" class=\"button-container\">\r\n    <button\r\n      (blur)=\"blur.emit($event)\"\r\n      (click)=\"_onClick($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      [attr.type]=\"type\"\r\n      [class]=\"className + ' ' + testId  + ' field_' + name\"\r\n      [disabled]=\"disabled\"\r\n      [ngClass]=\" {'p-button p-widget p-state-default p-corner-all':true,\r\n                        'p-button-icon-only': ((icon || svg) && !label) || isIconOnly,\r\n                        'p-button-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-button-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-button-text-only': (!(icon || svg) && label),\r\n                        'p-button-text-empty': (!(icon || svg) && !label),\r\n                        'p-button-svg': svg,\r\n                        'p-button-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-button-tiny': size === 'tiny',\r\n                        'p-button-small': size === 'small',\r\n                        'p-button-large': size === 'large',\r\n                        'p-button-primary': color === 'primary',\r\n                        'p-button-secondary': color === 'secondary',\r\n                        'p-button-danger': color === 'danger',\r\n                        'p-button-transparency': color === 'transparent',\r\n                        'p-button-shadowed': shadow === true,\r\n                        'p-button-pressed' : pressed}\" [style]=\"style\">\r\n        <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n    </button>\r\n    <div *ngIf=\"notify\" [ngClass]=\"notify\" class=\"notify\"></div>\r\n</span>\r\n\r\n<ng-template #content>\r\n    <span *ngIf=\"!isMaterialIcon && icon && !isLoading\" [class]=\"icon\"\r\n          [ngClass]=\"{'p-clickable': true,\r\n                        'p-button-icon-left': (iconPos === 'left'),\r\n                        'p-button-icon-right': (iconPos === 'right')}\"></span>\r\n  <span *ngIf=\"isMaterialIcon && icon && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-button-icon-left': (iconPos === 'left'),\r\n                        'p-button-icon-right': (iconPos === 'right')}\"\r\n  ><i class=\"material-icons\">{{icon}}</i></span>\r\n  <in-preloader *ngIf=\"isLoading\" size=\"small\"></in-preloader>\r\n  <span class=\"p-button-text p-clickable\">{{label}}</span>\r\n  <span *ngIf=\"svg && !isLoading\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-button-icon-left': (iconPos === 'left'),\r\n                        'p-button-icon-right': (iconPos === 'right')}\">\r\n        <in-svg *ngIf=\"size === 'normal'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n        <in-svg *ngIf=\"size === 'large'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n        <in-svg *ngIf=\"size === 'small'\" [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n        <in-svg *ngIf=\"size === 'tiny'\" [src]=\"svg\" height=\"10px\" width=\"10px\"></in-svg>\r\n    </span>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";.container{display:inline-block}.button-container{position:relative;display:inline-block}button{outline:none;width:100%}.p-button-icon-only .p-button-icon-left{margin-top:-9px}.p-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)}.p-button{margin-right:0;height:36px;display:inline-flex;align-items:center;justify-content:center}.p-button.p-button-pressed{background-color:var(--colorBgLevel4)}.p-button.p-button-large{height:48px}.p-button.p-button-large .p-button-icon-left{font-size:18px;margin-top:-8px}.p-button.p-button-large .p-button-text{padding:0 1em 0 48px;margin-top:6px}.p-button-text-icon-left .p-button-text{padding:0 1em 0 2.4em}.p-button-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-button-icon-only.p-button-large{width:48px;height:48px}.p-button-icon-only.p-button-large .svg,.p-button-icon-only .svg{display:inline-block;line-height:0}.p-button-transparency{background:none;color:currentColor}.p-button-transparency:hover{color:currentColor}.p-button-shadowed{box-shadow:0 2px 6px #0003}.p-button.p-button-svg.p-button-small .p-button-icon-left{margin-top:-4px}.p-button.p-button-svg.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-2px}.p-button.p-button-svg .p-button-icon-left{left:6px;transform:translateY(-50%);margin-top:-4px}.p-button.p-button-svg.p-button-icon-only .p-button-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-button.p-button-svg.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:0}.p-button-material.p-button-icon-only .material-icons{font-size:20px}.p-button-material.p-button-icon-only .p-button-icon-left{margin-top:-10px;margin-left:-12px}.p-button-material .material-icons{font-size:16px}.p-button-material .p-button-icon-left{margin-top:-8px;margin-left:-2px}.p-button-material.p-button-small .p-button-icon-left{margin-top:-7px}.p-button-material.p-button-small .material-icons{font-size:14px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left{margin-top:-12px;margin-left:-10px}.p-button-material.p-button-small.p-button-icon-only .p-button-icon-left .material-icons{font-size:18px}.p-button-material.p-button-large .material-icons{font-size:24px}.p-button-material.p-button-large .p-button-icon-left{margin-top:-11px}.p-button-material.p-button-large.p-button-icon-only .p-button-icon-left{margin-top:-11px;margin-left:-13px}:host .p-menu .p-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 #0003}.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 .p-button,.in-dropdown-menu .in-dropdown-menu-item in-button ::ng-deep button .p-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)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], className: [{
-                type: Input
-            }], notify: [{
-                type: Input
-            }], svg: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], link: [{
-                type: Input
-            }], isLoading: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], isIconOnly: [{
-                type: Input
-            }], linkType: [{
-                type: Input
-            }], linkTarget: [{
-                type: Input
-            }], pressed: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], iconPos: [{
-                type: Input
-            }], selectedItem: [{
-                type: Input
-            }], menuPlacement: [{
-                type: Input
-            }], menuItems: [{
-                type: Input
-            }], _menu: [{
-                type: ViewChild,
-                args: [Menu, { static: false }]
-            }], pointerEvents: [{
-                type: HostBinding,
-                args: ['style.pointer-events']
-            }], focus: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], click: [{
-                type: Output
-            }] } });
-
-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 = '';
-        this.display = true;
-        this.large = true;
-        this.small = false;
-        this.widget = false;
-        this.forms = false;
-        this.placeholder = '';
-        this.id = null;
-        this.testId = null;
-        this.opacity = true;
-        this.shadow = false;
-        this.right = false;
-        this.type = 'text';
-        this.focus = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.onClick = 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;
-    }
-    clear() {
-        this.value = '';
-        this.propagateChange('');
-        this.onClick.emit('');
-    }
-    onChange(_) {
-        if (this.type === 'number') {
-            this.propagateChange(+this.value);
-        }
-        else {
-            this.propagateChange(this.value);
-        }
-    }
-    onTouched() {
-    }
-}
-InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputTextComponent, selector: "in-input-text", inputs: { name: "name", autocomplete: "autocomplete", label: "label", required: "required", error: "error", size: "size", maxlength: "maxlength", width: "width", display: "display", large: "large", small: "small", widget: "widget", forms: "forms", placeholder: "placeholder", id: "id", testId: "testId", disabled: "disabled", opacity: "opacity", shadow: "shadow", right: "right", type: "type", step: "step", min: "min", max: "max" }, outputs: { focus: "focus", blur: "blur", onClick: "onClick" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => InputTextComponent),
-            multi: true,
-        }
-    ], ngImport: i0, template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\r\n    <span *ngIf=\"label\" class=\"c-label__content\">\r\n        {{label}}\r\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n        <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n      <span\r\n        *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\r\n        class=\"constraints-message__warning u-text_uppercase\">\r\n                     {{'maxlength: ' | translate}} {{maxlength}}</span>\r\n    </span>\r\n  <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\r\n    <input (blur)=\"this.blur.emit($event)\"\r\n           (change)=\"onChange($event)\"\r\n           (focus)=\"this.focus.emit($event)\"\r\n           (input)=\"onChange($event)\"\r\n           [(ngModel)]=\"value\"\r\n           [autocomplete]=\"autocomplete? 'on':'off'\"\r\n           [disabled]=\"disabled\"\r\n           [id]=\"id\"\r\n           [maxlength]=\"maxlength\"\r\n           [name]=\"name\"\r\n           [ngClass]=\"{'c-input_opaque' : opacity === false,\r\n                         'c-input_shadowed' : shadow,\r\n                         'c-input_large' : large,\r\n                         'c-input_small' : small,\r\n                         'c-input_margin_padding': widget,\r\n                         'c-input_padding_right': forms}\"\r\n           [ngModelOptions]=\"{standalone: true}\"\r\n           [placeholder]=\"placeholder\"\r\n           [required]=\"required\"\r\n           [size]=\"size\"\r\n           [min]=\"min\"\r\n           [max]=\"max\"\r\n           [step]=\"step\"\r\n           class=\"search-box c-input field_{{id}}\"\r\n           [type]=\"type\">\r\n    <button (click)=\"clear()\"\r\n            class=\"button-reset empty\"\r\n            [ngClass]=\"{empty: display}\"\r\n            type=\"submit\"\r\n            [attr.title]=\"'Reset' | translate\">\r\n      <i class=\"in in-close\"></i>\r\n    </button>\r\n  </div>\r\n</label>\r\n", styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px;width:100%}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px #0003}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}\n"], dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-input-text', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => InputTextComponent),
-                            multi: true,
-                        }
-                    ], template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\r\n    <span *ngIf=\"label\" class=\"c-label__content\">\r\n        {{label}}\r\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n        <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n      <span\r\n        *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\r\n        class=\"constraints-message__warning u-text_uppercase\">\r\n                     {{'maxlength: ' | translate}} {{maxlength}}</span>\r\n    </span>\r\n  <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\r\n    <input (blur)=\"this.blur.emit($event)\"\r\n           (change)=\"onChange($event)\"\r\n           (focus)=\"this.focus.emit($event)\"\r\n           (input)=\"onChange($event)\"\r\n           [(ngModel)]=\"value\"\r\n           [autocomplete]=\"autocomplete? 'on':'off'\"\r\n           [disabled]=\"disabled\"\r\n           [id]=\"id\"\r\n           [maxlength]=\"maxlength\"\r\n           [name]=\"name\"\r\n           [ngClass]=\"{'c-input_opaque' : opacity === false,\r\n                         'c-input_shadowed' : shadow,\r\n                         'c-input_large' : large,\r\n                         'c-input_small' : small,\r\n                         'c-input_margin_padding': widget,\r\n                         'c-input_padding_right': forms}\"\r\n           [ngModelOptions]=\"{standalone: true}\"\r\n           [placeholder]=\"placeholder\"\r\n           [required]=\"required\"\r\n           [size]=\"size\"\r\n           [min]=\"min\"\r\n           [max]=\"max\"\r\n           [step]=\"step\"\r\n           class=\"search-box c-input field_{{id}}\"\r\n           [type]=\"type\">\r\n    <button (click)=\"clear()\"\r\n            class=\"button-reset empty\"\r\n            [ngClass]=\"{empty: display}\"\r\n            type=\"submit\"\r\n            [attr.title]=\"'Reset' | translate\">\r\n      <i class=\"in in-close\"></i>\r\n    </button>\r\n  </div>\r\n</label>\r\n", styles: ["@charset \"UTF-8\";.label{display:inline-block;margin-bottom:0}.c-input{height:36px;width:100%}.c-input_opaque{background:var(--colorBgLevel3)}.c-input_shadowed{box-shadow:0 2px 6px #0003}.constraints-message__warning{color:red}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.empty{display:none}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}.c-input_margin_padding{margin-left:56px;padding-right:10px;max-width:1200px}.c-input_padding_right{padding-right:28px}\n"] }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], autocomplete: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], display: [{
-                type: Input
-            }], large: [{
-                type: Input
-            }], small: [{
-                type: Input
-            }], widget: [{
-                type: Input
-            }], forms: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], right: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], focus: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], onClick: [{
-                type: Output
-            }] } });
-
-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() {
-    }
-}
-TextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextareaComponent, selector: "in-textarea", inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled", minHeight: "minHeight", maxlength: "maxlength" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => TextareaComponent),
-            multi: true,
-        }
-    ], ngImport: i0, template: "<label class=\"c-label\">\r\n    <span *ngIf=\"label\" class=\"c-label__content\">\r\n        {{label}}\r\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n    </span>\r\n  <textarea (change)=\"onChange($event)\"\r\n            (input)=\"onChange($event)\"\r\n            [(ngModel)]=\"value\"\r\n            [disabled]=\"disabled\"\r\n            [id]=\"id\"\r\n            [name]=\"name\"\r\n            [ngStyle]=\"{ 'min-height': minHeight+'px' }\"\r\n            [placeholder]=\"placeholder\"\r\n            [required]=\"required\"\r\n            class=\"c-textarea field_{{id}}\"\r\n            type=\"text\"\r\n  ></textarea>\r\n</label>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextareaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-textarea', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => TextareaComponent),
-                            multi: true,
-                        }
-                    ], template: "<label class=\"c-label\">\r\n    <span *ngIf=\"label\" class=\"c-label__content\">\r\n        {{label}}\r\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n    </span>\r\n  <textarea (change)=\"onChange($event)\"\r\n            (input)=\"onChange($event)\"\r\n            [(ngModel)]=\"value\"\r\n            [disabled]=\"disabled\"\r\n            [id]=\"id\"\r\n            [name]=\"name\"\r\n            [ngStyle]=\"{ 'min-height': minHeight+'px' }\"\r\n            [placeholder]=\"placeholder\"\r\n            [required]=\"required\"\r\n            class=\"c-textarea field_{{id}}\"\r\n            type=\"text\"\r\n  ></textarea>\r\n</label>\r\n" }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], minHeight: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }] } });
-
-class PanelComponent {
-}
-PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PanelComponent, selector: "in-panel", ngImport: i0, template: "<div class=\"c-panel inspark-panel\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".inspark-panel{padding:8px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-panel', template: "<div class=\"c-panel inspark-panel\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".inspark-panel{padding:8px}\n"] }]
-        }] });
-
-class ComponentContainerComponent {
-    constructor() {
-        this.align = 'left';
-    }
-}
-ComponentContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComponentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ComponentContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ComponentContainerComponent, selector: "in-component-container", inputs: { align: "align" }, ngImport: i0, template: "<div [ngClass]=\"align\" class=\"inspark-component-container\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.inspark-component-container{display:flex;gap:8px}@media screen and (min-width: 480px){.inspark-component-container{padding-bottom:0}}.right{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ComponentContainerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-component-container', template: "<div [ngClass]=\"align\" class=\"inspark-component-container\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.inspark-component-container{display:flex;gap:8px}@media screen and (min-width: 480px){.inspark-component-container{padding-bottom:0}}.right{justify-content:flex-end}\n"] }]
-        }], propDecorators: { align: [{
-                type: Input
-            }] } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxComponent, selector: "in-checkbox", inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => CheckboxComponent),
-            multi: true,
-        }
-    ], ngImport: i0, template: "<label class=\"c-checkbox\">\r\n  <input (change)=\"onChange($event)\" (input)=\"onChange($event)\"\r\n         (ngModelChange)=\"onChange(value)\"\r\n         [(ngModel)]=\"value\"\r\n         [disabled]=\"disabled\"\r\n         class=\"c-checkbox__input field_{{id}}\"\r\n         name=\"element_name\"\r\n         type=\"checkbox\"/>\r\n  <i class=\"c-checkbox__icon\"></i>\r\n  <span *ngIf=\"label\" class=\"label\">{{ label }}</span>\r\n  <span class=\"label\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: [":host{width:100%}.c-checkbox{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox .c-checkbox__input+.c-checkbox__icon{padding-left:20px;top:0}.c-checkbox .label{display:flex;align-items:center}.c-checkbox .label:not(:empty){display:inline-flex;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-checkbox', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => CheckboxComponent),
-                            multi: true,
-                        }
-                    ], template: "<label class=\"c-checkbox\">\r\n  <input (change)=\"onChange($event)\" (input)=\"onChange($event)\"\r\n         (ngModelChange)=\"onChange(value)\"\r\n         [(ngModel)]=\"value\"\r\n         [disabled]=\"disabled\"\r\n         class=\"c-checkbox__input field_{{id}}\"\r\n         name=\"element_name\"\r\n         type=\"checkbox\"/>\r\n  <i class=\"c-checkbox__icon\"></i>\r\n  <span *ngIf=\"label\" class=\"label\">{{ label }}</span>\r\n  <span class=\"label\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: [":host{width:100%}.c-checkbox{margin:0;display:flex;min-width:100%;align-items:center;padding:8px}.c-checkbox .c-checkbox__input+.c-checkbox__icon{padding-left:20px;top:0}.c-checkbox .label{display:flex;align-items:center}.c-checkbox .label:not(:empty){display:inline-flex;padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }]; }, propDecorators: { name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }] } });
-
-const DROPDOWN_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => DropdownComponent),
-    multi: true
-};
-class DropdownItem {
-    constructor() {
-        this.onClick = new EventEmitter();
-    }
-    onOptionClick(event) {
-        this.onClick.emit({
-            originalEvent: event,
-            option: this.option
-        });
-    }
-}
-DropdownItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DropdownItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DropdownItem, selector: "p-dropdownItem", inputs: { option: "option", selected: "selected", label: "label", disabled: "disabled", visible: "visible", itemSize: "itemSize", template: "template" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
-    <li
-      (click)="onOptionClick($event)"
-      role="option"
-      pRipple
-      [attr.aria-label]="label"
-      [attr.aria-selected]="selected"
-      [ngStyle]="{ height: itemSize + 'px' }"
-      [id]="selected ? 'p-highlighted-option' : ''"
-      [ngClass]="{ 'p-dropdown-item': true, 'p-highlight': selected, 'p-disabled': disabled }"
-    >
-      <span *ngIf="!template">{{ label || '' }}</span>
-      <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
-    </li>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownItem, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p-dropdownItem',
-                    template: `
-    <li
-      (click)="onOptionClick($event)"
-      role="option"
-      pRipple
-      [attr.aria-label]="label"
-      [attr.aria-selected]="selected"
-      [ngStyle]="{ height: itemSize + 'px' }"
-      [id]="selected ? 'p-highlighted-option' : ''"
-      [ngClass]="{ 'p-dropdown-item': true, 'p-highlight': selected, 'p-disabled': disabled }"
-    >
-      <span *ngIf="!template">{{ label || '' }}</span>
-      <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
-    </li>
-  `
-                }]
-        }], propDecorators: { option: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], visible: [{
-                type: Input
-            }], itemSize: [{
-                type: Input
-            }], template: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-class DropdownComponent extends Dropdown {
-    constructor() {
-        super(...arguments);
-        this.error = null;
-        /**
-         * код PrimeNG
-         */
-        this.scrollHeight = '200px';
-        this.resetFilterOnHide = false;
-        this.dropdownIcon = 'pi pi-chevron-down';
-        this.optionGroupChildren = 'items';
-        this.autoDisplayFirst = true;
-        this.emptyFilterMessage = '';
-        this.emptyMessage = '';
-        this.lazy = false;
-        this.filterMatchMode = 'contains';
-        this.tooltip = '';
-        this.tooltipPosition = 'right';
-        this.tooltipPositionStyle = 'absolute';
-        this.autofocusFilter = true;
-        this.overlayDirection = 'end';
-        this.onChange = new EventEmitter();
-        this.onFilter = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onBlur = new EventEmitter();
-        this.onClick = new EventEmitter();
-        this.onShow = new EventEmitter();
-        this.onHide = new EventEmitter();
-        this.onClear = new EventEmitter();
-        this.onLazyLoad = new EventEmitter();
-    }
-    get label() {
-        return this.selectedOption ? this.getOptionLabel(this.selectedOption) : null;
-    }
-    get options() {
-        return this._options;
-    }
-    set options(val) {
-        this._options = val;
-        this.optionsToDisplay = this._options;
-        this.updateSelectedOption(this.value);
-        this.selectedOption = this.findOption(this.value, this.optionsToDisplay);
-        if (!this.selectedOption && ObjectUtils.isNotEmpty(this.value) && !this.editable) {
-            this.value = null;
-            this.onModelChange(this.value);
-        }
-        this.optionsChanged = true;
-        if (this._filterValue && this._filterValue.length) {
-            this.activateFilter();
-        }
-    }
-    get itemSize() {
-        return this._itemSize;
-    }
-    set itemSize(val) {
-        this._itemSize = val;
-        console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.');
-    }
-    get autoZIndex() {
-        return this._autoZIndex;
-    }
-    set autoZIndex(val) {
-        this._autoZIndex = val;
-        console.warn('The autoZIndex property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    get baseZIndex() {
-        return this._baseZIndex;
-    }
-    set baseZIndex(val) {
-        this._baseZIndex = val;
-        console.warn('The baseZIndex property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    get showTransitionOptions() {
-        return this._showTransitionOptions;
-    }
-    set showTransitionOptions(val) {
-        this._showTransitionOptions = val;
-        console.warn('The showTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-    get hideTransitionOptions() {
-        return this._hideTransitionOptions;
-    }
-    set hideTransitionOptions(val) {
-        this._hideTransitionOptions = val;
-        console.warn('The hideTransitionOptions property is deprecated since v14.2.0, use overlayOptions property instead.');
-    }
-}
-DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DropdownComponent, selector: "in-dropdown", inputs: { title: "title", error: "error", scrollHeight: "scrollHeight", filter: "filter", name: "name", options: "options", style: "style", panelStyle: "panelStyle", styleClass: "styleClass", panelStyleClass: "panelStyleClass", readonly: "readonly", required: "required", editable: "editable", appendTo: "appendTo", tabindex: "tabindex", placeholder: "placeholder", filterPlaceholder: "filterPlaceholder", filterLocale: "filterLocale", inputId: "inputId", selectId: "selectId", dataKey: "dataKey", filterBy: "filterBy", autofocus: "autofocus", resetFilterOnHide: "resetFilterOnHide", dropdownIcon: "dropdownIcon", optionLabel: "optionLabel", optionValue: "optionValue", optionDisabled: "optionDisabled", optionGroupLabel: "optionGroupLabel", optionGroupChildren: "optionGroupChildren", autoDisplayFirst: "autoDisplayFirst", group: "group", showClear: "showClear", emptyFilterMessage: "emptyFilterMessage", emptyMessage: "emptyMessage", lazy: "lazy", virtualScroll: "virtualScroll", virtualScrollItemSize: "virtualScrollItemSize", virtualScrollOptions: "virtualScrollOptions", overlayOptions: "overlayOptions", ariaFilterLabel: "ariaFilterLabel", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", filterMatchMode: "filterMatchMode", maxlength: "maxlength", tooltip: "tooltip", tooltipPosition: "tooltipPosition", tooltipPositionStyle: "tooltipPositionStyle", tooltipStyleClass: "tooltipStyleClass", autofocusFilter: "autofocusFilter", overlayDirection: "overlayDirection", itemSize: "itemSize", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { onChange: "onChange", onFilter: "onFilter", onFocus: "onFocus", onBlur: "onBlur", onClick: "onClick", onShow: "onShow", onHide: "onHide", onClear: "onClear", onLazyLoad: "onLazyLoad" }, host: { properties: { "class.p-inputwrapper-filled": "filled", "class.p-inputwrapper-focus": "focused || overlayVisible" }, classAttribute: "p-element p-inputwrapper" }, providers: [DROPDOWN_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<label class=\"label type_varchars in-dropdown\">\r\n<span *ngIf=\"title\" class=\"c-label__content\">\r\n        {{ title }}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{ error }}</span>\r\n    </span>\r\n  <div\r\n    #container\r\n    (click)=\"onMouseclick($event)\"\r\n    [class]=\"styleClass\"\r\n    [ngClass]=\"{ 'p-dropdown p-component': true, 'p-disabled': disabled, 'p-dropdown-open': overlayVisible, 'p-focus': focused, 'p-dropdown-clearable': showClear && !disabled }\"\r\n    [ngStyle]=\"style\"\r\n  >\r\n    <div class=\"p-hidden-accessible\">\r\n      <input\r\n        #in\r\n        (blur)=\"onInputBlur($event)\"\r\n        (focus)=\"onInputFocus($event)\"\r\n        (keydown)=\"onKeydown($event, true)\"\r\n        [attr.aria-activedescendant]=\"overlayVisible ? labelId : null\"\r\n        [attr.aria-expanded]=\"false\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n        [attr.id]=\"inputId\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [attr.tabindex]=\"tabindex\"\r\n        [autofocus]=\"autofocus\"\r\n        [disabled]=\"disabled\"\r\n        aria-haspopup=\"listbox\"\r\n        aria-haspopup=\"listbox\"\r\n        pAutoFocus\r\n        readonly\r\n        role=\"combobox\"\r\n        type=\"text\"\r\n      />\r\n    </div>\r\n    <span\r\n      *ngIf=\"!editable && label != null\"\r\n      [attr.id]=\"labelId\"\r\n      [ngClass]=\"{ 'p-dropdown-label p-inputtext': true, 'p-dropdown-label-empty': label == null || label.length === 0 }\"\r\n      [pTooltip]=\"tooltip\"\r\n      [positionStyle]=\"tooltipPositionStyle\"\r\n      [tooltipPosition]=\"tooltipPosition\"\r\n      [tooltipStyleClass]=\"tooltipStyleClass\">\r\n                <ng-container *ngIf=\"!selectedItemTemplate\">{{ label || '' }}</ng-container>\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"selectedItemTemplate; context: { $implicit: selectedOption }\"></ng-container>\r\n            </span>\r\n    <span\r\n      *ngIf=\"!editable && label == null\"\r\n      [ngClass]=\"{ 'p-dropdown-label p-inputtext p-placeholder': true, 'p-dropdown-label-empty': placeholder == null || placeholder.length === 0 }\">{{ placeholder || '' }}</span>\r\n    <input\r\n      #editableInput\r\n      (blur)=\"onInputBlur($event)\"\r\n      (focus)=\"onEditableInputFocus($event)\"\r\n      (input)=\"onEditableInputChange($event)\"\r\n      *ngIf=\"editable\"\r\n      [attr.aria-expanded]=\"overlayVisible\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [disabled]=\"disabled\"\r\n      aria-haspopup=\"listbox\"\r\n      class=\"p-dropdown-label p-inputtext\"\r\n      type=\"text\"\r\n    />\r\n    <i (click)=\"clear($event)\" *ngIf=\"isVisibleClearIcon\" class=\"p-dropdown-clear-icon pi pi-times\"></i>\r\n    <div [attr.aria-expanded]=\"overlayVisible\" aria-haspopup=\"listbox\" aria-label=\"dropdown trigger\"\r\n         class=\"p-dropdown-trigger\"\r\n         role=\"button\">\r\n      <span [ngClass]=\"dropdownIcon\" class=\"p-dropdown-trigger-icon\"></span>\r\n    </div>\r\n    <p-overlay\r\n      #overlay\r\n      (onAnimationStart)=\"onOverlayAnimationStart($event)\"\r\n      (onHide)=\"hide()\"\r\n      [(visible)]=\"overlayVisible\"\r\n      [appendTo]=\"appendTo\"\r\n      [autoZIndex]=\"autoZIndex\"\r\n      [baseZIndex]=\"baseZIndex\"\r\n      [hideTransitionOptions]=\"hideTransitionOptions\"\r\n      [options]=\"overlayOptions\"\r\n      [showTransitionOptions]=\"showTransitionOptions\"\r\n      [target]=\"'@parent'\"\r\n    >\r\n      <ng-template pTemplate=\"content\">\r\n        <div [class]=\"panelStyleClass\" [ngClass]=\"'p-dropdown-panel p-component'\" [ngStyle]=\"panelStyle\">\r\n          <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n          <div (click)=\"$event.stopPropagation()\" *ngIf=\"filter\" class=\"p-dropdown-header\">\r\n            <ng-container *ngIf=\"filterTemplate; else builtInFilterElement\">\r\n              <ng-container *ngTemplateOutlet=\"filterTemplate; context: { options: filterOptions }\"></ng-container>\r\n            </ng-container>\r\n            <ng-template #builtInFilterElement>\r\n              <div class=\"p-dropdown-filter-container\">\r\n                <input\r\n                  #filter\r\n                  (input)=\"onFilterInputChange($event)\"\r\n                  (keydown)=\"onKeydown($event, false)\"\r\n                  (keydown.enter)=\"$event.preventDefault()\"\r\n                  [attr.aria-activedescendant]=\"overlayVisible ? 'p-highlighted-option' : labelId\"\r\n                  [attr.aria-label]=\"ariaFilterLabel\"\r\n                  [attr.placeholder]=\"filterPlaceholder\"\r\n                  [value]=\"filterValue || ''\"\r\n                  autocomplete=\"off\"\r\n                  class=\"p-dropdown-filter p-inputtext p-component\"\r\n                  type=\"text\"\r\n                />\r\n                <span class=\"p-dropdown-filter-icon pi pi-search\"></span>\r\n              </div>\r\n            </ng-template>\r\n          </div>\r\n          <div [style.max-height]=\"virtualScroll ? 'auto' : scrollHeight || 'auto'\" class=\"p-dropdown-items-wrapper\">\r\n            <p-scroller\r\n              #scroller\r\n              (onLazyLoad)=\"onLazyLoad.emit($event)\"\r\n              *ngIf=\"virtualScroll\"\r\n              [autoSize]=\"true\"\r\n              [itemSize]=\"virtualScrollItemSize || _itemSize\"\r\n              [items]=\"optionsToDisplay\"\r\n              [lazy]=\"lazy\"\r\n              [options]=\"virtualScrollOptions\"\r\n              [style]=\"{ height: scrollHeight }\"\r\n            >\r\n              <ng-template let-items let-scrollerOptions=\"options\" pTemplate=\"content\">\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"buildInItems; context: { $implicit: items, options: scrollerOptions }\"></ng-container>\r\n              </ng-template>\r\n              <ng-container *ngIf=\"loaderTemplate\">\r\n                <ng-template let-scrollerOptions=\"options\" pTemplate=\"loader\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"loaderTemplate; context: { options: scrollerOptions }\"></ng-container>\r\n                </ng-template>\r\n              </ng-container>\r\n            </p-scroller>\r\n            <ng-container *ngIf=\"!virtualScroll\">\r\n              <ng-container\r\n                *ngTemplateOutlet=\"buildInItems; context: { $implicit: optionsToDisplay, options: {} }\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-template #buildInItems let-items let-scrollerOptions=\"options\">\r\n              <ul #items [attr.id]=\"listId\" [ngClass]=\"scrollerOptions.contentStyleClass\"\r\n                  [style]=\"scrollerOptions.contentStyle\"\r\n                  class=\"p-dropdown-items\" role=\"listbox\">\r\n                <ng-container *ngIf=\"group\">\r\n                  <ng-template [ngForOf]=\"items\" let-optgroup ngFor>\r\n                    <li [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\" class=\"p-dropdown-item-group\">\r\n                      <span *ngIf=\"!groupTemplate\">{{ getOptionGroupLabel(optgroup) || '' }}</span>\r\n                      <ng-container *ngTemplateOutlet=\"groupTemplate; context: { $implicit: optgroup }\"></ng-container>\r\n                    </li>\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"itemslist; context: { $implicit: getOptionGroupChildren(optgroup), selectedOption: selectedOption }\"></ng-container>\r\n                  </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!group\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"itemslist; context: { $implicit: items, selectedOption: selectedOption }\"></ng-container>\r\n                </ng-container>\r\n                <ng-template #itemslist let-options let-selectedOption=\"selectedOption\">\r\n                  <ng-template [ngForOf]=\"options\" let-i=\"index\" let-option ngFor>\r\n                    <p-dropdownItem\r\n                      (onClick)=\"onItemClick($event)\"\r\n                      [disabled]=\"isOptionDisabled(option)\"\r\n                      [label]=\"getOptionLabel(option)\"\r\n                      [option]=\"option\"\r\n                      [selected]=\"selectedOption == option\"\r\n                      [template]=\"itemTemplate\"\r\n                    ></p-dropdownItem>\r\n                  </ng-template>\r\n                </ng-template>\r\n                <li *ngIf=\"filterValue && isEmpty()\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\"\r\n                    class=\"p-dropdown-empty-message\">\r\n                  <ng-container *ngIf=\"!emptyFilterTemplate && !emptyTemplate\">\r\n                    {{ emptyFilterMessageLabel }}\r\n                  </ng-container>\r\n                  <ng-container #emptyFilter *ngTemplateOutlet=\"emptyFilterTemplate || emptyTemplate\"></ng-container>\r\n                </li>\r\n                <li *ngIf=\"!filterValue && isEmpty()\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\"\r\n                    class=\"p-dropdown-empty-message\">\r\n                  <ng-container *ngIf=\"!emptyTemplate\">\r\n                    {{ emptyMessageLabel }}\r\n                  </ng-container>\r\n                  <ng-container #empty *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                </li>\r\n              </ul>\r\n            </ng-template>\r\n          </div>\r\n          <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </div>\r\n      </ng-template>\r\n    </p-overlay>\r\n  </div>\r\n</label>\r\n", styles: [".in-dropdown{width:100%;margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.Overlay, selector: "p-overlay", inputs: ["visible", "mode", "style", "styleClass", "contentStyle", "contentStyleClass", "target", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "listener", "responsive", "options"], outputs: ["visibleChange", "onBeforeShow", "onShow", "onBeforeHide", "onHide", "onAnimationStart", "onAnimationDone"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.Scroller, selector: "p-scroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }, { kind: "directive", type: i7$1.AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus"] }, { kind: "component", type: DropdownItem, selector: "p-dropdownItem", inputs: ["option", "selected", "label", "disabled", "visible", "itemSize", "template"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-dropdown', host: {
-                        class: 'p-element p-inputwrapper',
-                        '[class.p-inputwrapper-filled]': 'filled',
-                        '[class.p-inputwrapper-focus]': 'focused || overlayVisible'
-                    }, providers: [DROPDOWN_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<label class=\"label type_varchars in-dropdown\">\r\n<span *ngIf=\"title\" class=\"c-label__content\">\r\n        {{ title }}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{ error }}</span>\r\n    </span>\r\n  <div\r\n    #container\r\n    (click)=\"onMouseclick($event)\"\r\n    [class]=\"styleClass\"\r\n    [ngClass]=\"{ 'p-dropdown p-component': true, 'p-disabled': disabled, 'p-dropdown-open': overlayVisible, 'p-focus': focused, 'p-dropdown-clearable': showClear && !disabled }\"\r\n    [ngStyle]=\"style\"\r\n  >\r\n    <div class=\"p-hidden-accessible\">\r\n      <input\r\n        #in\r\n        (blur)=\"onInputBlur($event)\"\r\n        (focus)=\"onInputFocus($event)\"\r\n        (keydown)=\"onKeydown($event, true)\"\r\n        [attr.aria-activedescendant]=\"overlayVisible ? labelId : null\"\r\n        [attr.aria-expanded]=\"false\"\r\n        [attr.aria-label]=\"ariaLabel\"\r\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n        [attr.id]=\"inputId\"\r\n        [attr.placeholder]=\"placeholder\"\r\n        [attr.tabindex]=\"tabindex\"\r\n        [autofocus]=\"autofocus\"\r\n        [disabled]=\"disabled\"\r\n        aria-haspopup=\"listbox\"\r\n        aria-haspopup=\"listbox\"\r\n        pAutoFocus\r\n        readonly\r\n        role=\"combobox\"\r\n        type=\"text\"\r\n      />\r\n    </div>\r\n    <span\r\n      *ngIf=\"!editable && label != null\"\r\n      [attr.id]=\"labelId\"\r\n      [ngClass]=\"{ 'p-dropdown-label p-inputtext': true, 'p-dropdown-label-empty': label == null || label.length === 0 }\"\r\n      [pTooltip]=\"tooltip\"\r\n      [positionStyle]=\"tooltipPositionStyle\"\r\n      [tooltipPosition]=\"tooltipPosition\"\r\n      [tooltipStyleClass]=\"tooltipStyleClass\">\r\n                <ng-container *ngIf=\"!selectedItemTemplate\">{{ label || '' }}</ng-container>\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"selectedItemTemplate; context: { $implicit: selectedOption }\"></ng-container>\r\n            </span>\r\n    <span\r\n      *ngIf=\"!editable && label == null\"\r\n      [ngClass]=\"{ 'p-dropdown-label p-inputtext p-placeholder': true, 'p-dropdown-label-empty': placeholder == null || placeholder.length === 0 }\">{{ placeholder || '' }}</span>\r\n    <input\r\n      #editableInput\r\n      (blur)=\"onInputBlur($event)\"\r\n      (focus)=\"onEditableInputFocus($event)\"\r\n      (input)=\"onEditableInputChange($event)\"\r\n      *ngIf=\"editable\"\r\n      [attr.aria-expanded]=\"overlayVisible\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [disabled]=\"disabled\"\r\n      aria-haspopup=\"listbox\"\r\n      class=\"p-dropdown-label p-inputtext\"\r\n      type=\"text\"\r\n    />\r\n    <i (click)=\"clear($event)\" *ngIf=\"isVisibleClearIcon\" class=\"p-dropdown-clear-icon pi pi-times\"></i>\r\n    <div [attr.aria-expanded]=\"overlayVisible\" aria-haspopup=\"listbox\" aria-label=\"dropdown trigger\"\r\n         class=\"p-dropdown-trigger\"\r\n         role=\"button\">\r\n      <span [ngClass]=\"dropdownIcon\" class=\"p-dropdown-trigger-icon\"></span>\r\n    </div>\r\n    <p-overlay\r\n      #overlay\r\n      (onAnimationStart)=\"onOverlayAnimationStart($event)\"\r\n      (onHide)=\"hide()\"\r\n      [(visible)]=\"overlayVisible\"\r\n      [appendTo]=\"appendTo\"\r\n      [autoZIndex]=\"autoZIndex\"\r\n      [baseZIndex]=\"baseZIndex\"\r\n      [hideTransitionOptions]=\"hideTransitionOptions\"\r\n      [options]=\"overlayOptions\"\r\n      [showTransitionOptions]=\"showTransitionOptions\"\r\n      [target]=\"'@parent'\"\r\n    >\r\n      <ng-template pTemplate=\"content\">\r\n        <div [class]=\"panelStyleClass\" [ngClass]=\"'p-dropdown-panel p-component'\" [ngStyle]=\"panelStyle\">\r\n          <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n          <div (click)=\"$event.stopPropagation()\" *ngIf=\"filter\" class=\"p-dropdown-header\">\r\n            <ng-container *ngIf=\"filterTemplate; else builtInFilterElement\">\r\n              <ng-container *ngTemplateOutlet=\"filterTemplate; context: { options: filterOptions }\"></ng-container>\r\n            </ng-container>\r\n            <ng-template #builtInFilterElement>\r\n              <div class=\"p-dropdown-filter-container\">\r\n                <input\r\n                  #filter\r\n                  (input)=\"onFilterInputChange($event)\"\r\n                  (keydown)=\"onKeydown($event, false)\"\r\n                  (keydown.enter)=\"$event.preventDefault()\"\r\n                  [attr.aria-activedescendant]=\"overlayVisible ? 'p-highlighted-option' : labelId\"\r\n                  [attr.aria-label]=\"ariaFilterLabel\"\r\n                  [attr.placeholder]=\"filterPlaceholder\"\r\n                  [value]=\"filterValue || ''\"\r\n                  autocomplete=\"off\"\r\n                  class=\"p-dropdown-filter p-inputtext p-component\"\r\n                  type=\"text\"\r\n                />\r\n                <span class=\"p-dropdown-filter-icon pi pi-search\"></span>\r\n              </div>\r\n            </ng-template>\r\n          </div>\r\n          <div [style.max-height]=\"virtualScroll ? 'auto' : scrollHeight || 'auto'\" class=\"p-dropdown-items-wrapper\">\r\n            <p-scroller\r\n              #scroller\r\n              (onLazyLoad)=\"onLazyLoad.emit($event)\"\r\n              *ngIf=\"virtualScroll\"\r\n              [autoSize]=\"true\"\r\n              [itemSize]=\"virtualScrollItemSize || _itemSize\"\r\n              [items]=\"optionsToDisplay\"\r\n              [lazy]=\"lazy\"\r\n              [options]=\"virtualScrollOptions\"\r\n              [style]=\"{ height: scrollHeight }\"\r\n            >\r\n              <ng-template let-items let-scrollerOptions=\"options\" pTemplate=\"content\">\r\n                <ng-container\r\n                  *ngTemplateOutlet=\"buildInItems; context: { $implicit: items, options: scrollerOptions }\"></ng-container>\r\n              </ng-template>\r\n              <ng-container *ngIf=\"loaderTemplate\">\r\n                <ng-template let-scrollerOptions=\"options\" pTemplate=\"loader\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"loaderTemplate; context: { options: scrollerOptions }\"></ng-container>\r\n                </ng-template>\r\n              </ng-container>\r\n            </p-scroller>\r\n            <ng-container *ngIf=\"!virtualScroll\">\r\n              <ng-container\r\n                *ngTemplateOutlet=\"buildInItems; context: { $implicit: optionsToDisplay, options: {} }\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-template #buildInItems let-items let-scrollerOptions=\"options\">\r\n              <ul #items [attr.id]=\"listId\" [ngClass]=\"scrollerOptions.contentStyleClass\"\r\n                  [style]=\"scrollerOptions.contentStyle\"\r\n                  class=\"p-dropdown-items\" role=\"listbox\">\r\n                <ng-container *ngIf=\"group\">\r\n                  <ng-template [ngForOf]=\"items\" let-optgroup ngFor>\r\n                    <li [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\" class=\"p-dropdown-item-group\">\r\n                      <span *ngIf=\"!groupTemplate\">{{ getOptionGroupLabel(optgroup) || '' }}</span>\r\n                      <ng-container *ngTemplateOutlet=\"groupTemplate; context: { $implicit: optgroup }\"></ng-container>\r\n                    </li>\r\n                    <ng-container\r\n                      *ngTemplateOutlet=\"itemslist; context: { $implicit: getOptionGroupChildren(optgroup), selectedOption: selectedOption }\"></ng-container>\r\n                  </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"!group\">\r\n                  <ng-container\r\n                    *ngTemplateOutlet=\"itemslist; context: { $implicit: items, selectedOption: selectedOption }\"></ng-container>\r\n                </ng-container>\r\n                <ng-template #itemslist let-options let-selectedOption=\"selectedOption\">\r\n                  <ng-template [ngForOf]=\"options\" let-i=\"index\" let-option ngFor>\r\n                    <p-dropdownItem\r\n                      (onClick)=\"onItemClick($event)\"\r\n                      [disabled]=\"isOptionDisabled(option)\"\r\n                      [label]=\"getOptionLabel(option)\"\r\n                      [option]=\"option\"\r\n                      [selected]=\"selectedOption == option\"\r\n                      [template]=\"itemTemplate\"\r\n                    ></p-dropdownItem>\r\n                  </ng-template>\r\n                </ng-template>\r\n                <li *ngIf=\"filterValue && isEmpty()\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\"\r\n                    class=\"p-dropdown-empty-message\">\r\n                  <ng-container *ngIf=\"!emptyFilterTemplate && !emptyTemplate\">\r\n                    {{ emptyFilterMessageLabel }}\r\n                  </ng-container>\r\n                  <ng-container #emptyFilter *ngTemplateOutlet=\"emptyFilterTemplate || emptyTemplate\"></ng-container>\r\n                </li>\r\n                <li *ngIf=\"!filterValue && isEmpty()\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\"\r\n                    class=\"p-dropdown-empty-message\">\r\n                  <ng-container *ngIf=\"!emptyTemplate\">\r\n                    {{ emptyMessageLabel }}\r\n                  </ng-container>\r\n                  <ng-container #empty *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                </li>\r\n              </ul>\r\n            </ng-template>\r\n          </div>\r\n          <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </div>\r\n      </ng-template>\r\n    </p-overlay>\r\n  </div>\r\n</label>\r\n", styles: [".in-dropdown{width:100%;margin-bottom:0}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], scrollHeight: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], panelStyle: [{
-                type: Input
-            }], styleClass: [{
-                type: Input
-            }], panelStyleClass: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], editable: [{
-                type: Input
-            }], appendTo: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], filterPlaceholder: [{
-                type: Input
-            }], filterLocale: [{
-                type: Input
-            }], inputId: [{
-                type: Input
-            }], selectId: [{
-                type: Input
-            }], dataKey: [{
-                type: Input
-            }], filterBy: [{
-                type: Input
-            }], autofocus: [{
-                type: Input
-            }], resetFilterOnHide: [{
-                type: Input
-            }], dropdownIcon: [{
-                type: Input
-            }], optionLabel: [{
-                type: Input
-            }], optionValue: [{
-                type: Input
-            }], optionDisabled: [{
-                type: Input
-            }], optionGroupLabel: [{
-                type: Input
-            }], optionGroupChildren: [{
-                type: Input
-            }], autoDisplayFirst: [{
-                type: Input
-            }], group: [{
-                type: Input
-            }], showClear: [{
-                type: Input
-            }], emptyFilterMessage: [{
-                type: Input
-            }], emptyMessage: [{
-                type: Input
-            }], lazy: [{
-                type: Input
-            }], virtualScroll: [{
-                type: Input
-            }], virtualScrollItemSize: [{
-                type: Input
-            }], virtualScrollOptions: [{
-                type: Input
-            }], overlayOptions: [{
-                type: Input
-            }], ariaFilterLabel: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], ariaLabelledBy: [{
-                type: Input
-            }], filterMatchMode: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }], tooltipPosition: [{
-                type: Input
-            }], tooltipPositionStyle: [{
-                type: Input
-            }], tooltipStyleClass: [{
-                type: Input
-            }], autofocusFilter: [{
-                type: Input
-            }], overlayDirection: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }], onFilter: [{
-                type: Output
-            }], onFocus: [{
-                type: Output
-            }], onBlur: [{
-                type: Output
-            }], onClick: [{
-                type: Output
-            }], onShow: [{
-                type: Output
-            }], onHide: [{
-                type: Output
-            }], onClear: [{
-                type: Output
-            }], onLazyLoad: [{
-                type: Output
-            }], itemSize: [{
-                type: Input
-            }], autoZIndex: [{
-                type: Input
-            }], baseZIndex: [{
-                type: Input
-            }], showTransitionOptions: [{
-                type: Input
-            }], hideTransitionOptions: [{
-                type: Input
-            }] } });
-class DropdownComponentModule {
-}
-DropdownComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DropdownComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: DropdownComponentModule, declarations: [DropdownComponent, DropdownItem], imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, RippleModule, ScrollerModule, AutoFocusModule, TranslateModule], exports: [DropdownComponent, OverlayModule, SharedModule, ScrollerModule] });
-DropdownComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownComponentModule, imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, RippleModule, ScrollerModule, AutoFocusModule, TranslateModule, OverlayModule, SharedModule, ScrollerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DropdownComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        DropdownComponent,
-                        DropdownItem,
-                    ],
-                    imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, RippleModule, ScrollerModule, AutoFocusModule, TranslateModule],
-                    exports: [
-                        DropdownComponent, OverlayModule, SharedModule, ScrollerModule
-                    ],
-                    entryComponents: [
-                        DropdownComponent,
-                    ]
-                }]
-        }] });
-
-class InsparkTemplate {
-    constructor(template) {
-        this.template = template;
-    }
-    getType() {
-        return this.name;
-    }
-}
-InsparkTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-InsparkTemplate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: InsparkTemplate, selector: "[inTemplate]", inputs: { type: "type", name: ["inTemplate", "name"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkTemplate, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[inTemplate]',
-                    host: {}
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { type: [{
-                type: Input
-            }], name: [{
-                type: Input,
-                args: ['inTemplate']
-            }] } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: TableClickOutsideDirective, selector: "[inClickOutside]", outputs: { clickedOutside: "clickedOutside" }, host: { listeners: { "document:click": "click($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableClickOutsideDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[inClickOutside]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickedOutside: [{
-                type: Output
-            }], click: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-
-class TableMenuOverlayComponent {
-    constructor(element) {
-        this.element = element;
-        this.isExpanded = false;
-    }
-    isClickedOutsideOverlay(event) {
-        if (!this.element.nativeElement.contains(event.target)) {
-            this.isExpanded = false;
-        }
-    }
-}
-TableMenuOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableMenuOverlayComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TableMenuOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableMenuOverlayComponent, selector: "in-table-menu-overlay", inputs: { isExpanded: "isExpanded", positionClass: "positionClass" }, ngImport: i0, template: "<div class=\"c-overlay is-dropdown_open\">\r\n  <div (click)=\"isExpanded  = !isExpanded;\"\r\n       class=\"c-overlay__toggle\">\r\n    <ng-content select=\"host\"></ng-content>\r\n  </div>\r\n  <ng-container *ngIf=\"isExpanded\">\r\n    <div (clickedOutside)=\"isClickedOutsideOverlay($event)\" class=\"c-overlay__body\"\r\n         inClickOutside>\r\n      <!--{{positionClass}}-->\r\n      <ng-content select=\"body\"></ng-content>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", 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 #00000030,0 6px 6px #0000003b;max-height:500px;overflow:auto}:host-context(.theme-dark) .c-overlay__body{background-color:#53555c;background-color:var(--ids-theme-color-gray-35, #53555C)}\n", "@charset \"UTF-8\";:host-context(.theme-contrast) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-light) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-green) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-blue) .c-overlay__body{background-color:#202127;background-color:var(--colorBgLevel1, #202127)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TableClickOutsideDirective, selector: "[inClickOutside]", outputs: ["clickedOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableMenuOverlayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-table-menu-overlay', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c-overlay is-dropdown_open\">\r\n  <div (click)=\"isExpanded  = !isExpanded;\"\r\n       class=\"c-overlay__toggle\">\r\n    <ng-content select=\"host\"></ng-content>\r\n  </div>\r\n  <ng-container *ngIf=\"isExpanded\">\r\n    <div (clickedOutside)=\"isClickedOutsideOverlay($event)\" class=\"c-overlay__body\"\r\n         inClickOutside>\r\n      <!--{{positionClass}}-->\r\n      <ng-content select=\"body\"></ng-content>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", 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 #00000030,0 6px 6px #0000003b;max-height:500px;overflow:auto}:host-context(.theme-dark) .c-overlay__body{background-color:#53555c;background-color:var(--ids-theme-color-gray-35, #53555C)}\n", "@charset \"UTF-8\";:host-context(.theme-contrast) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-light) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-green) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-blue) .c-overlay__body{background-color:#202127;background-color:var(--colorBgLevel1, #202127)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isExpanded: [{
-                type: Input
-            }], positionClass: [{
-                type: Input
-            }] } });
-
-class TableColumnsMultiselectComponent {
-    constructor() {
-        this.isExpanded = false;
-        /**
-         * true - все активные чекбоксы становятся неактивными
-         * false - не влияет на чекбоксы
-         */
-        this.disableActiveCheckboxes = false;
-        this.columnsChange = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-}
-TableColumnsMultiselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableColumnsMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableColumnsMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableColumnsMultiselectComponent, selector: "in-table-columns-multiselect", inputs: { columns: "columns", disableActiveCheckboxes: "disableActiveCheckboxes" }, outputs: { columnsChange: "columnsChange" }, ngImport: i0, template: "<in-table-menu-overlay [isExpanded]=\"isExpanded\">\r\n  <ng-container ngProjectAs=\"host\">\r\n    <button class=\"c-btn c-btn_border-free c-btn_small\">\r\n      <i [title]=\"('column switch' | translate)\" class=\"in in-cog\"></i><i class=\"c-caret\"></i>\r\n    </button>\r\n\r\n  </ng-container>\r\n  <ng-container ngProjectAs=\"body\">\r\n    <ul class=\"o-list\">\r\n      <li *ngFor=\"let column of columns\" class=\"c-dropdown-menu__listitem\" role=\"menuitem\">\r\n        <div class=\"c-dropdown-menu__content\">\r\n          <label class=\"c-checkbox c-checkbox_switch c-checkbox_compact\">\r\n            <input (ngModelChange)=\"columnsChange.emit({event: $event, column: column})\"\r\n                   [disabled]=\"(!column.isHidden && disableActiveCheckboxes) || column.isRequired\"\r\n                   [ngModel]=\"!column.isHidden \"\r\n                   class=\"c-checkbox__input\"\r\n                   type=\"checkbox\">\r\n            <i class=\"c-checkbox__icon\"></i>\r\n            <span class=\"c-checkbox__label dropdown-label\">{{column.label | translate}}</span>\r\n          </label>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n\r\n  </ng-container>\r\n</in-table-menu-overlay>\r\n", styles: [".dropdown-label{color:var(--text-color)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TableMenuOverlayComponent, selector: "in-table-menu-overlay", inputs: ["isExpanded", "positionClass"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableColumnsMultiselectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-table-columns-multiselect', template: "<in-table-menu-overlay [isExpanded]=\"isExpanded\">\r\n  <ng-container ngProjectAs=\"host\">\r\n    <button class=\"c-btn c-btn_border-free c-btn_small\">\r\n      <i [title]=\"('column switch' | translate)\" class=\"in in-cog\"></i><i class=\"c-caret\"></i>\r\n    </button>\r\n\r\n  </ng-container>\r\n  <ng-container ngProjectAs=\"body\">\r\n    <ul class=\"o-list\">\r\n      <li *ngFor=\"let column of columns\" class=\"c-dropdown-menu__listitem\" role=\"menuitem\">\r\n        <div class=\"c-dropdown-menu__content\">\r\n          <label class=\"c-checkbox c-checkbox_switch c-checkbox_compact\">\r\n            <input (ngModelChange)=\"columnsChange.emit({event: $event, column: column})\"\r\n                   [disabled]=\"(!column.isHidden && disableActiveCheckboxes) || column.isRequired\"\r\n                   [ngModel]=\"!column.isHidden \"\r\n                   class=\"c-checkbox__input\"\r\n                   type=\"checkbox\">\r\n            <i class=\"c-checkbox__icon\"></i>\r\n            <span class=\"c-checkbox__label dropdown-label\">{{column.label | translate}}</span>\r\n          </label>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n\r\n  </ng-container>\r\n</in-table-menu-overlay>\r\n", styles: [".dropdown-label{color:var(--text-color)}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { columns: [{
-                type: Input
-            }], disableActiveCheckboxes: [{
-                type: Input
-            }], columnsChange: [{
-                type: Output
-            }] } });
-
-// NEW Factory Function
-function tableFactory(wrapper) {
-    return wrapper.dt;
-}
-class TableComponent {
-    constructor() {
-        this.columns = [];
-        this.filteredColumns = [];
-        this.globalFilteredColumns = [];
-        this.primaryColumns = [];
-        this.values = [];
-        this.checkboxSelection = true;
-        this.showHeader = true;
-        this.isMobileView = false;
-        this.resizableColumns = true;
-        this.isTextSearch = true;
-        this.isSortIcon = true;
-        this.columnResizeMode = 'expand';
-        this.activeChange = new EventEmitter();
-        this.selectionChange = new EventEmitter();
-        this.addAction = new EventEmitter();
-        this.treeAction = new EventEmitter();
-        this.csvAction = new EventEmitter();
-        this.saveAction = new EventEmitter();
-        this.removeAction = new EventEmitter();
-        this.unlinkAction = new EventEmitter();
-        this.linkAction = new EventEmitter();
-        this.groupEditAction = new EventEmitter();
-        this.paramsEditAction = new EventEmitter();
-        this.sortFunction = new EventEmitter();
-        this.filterFunction = 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.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] : undefined;
-    }
-    onFilterToolbar(event) {
-        if (this.toolbar && this.toolbar.filter) {
-            this.toolbar.filter.active = !this.toolbar.filter.active;
-        }
-    }
-    onFilter(event) {
-        this.onSort();
-        this.filterFunction.emit(event.filteredValue);
-    }
-    stateSave(state) {
-    }
-    saveToLocalStorage(state, key) {
-        if (key) {
-            window.localStorage.setItem(key, JSON.stringify(state));
-        }
-    }
-    isHiddenFieldsChanged() {
-        const hiddenFieldsSaved = this.getHiddenHiddenFieldsFromStorage();
-        const hiddenFieldsColumns = (this.columns || []).filter(_col => _col.isHidden).map(_col => _col.field);
-        if (hiddenFieldsSaved.length === hiddenFieldsColumns.length) {
-            const diff = hiddenFieldsSaved.filter(field => !hiddenFieldsColumns.includes(field));
-            diff.length !== 0;
-        }
-        return true;
-    }
-    saveHiddenColumns() {
-        if (this.stateKey) {
-            if (!this.isHiddenFieldsChanged()) {
-                return;
-            }
-            const hiddenFields = (this.columns || []).filter(_col => _col.isHidden).map(_col => _col.field).join(',');
-            this.saveToLocalStorage(hiddenFields, this.stateKey + 'HiddenFields');
-            window.localStorage.removeItem(this.stateKey);
-            if (this.searchText) {
-                window.localStorage.setItem(this.stateKey, JSON.stringify({
-                    filters: { global: { value: this.searchText, matchMode: 'contains' } }
-                }));
-            }
-            if (this.dt) {
-                this.dt.restoreState();
-            }
-        }
-    }
-    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}%`);
-    }
-    getHiddenHiddenFieldsFromStorage() {
-        if (this.stateKey) {
-            const hiddenFields = window.localStorage.getItem(this.stateKey + 'HiddenFields');
-            if (hiddenFields) {
-                return JSON.parse(hiddenFields).split(',');
-            }
-        }
-        return [];
-    }
-    restoreHiddenColumns() {
-        if (this.stateKey && window.localStorage.getItem(this.stateKey + 'HiddenFields')) {
-            const hiddenFieldsArray = this.getHiddenHiddenFieldsFromStorage();
-            this.columns.forEach(_col => _col.isHidden = hiddenFieldsArray.includes(_col.field) || _col.col_invisible);
-        }
-    }
-    calcWidth(idx, label, width) {
-        return width && idx >= 0 ? width : 'auto';
-    }
-    onSort() {
-        if (this.isGrouped) {
-            Object.entries(this.groupInfo).forEach(([key, value]) => {
-                const cacheFlag = (this.groupInfo[key] || {}).isExpanded;
-                this.groupInfo[key] = { isExpanded: cacheFlag === undefined ? true : cacheFlag };
-            });
-            this.sortByGroup();
-            if (this.dt && this.dt.filteredValue) {
-                this.sortByGroup(this.dt.filteredValue, this.dt._sortOrder);
-            }
-            else if (this.dt && this.dt._value && this.dt._sortOrder) {
-                this.sortByGroup(this.dt._value, this.dt._sortOrder);
-            }
-        }
-    }
-    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;
-        this.onSort();
-    }
-    clear() {
-        this.dt.filterGlobal('', 'contains');
-        this.searchText = '';
-        this.dt.saveState();
-    }
-    localSearch(dt, searchText) {
-        dt.filterGlobal(searchText, 'contains');
-    }
-    sortByGroup(values, sortOrder) {
-        const g = this.groupMode;
-        if (values) {
-            return values.sort((row1, row2) => {
-                if (typeof (row1.groupOrder[g]) === 'number') {
-                    return sortOrder * (row1.groupOrder[g] - row2.groupOrder[g]);
-                }
-                else {
-                    return sortOrder * row1.groupOrder[g].localeCompare(row2.groupOrder[g], undefined, { numeric: true, sensitivity: 'base' });
-                }
-            });
-        }
-        this.values.sort((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);
-        }
-        if (this.searchText) {
-            this.dt.filterGlobal(this.searchText, 'contains');
-        }
-        this.sortByGroup();
-    }
-}
-TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableComponent, selector: "in-table", inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", stateKey: "stateKey", isGrouped: "isGrouped", customSort: "customSort", isGroupedExpanded: "isGroupedExpanded", showHeader: "showHeader", isMobileView: "isMobileView", resizableColumns: "resizableColumns", isTextSearch: "isTextSearch", isSortIcon: "isSortIcon", columnResizeMode: "columnResizeMode", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", treeAction: "treeAction", csvAction: "csvAction", saveAction: "saveAction", removeAction: "removeAction", unlinkAction: "unlinkAction", linkAction: "linkAction", groupEditAction: "groupEditAction", paramsEditAction: "paramsEditAction", sortFunction: "sortFunction", filterFunction: "filterFunction" }, providers: [
-        DomHandler,
-        ObjectUtils,
-        TableService,
-        {
-            provide: Table,
-            useFactory: tableFactory,
-            deps: [TableComponent], // new function depends on your wrapper
-        },
-    ], queries: [{ propertyName: "templates", predicate: InsparkTemplate }], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"label\" class=\"c-label\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n         (onFilter) = onFilter($event)\r\n         (onSort)=\"onSort()\"\r\n         (onStateRestore)=\"restoreSearchText()\"\r\n         (onStateSave)=\"stateSave($event)\"\r\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n         [(selection)]=\"selectionValue\"\r\n         [class]=\"class\"\r\n         [columns]=\"filteredColumns\"\r\n         [customSort]=\"customSort\"\r\n         [dataKey]=\"dataKey || 'id'\"\r\n         [globalFilterFields]=\"globalFilteredColumns\"\r\n         [resizableColumns]=\"resizableColumns\"\r\n         [scrollHeight]=\"scrollHeight\"\r\n         [scrollable]=\"scrollable\"\r\n         [selectionMode]=\"selectionMode\"\r\n         [sortField]=\"sortField || 'id'\"\r\n         [sortOrder]=\"isAscending ? 1 : -1\"\r\n         [stateKey]=\"stateKey\"\r\n         [stateStorage]=\"'local'\"\r\n         [style]=\"style\"\r\n         [value]=\"values\"\r\n         [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <colgroup *ngIf=\"!isMobileView\">\r\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n      <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n    </colgroup>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <ng-container *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </th>\r\n        <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n            pResizableColumn>\r\n          <div class=\"p-table-thead-title\"\r\n               title=\"{{col.label | translate}}\">\r\n            {{col.label | translate}}\r\n          </div>\r\n          <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n                      class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n                      style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n        </th>\r\n      </tr>\r\n      <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n            style=\"width: 44px;\"></th>\r\n        <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n          <input\r\n            (input)=\"dt.filter($event.target.value, col.field, 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n\r\n          <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n                      *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n                      [options]=\"colFilter(col.field)?.options\"\r\n                      [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n                      appendTo=\"body\"></p-dropdown>\r\n\r\n          <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n                         *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n                         [options]=\"colFilter(col.field)?.options\"\r\n                         [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n                         defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n          <input\r\n            (input)=\"dt.filter($event.target.value, col.field + '2filter', 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n        </th>\r\n      </tr>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n    <tr\r\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n      class=\"row_hover_highlight\">\r\n      <td [colSpan]=\"countVisibleColumns() + 1\">\r\n        <span>\r\n          <i\r\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n            )</span>\r\n        </span>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n        [pSelectableRow]=\"rowData\"\r\n        class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n            'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n          }\" class=\"u-text_center\"\r\n          style=\"width: 44px\"\r\n      >\r\n        <p-tableCheckbox [value]=\"rowData\"\r\n                         [ngStyle]=\"{ 'pointer-events': selectionMode === 'single' || selectionMode === 'multiple' && checkboxSelection ? 'none' : 'auto'}\"\r\n        ></p-tableCheckbox>\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\"\r\n          *ngFor=\"let col of filteredColumns\"\r\n          class=\"u-overflow-visible\">\r\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"localSearch(dt, searchText)\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"primaryColumns\"\r\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n                [disabled]=\"toolbar.paramsEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"toggleNodes(true)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Expand all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n        </button>\r\n        <button (click)=\"toggleNodes(false)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Collapse all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n\r\n        <div *ngIf=\"toolbar.groupSort\"\r\n             class=\"c-btn-group\"\r\n             container=\"body\"\r\n             ngbDropdown>\r\n\r\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n                  id=\"dropdownGroupType\"\r\n                  ngbDropdownToggle\r\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n            <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n          </button>\r\n\r\n          <ul aria-labelledby=\"dropdownGroupType\"\r\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n              ngbDropdownMenu\r\n              role=\"menu\">\r\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n                ngbDropdownItem\r\n                role=\"menuitem\">\r\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n                {{item.label}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-table>\r\n", 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}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1$2.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.NgStyle; }), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$2.NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i0.forwardRef(function () { return i2$3.Table; }), selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.PrimeTemplate; }), selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$3.SortableColumn; }), selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$3.SelectableRow; }), selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i0.forwardRef(function () { return i2$3.ResizableColumn; }), selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i0.forwardRef(function () { return i2$3.SortIcon; }), selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i0.forwardRef(function () { return i2$3.TableCheckbox; }), selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i0.forwardRef(function () { return i2$3.TableHeaderCheckbox; }), selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.ɵNgNoValidate; }), selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.DefaultValueAccessor; }), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.NgControlStatus; }), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.NgControlStatusGroup; }), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.RequiredValidator; }), selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.NgModel; }), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i0.forwardRef(function () { return i1$4.NgForm; }), selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i0.forwardRef(function () { return i5$1.Dropdown; }), selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i0.forwardRef(function () { return i6$1.MultiSelect; }), selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad"] }, { kind: "directive", type: i0.forwardRef(function () { return i7.NgbDropdown; }), selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i0.forwardRef(function () { return i7.NgbDropdownToggle; }), selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i0.forwardRef(function () { return i7.NgbDropdownMenu; }), selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i0.forwardRef(function () { return i7.NgbDropdownItem; }), selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { kind: "component", type: i0.forwardRef(function () { return TableColumnsMultiselectComponent; }), selector: "in-table-columns-multiselect", inputs: ["columns", "disableActiveCheckboxes"], outputs: ["columnsChange"] }, { kind: "pipe", type: i0.forwardRef(function () { return PropertyValuePipe; }), name: "propertyValue" }, { kind: "pipe", type: i0.forwardRef(function () { return i1.TranslatePipe; }), name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-table', entryComponents: [], providers: [
-                        DomHandler,
-                        ObjectUtils,
-                        TableService,
-                        {
-                            provide: Table,
-                            useFactory: tableFactory,
-                            deps: [TableComponent], // new function depends on your wrapper
-                        },
-                    ], template: "<span *ngIf=\"label\" class=\"c-label\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n</span>\r\n<p-table #dt\r\n         (onFilter) = onFilter($event)\r\n         (onSort)=\"onSort()\"\r\n         (onStateRestore)=\"restoreSearchText()\"\r\n         (onStateSave)=\"stateSave($event)\"\r\n         (sortFunction)=\"sortFunction? sortFunction.emit($event): null\"\r\n         [(selection)]=\"selectionValue\"\r\n         [class]=\"class\"\r\n         [columns]=\"filteredColumns\"\r\n         [customSort]=\"customSort\"\r\n         [dataKey]=\"dataKey || 'id'\"\r\n         [globalFilterFields]=\"globalFilteredColumns\"\r\n         [resizableColumns]=\"resizableColumns\"\r\n         [scrollHeight]=\"scrollHeight\"\r\n         [scrollable]=\"scrollable\"\r\n         [selectionMode]=\"selectionMode\"\r\n         [sortField]=\"sortField || 'id'\"\r\n         [sortOrder]=\"isAscending ? 1 : -1\"\r\n         [stateKey]=\"stateKey\"\r\n         [stateStorage]=\"'local'\"\r\n         [style]=\"style\"\r\n         [value]=\"values\"\r\n         [columnResizeMode]=\"columnResizeMode\"\r\n>\r\n  <ng-template *ngIf=\"colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"colGroupTemplate; context: {$implicit: { columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!colGroupTemplate\" let-columns pTemplate=\"colgroup\">\r\n    <colgroup *ngIf=\"!isMobileView\">\r\n      <col *ngIf=\"checkboxSelection\" style=\"width: 44px;\">\r\n      <col *ngFor=\"let col of filteredColumns; let idx = index\">\r\n    </colgroup>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <ng-container *ngIf=\"showHeader\">\r\n      <tr>\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn style=\"width: 44px;\">\r\n          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n        </th>\r\n        <th *ngFor=\"let col of filteredColumns\" [pSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n            pResizableColumn>\r\n          <div class=\"p-table-thead-title\"\r\n               title=\"{{col.label | translate}}\">\r\n            {{col.label | translate}}\r\n          </div>\r\n          <p-sortIcon *ngIf=\"isSortIcon\" [field]=\"col.field\"\r\n                      class=\"u-position-absolute u-position-absolute-right c-sorticon\"\r\n                      style=\"display: flex; width: 18px; top: 0; height: 100%;\"></p-sortIcon>\r\n        </th>\r\n      </tr>\r\n      <tr *ngIf=\"toolbar && toolbar.filter && toolbar.filter.active\">\r\n        <th *ngIf=\"checkboxSelection\" class=\"u-position-relative u-text_center\" pResizableColumn\r\n            style=\"width: 44px;\"></th>\r\n        <th *ngFor=\"let col of columns\" [ngSwitch]=\"col.field\">\r\n          <input\r\n            (input)=\"dt.filter($event.target.value, col.field, 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'text' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n\r\n          <p-dropdown (onChange)=\"dt.filter($event.value, col.field, 'equals')\"\r\n                      *ngSwitchCase=\"colFilter(col.field)?.type === 'dropdown' ? col.field : ''\"\r\n                      [options]=\"colFilter(col.field)?.options\"\r\n                      [style]=\"{ width: '100%', overflow: 'visible' }\"\r\n                      appendTo=\"body\"></p-dropdown>\r\n\r\n          <p-multiSelect (onChange)=\"dt.filter($event.value, col.field, 'in')\"\r\n                         *ngSwitchCase=\"colFilter(col.field)?.type === 'multiselect' ? col.field : ''\"\r\n                         [options]=\"colFilter(col.field)?.options\"\r\n                         [style]=\"{ width: '100%', overflow: 'visible' }\" appendTo=\"body\"\r\n                         defaultLabel=\"{{'All' | translate}}\"></p-multiSelect>\r\n          <input\r\n            (input)=\"dt.filter($event.target.value, col.field + '2filter', 'contains')\"\r\n            *ngSwitchCase=\"colFilter(col.field)?.type === 'datetext' ? col.field : ''\"\r\n            autofocus=\"\"\r\n            class=\"c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n            pInputText\r\n            type=\"text\">\r\n        </th>\r\n      </tr>\r\n    </ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"bodyTemplate\" let-columns=\"columns\" let-rowData let-rowIndex=\"rowIndex\" pTemplate=\"body\">\r\n    <ng-container\r\n      *ngTemplateOutlet=\"bodyTemplate; context: {$implicit: { rowIndex: rowIndex, rowData: rowData, columns: columns}}\"></ng-container>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"!bodyTemplate\" let-columns=\"columns\" let-index=\"rowIndex\" let-rowData pTemplate=\"body\">\r\n    <tr\r\n      (click)=\"toggleGroup(index, rowData.groupKey[groupMode])\"\r\n      *ngIf=\"isGrouped && isShowGroup(rowData.groupKey[groupMode], index)\"\r\n      class=\"row_hover_highlight\">\r\n      <td [colSpan]=\"countVisibleColumns() + 1\">\r\n        <span>\r\n          <i\r\n            [ngClass]=\"groupInfo[rowData.groupKey[groupMode]].isExpanded ? 'in fa-fw in-chevron-down' : 'in fa-fw in-chevron-right'\"></i>\r\n          <span>{{rowData.groupKey[groupMode] | translate }} ({{countGroup(rowData.groupKey[groupMode], groupMode)}}\r\n            )</span>\r\n        </span>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"!isGrouped || groupInfo[(rowData.groupKey[groupMode])].isExpanded\"\r\n        [ngClass]=\"{row_active: isRowActive(rowData)}\"\r\n        [pSelectableRow]=\"rowData\"\r\n        class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\" [ngClass]=\"{\r\n            'row_status_success': rowData.sdirparamstatecolor === 'success',\r\n            'row_status_error': rowData.sdirparamstatecolor === 'error',\r\n            'row_status_warning': rowData.sdirparamstatecolor === 'warning',\r\n            'row_status_critical': rowData.sdirparamstatecolor === 'critical',\r\n            'row_status_falsevalue': rowData.sdirparamstatecolor === 'falsevalue',\r\n            'row_status_pending': rowData.sdirparamstatecolor === 'pending'\r\n          }\" class=\"u-text_center\"\r\n          style=\"width: 44px\"\r\n      >\r\n        <p-tableCheckbox [value]=\"rowData\"\r\n                         [ngStyle]=\"{ 'pointer-events': selectionMode === 'single' || selectionMode === 'multiple' && checkboxSelection ? 'none' : 'auto'}\"\r\n        ></p-tableCheckbox>\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\"\r\n          *ngFor=\"let col of filteredColumns\"\r\n          class=\"u-overflow-visible\">\r\n        <div (mouseover)=\"showTooltip($event)\" *ngIf=\"!valueTemplate\" class=\"p-table-tbody-content\" title>\r\n          {{col.translatable ? (rowData | propertyValue: col.field | translate) : (rowData | propertyValue: col.field)}}\r\n        </div>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div *ngIf=\"isTextSearch\" class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"localSearch(dt, searchText)\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"clear()\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"primaryColumns\"\r\n                                        [disableActiveCheckboxes]=\"countVisibleColumns() === 1\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"onFilterToolbar($event)\" *ngIf=\"toolbar.filter\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-filter\" title=\"{{'Service filter' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"treeAction.emit($event)\" *ngIf=\"toolbar.tree\" [disabled]=\"toolbar.tree.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-list\" title=\"{{'Filter by rubric' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" title=\"{{'Add' | translate}}\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"linkAction.emit($event)\" *ngIf=\"toolbar.link\" [disabled]=\"toolbar.link.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-link\" title=\"{{'Link' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <!--Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"{{'LOGS.SAVE_TO_CSV' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <ng-content select=\"[buttons]\"></ng-content>\r\n        <button (click)=\"paramsEditAction.emit($event)\" *ngIf=\"toolbar.paramsEdit && toolbar.paramsEdit.active\"\r\n                [disabled]=\"toolbar.paramsEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'paramsEdit' | translate}}\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" title=\"{{'Delete' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"toggleNodes(true)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Expand all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n        </button>\r\n        <button (click)=\"toggleNodes(false)\"\r\n                *ngIf=\"toolbar.expandAll\"\r\n                class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                title=\"{{'Collapse all' | translate}}\">\r\n          <svg fill=\"currentColor\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n            <path clip-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" fill-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n\r\n        <div *ngIf=\"toolbar.groupSort\"\r\n             class=\"c-btn-group\"\r\n             container=\"body\"\r\n             ngbDropdown>\r\n\r\n          <button class=\"c-btn c-btn_border-free c-btn_small\"\r\n                  id=\"dropdownGroupType\"\r\n                  ngbDropdownToggle\r\n                  title=\"{{'Change the way parameters are grouped' | translate}}\">\r\n            <i aria-hidden=\"true\" class=\"in in-object-group\"></i>\r\n            <i aria-hidden=\"true\" class=\"c-caret\"></i>\r\n          </button>\r\n\r\n          <ul aria-labelledby=\"dropdownGroupType\"\r\n              class=\"c-dropdown-menu c-dropdown-menu_right ng-star-inserted\"\r\n              ngbDropdownMenu\r\n              role=\"menu\">\r\n            <li *ngFor=\"let item of toolbar.groupSort.label\"\r\n                [ngClass]=\"{'is-dropdown-menu__listitem_active': item.value === groupMode}\"\r\n                class=\"c-dropdown-menu__listitem is-dropdown-menu__listitem_active\"\r\n                ngbDropdownItem\r\n                role=\"menuitem\">\r\n              <a (click)=\"toggleMode(item.value)\" class=\"c-dropdown-menu__content\">\r\n                {{item.label}}\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-table>\r\n", 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}.row_status_pending{padding-left:9px!important;border-left:4px solid var(--ids-theme-status-pending, #1f85ff)}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--ids-theme-btn-default-color, #FFFFFF)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"] }]
-        }], propDecorators: { columns: [{
-                type: Input
-            }], values: [{
-                type: Input
-            }], scrollHeight: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], selectionMode: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], toolbar: [{
-                type: Input
-            }], checkboxSelection: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], sortField: [{
-                type: Input
-            }], isAscending: [{
-                type: Input
-            }], dataKey: [{
-                type: Input
-            }], stateKey: [{
-                type: Input
-            }], isGrouped: [{
-                type: Input
-            }], customSort: [{
-                type: Input
-            }], isGroupedExpanded: [{
-                type: Input
-            }], showHeader: [{
-                type: Input
-            }], isMobileView: [{
-                type: Input
-            }], resizableColumns: [{
-                type: Input
-            }], isTextSearch: [{
-                type: Input
-            }], isSortIcon: [{
-                type: Input
-            }], columnResizeMode: [{
-                type: Input
-            }], activeChange: [{
-                type: Output
-            }], templates: [{
-                type: ContentChildren,
-                args: [InsparkTemplate]
-            }], selectionChange: [{
-                type: Output
-            }], addAction: [{
-                type: Output
-            }], treeAction: [{
-                type: Output
-            }], csvAction: [{
-                type: Output
-            }], saveAction: [{
-                type: Output
-            }], removeAction: [{
-                type: Output
-            }], unlinkAction: [{
-                type: Output
-            }], linkAction: [{
-                type: Output
-            }], groupEditAction: [{
-                type: Output
-            }], paramsEditAction: [{
-                type: Output
-            }], sortFunction: [{
-                type: Output
-            }], filterFunction: [{
-                type: Output
-            }], dt: [{
-                type: ViewChild,
-                args: ['dt', { static: false }]
-            }], selection: [{
-                type: Input
-            }] } });
-class TableComponentModule {
-}
-TableComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TableComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TableComponentModule, declarations: [TableComponent, TableColumnsMultiselectComponent, TableMenuOverlayComponent, TableClickOutsideDirective], imports: [CommonModule, TableModule, PipesModule, TranslateModule, FormsModule, DropdownModule, MultiSelectModule, NgbDropdownModule, CheckboxModule], exports: [TableComponent, TableColumnsMultiselectComponent] });
-TableComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponentModule, imports: [CommonModule, TableModule, PipesModule, TranslateModule, FormsModule, DropdownModule, MultiSelectModule, NgbDropdownModule, CheckboxModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, TableModule, PipesModule, TranslateModule, FormsModule, DropdownModule, MultiSelectModule, NgbDropdownModule, CheckboxModule],
-                    exports: [TableComponent, TableColumnsMultiselectComponent],
-                    declarations: [TableComponent, TableColumnsMultiselectComponent, TableMenuOverlayComponent, TableClickOutsideDirective]
-                }]
-        }] });
-
-class EmptyComponent {
-}
-EmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmptyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EmptyComponent, selector: "in-empty", ngImport: i0, template: "<div class=\"status-text\">\r\n  {{'no_records' | translate}}\r\n</div>\r\n", styles: [".status-text{font-size:16px;opacity:.8}\n"], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EmptyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-empty', template: "<div class=\"status-text\">\r\n  {{'no_records' | translate}}\r\n</div>\r\n", styles: [".status-text{font-size:16px;opacity:.8}\n"] }]
-        }] });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkStickyComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-InsparkStickyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InsparkStickyComponent, selector: "in-sticky", inputs: { top: "top", isInline: "isInline", isFloated: "isFloated", zIndex: "zIndex", class: "class" }, viewQueries: [{ propertyName: "stickyRef", first: true, predicate: ["sticky"], descendants: true }], ngImport: i0, template: "<div #sticky [ngClass]=\"{inline:isInline}\" [ngStyle]=\"{height: this.height?this.height+'px':'auto'}\"\r\n     class=\"sticky-container\">\r\n  <div [ngClass]=\"{sticky: isSticky, floated: isFloated && isSticky}\"\r\n       [ngStyle]=\"{zIndex:this.zIndex, top: (this.top) + 'px', left: this.left+ 'px', width: this.width?this.width+'px':'auto'}\">\r\n    <div [ngClass]=\"class + ' u-overflow-hidden'\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".sticky{position:fixed;display:inline-block}.floated{box-shadow:0 0 4px 2px #0000004d}.inline{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkStickyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-sticky', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #sticky [ngClass]=\"{inline:isInline}\" [ngStyle]=\"{height: this.height?this.height+'px':'auto'}\"\r\n     class=\"sticky-container\">\r\n  <div [ngClass]=\"{sticky: isSticky, floated: isFloated && isSticky}\"\r\n       [ngStyle]=\"{zIndex:this.zIndex, top: (this.top) + 'px', left: this.left+ 'px', width: this.width?this.width+'px':'auto'}\">\r\n    <div [ngClass]=\"class + ' u-overflow-hidden'\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".sticky{position:fixed;display:inline-block}.floated{box-shadow:0 0 4px 2px #0000004d}.inline{display:inline-block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { stickyRef: [{
-                type: ViewChild,
-                args: ['sticky', { static: false }]
-            }], top: [{
-                type: Input
-            }], isInline: [{
-                type: Input
-            }], isFloated: [{
-                type: Input
-            }], zIndex: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }] } });
-
-class InsparkHeaderComponent {
-    constructor() {
-        this.level = 1;
-        this.label = '';
-        this.isWrappable = false;
-        this.lineClamp = 4;
-    }
-    ngOnInit() {
-        this.level = Math.max(Math.min(this.level, 6), 1);
-    }
-}
-InsparkHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InsparkHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InsparkHeaderComponent, selector: "in-header", inputs: { level: "level", label: "label", isWrappable: "isWrappable", lineClamp: "lineClamp" }, ngImport: i0, template: "<div [ngClass]=\"{ h1: level === 1, h2: level === 2, h3: level === 3,\r\n      h4: level === 4, h5: level === 5, h6:level === 6,\r\n      'is-wrappable': isWrappable }\"\r\n     class=\"header u-margin-bottom-tiny u-margin-top-small line-clamp-{{lineClamp}}\">\r\n  <div *ngIf=\"level === 1\" [title]=\"label\" class=\"u-h1 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 2\" [title]=\"label\" class=\"u-h2 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 3\" [title]=\"label\" class=\"u-h3 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 4\" [title]=\"label\" class=\"u-h4 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 5\" [title]=\"label\" class=\"u-h5 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 6\" [title]=\"label\" class=\"u-h6 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div class=\"buttons\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", 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}.is-wrappable .header__wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal}.line-clamp-1 .header__wrapper{-webkit-line-clamp:1}.line-clamp-2 .header__wrapper{-webkit-line-clamp:2}.line-clamp-3 .header__wrapper{-webkit-line-clamp:3}.line-clamp-4 .header__wrapper{-webkit-line-clamp:4}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-header', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{ h1: level === 1, h2: level === 2, h3: level === 3,\r\n      h4: level === 4, h5: level === 5, h6:level === 6,\r\n      'is-wrappable': isWrappable }\"\r\n     class=\"header u-margin-bottom-tiny u-margin-top-small line-clamp-{{lineClamp}}\">\r\n  <div *ngIf=\"level === 1\" [title]=\"label\" class=\"u-h1 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 2\" [title]=\"label\" class=\"u-h2 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 3\" [title]=\"label\" class=\"u-h3 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 4\" [title]=\"label\" class=\"u-h4 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 5\" [title]=\"label\" class=\"u-h5 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div *ngIf=\"level === 6\" [title]=\"label\" class=\"u-h6 header__wrapper\">\r\n    {{label}}\r\n  </div>\r\n  <div class=\"buttons\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", 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}.is-wrappable .header__wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal}.line-clamp-1 .header__wrapper{-webkit-line-clamp:1}.line-clamp-2 .header__wrapper{-webkit-line-clamp:2}.line-clamp-3 .header__wrapper{-webkit-line-clamp:3}.line-clamp-4 .header__wrapper{-webkit-line-clamp:4}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { level: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], isWrappable: [{
-                type: Input
-            }], lineClamp: [{
-                type: Input
-            }] } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ToolbarComponent, selector: "in-toolbar", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"toolbar-wrapper\">\r\n  <in-sticky top=\"60\">\r\n\r\n    <div class=\"c-panel toolbar-container\">\r\n      <div class=\"c-toolbar\">\r\n        <div class=\"c-toolbar__side-left\">\r\n          <div class=\"c-toolbar__title\">{{title}}</div>\r\n        </div>\r\n        <div class=\"c-toolbar__side-center\">\r\n\r\n        </div>\r\n        <div class=\"c-toolbar__side-right\">\r\n          <ng-content></ng-content>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </in-sticky>\r\n</div>\r\n", styles: [".toolbar-wrapper{padding-bottom:4px}.toolbar-container{padding:8px;position:relative}:host{position:sticky;z-index:2}.c-toolbar{display:inline-flex;width:100%;flex-wrap:wrap}.c-toolbar__side-left{flex:100%;text-align:left}@media screen and (min-width: 1200px){.c-toolbar__side-left{flex:1}}.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;inset:40px 0 0;overflow:auto}.widget-block{position:absolute;inset: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 #0000001a;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}\n"], dependencies: [{ kind: "component", type: InsparkStickyComponent, selector: "in-sticky", inputs: ["top", "isInline", "isFloated", "zIndex", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToolbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, entryComponents: [], template: "<div class=\"toolbar-wrapper\">\r\n  <in-sticky top=\"60\">\r\n\r\n    <div class=\"c-panel toolbar-container\">\r\n      <div class=\"c-toolbar\">\r\n        <div class=\"c-toolbar__side-left\">\r\n          <div class=\"c-toolbar__title\">{{title}}</div>\r\n        </div>\r\n        <div class=\"c-toolbar__side-center\">\r\n\r\n        </div>\r\n        <div class=\"c-toolbar__side-right\">\r\n          <ng-content></ng-content>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </in-sticky>\r\n</div>\r\n", styles: [".toolbar-wrapper{padding-bottom:4px}.toolbar-container{padding:8px;position:relative}:host{position:sticky;z-index:2}.c-toolbar{display:inline-flex;width:100%;flex-wrap:wrap}.c-toolbar__side-left{flex:100%;text-align:left}@media screen and (min-width: 1200px){.c-toolbar__side-left{flex:1}}.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;inset:40px 0 0;overflow:auto}.widget-block{position:absolute;inset: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 #0000001a;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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }]; }, propDecorators: { title: [{
-                type: Input
-            }] } });
-
-class BreadcrumbComponent {
-    constructor() {
-    }
-    ngOnInit() {
-    }
-}
-BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BreadcrumbComponent, selector: "in-breadcrumb", inputs: { items: "items" }, ngImport: i0, template: "<div>\r\n  <ul class=\"c-crumb\">\r\n    <li class=\"c-crumb__item\">\r\n      <a [routerLink]=\"['/main/page/home']\" translate=\"\">{{'Home' | translate }}</a>\r\n    </li>\r\n    <li *ngFor=\"let item of items; last as isLast\" class=\"c-crumb__item\">\r\n      <a *ngIf=\"item.url && !isLast; else noUrl\" [routerLink]=\"item.url\" translate=\"\">{{item.label}}</a>\r\n      <ng-template #noUrl>\r\n        <span translate=\"\">{{item.label}}</span>\r\n      </ng-template>\r\n    </li>\r\n  </ul>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\r\n  <ul class=\"c-crumb\">\r\n    <li class=\"c-crumb__item\">\r\n      <a [routerLink]=\"['/main/page/home']\" translate=\"\">{{'Home' | translate }}</a>\r\n    </li>\r\n    <li *ngFor=\"let item of items; last as isLast\" class=\"c-crumb__item\">\r\n      <a *ngIf=\"item.url && !isLast; else noUrl\" [routerLink]=\"item.url\" translate=\"\">{{item.label}}</a>\r\n      <ng-template #noUrl>\r\n        <span translate=\"\">{{item.label}}</span>\r\n      </ng-template>\r\n    </li>\r\n  </ul>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
-                type: Input
-            }] } });
-
-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);
-        }
-    }
-}
-FileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FileComponent, selector: "in-file", inputs: { name: "name", label: "label", accept: "accept", required: "required", error: "error" }, outputs: { onChange: "onChange" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<span *ngIf=\"label\" class=\"c-label__content\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n    </span>\r\n<in-button (click)=\"onClickChoose()\" *ngIf=\"file\" [label]=\"file.name\"></in-button>\r\n<in-button (click)=\"onClear()\" *ngIf=\"file\" label=\"X\"></in-button>\r\n<in-button (click)=\"onClickChoose()\" *ngIf=\"!file\" [label]=\"'Select file' | translate\"></in-button>\r\n\r\n<div class=\"hide\"><input #fileInput (change)=\"onChangeFile($event)\" [accept]=\"accept\" type=\"file\"/></div>\r\n", styles: [".hide{display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-file', template: "<span *ngIf=\"label\" class=\"c-label__content\">\r\n        {{label}}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n<span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\r\n    </span>\r\n<in-button (click)=\"onClickChoose()\" *ngIf=\"file\" [label]=\"file.name\"></in-button>\r\n<in-button (click)=\"onClear()\" *ngIf=\"file\" label=\"X\"></in-button>\r\n<in-button (click)=\"onClickChoose()\" *ngIf=\"!file\" [label]=\"'Select file' | translate\"></in-button>\r\n\r\n<div class=\"hide\"><input #fileInput (change)=\"onChangeFile($event)\" [accept]=\"accept\" type=\"file\"/></div>\r\n", styles: [".hide{display:none}\n"] }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], accept: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], onChange: [{
-                type: Output
-            }], el: [{
-                type: ViewChild,
-                args: ['fileInput', { static: false }]
-            }] } });
-
-class SelectButtonComponent {
-    constructor(cdRef) {
-        this.cdRef = cdRef;
-        this.name = '';
-        this.testId = '';
-        this.label = '';
-        this.icon = '';
-        this.error = '';
-        this.iconPos = 'left';
-        this.options = [];
-        this.disabled = false;
-        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.value = null;
-        this.propagateChange = () => { };
-        this.propagateTouched = () => { };
-    }
-    ngOnInit() { }
-    ngOnChanges(changes) {
-        // применяем initial только когда он реально поменялся
-        if (changes['initial'] && this.initial) {
-            this.selected = [...this.initial];
-            this.value = this.multiple ? [...this.initial] : this.initial[0] ?? null;
-            this.cdRef.detectChanges();
-        }
-        // если меняется список опций, надо попытаться восстановить выделение
-        if (changes['options'] && this.options && this.options.length > 0) {
-            this.syncSelectedWithOptions();
-        }
-    }
-    clickButton(option) {
-        if (option.readonly || this.disabled) {
-            return;
-        }
-        this.click.emit(option);
-        if (this.multiple) {
-            if (this.selected.includes(option.value)) {
-                // убираем
-                this.selected = this.selected.filter(v => v !== option.value);
-            }
-            else {
-                // добавляем
-                this.selected = [...this.selected, option.value];
-            }
-            this.value = [...this.selected];
-        }
-        else {
-            this.selected = [option.value];
-            this.value = option.value;
-        }
-        this.cdRef.detectChanges();
-        this.onChange();
-    }
-    // ControlValueAccessor: model -> view
-    writeValue(value) {
-        this.value = value;
-        if (value === null || value === undefined) {
-            this.selected = [];
-        }
-        else if (Array.isArray(value)) {
-            // multiple
-            this.selected = [...value];
-        }
-        else {
-            // single
-            this.selected = [value];
-        }
-        // когда значение пришло извне, надо убедиться что такие опции есть
-        this.syncSelectedWithOptions();
-        this.cdRef.detectChanges();
-    }
-    // ControlValueAccessor
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    // ControlValueAccessor
-    registerOnTouched(fn) {
-        this.propagateTouched = fn;
-    }
-    // ControlValueAccessor: disabled
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this.cdRef.detectChanges();
-    }
-    // пробросить наружу
-    onChange() {
-        this.propagateChange(this.value);
-        this.change.emit(this.value);
-    }
-    onBlur() {
-        this.propagateTouched();
-        this.blur.emit();
-    }
-    onFocus() {
-        this.focus.emit();
-    }
-    // синхронизируем текущее выбранное со свежими options
-    syncSelectedWithOptions() {
-        if (!this.options || this.options.length === 0) {
-            return;
-        }
-        if (this.multiple) {
-            // оставляем только те выбранные, которые реально есть в новых options
-            const optionValues = this.options.map(o => o.value);
-            this.selected = this.selected.filter(v => optionValues.includes(v));
-            this.value = [...this.selected];
-        }
-        else {
-            if (this.selected.length > 0) {
-                const current = this.selected[0];
-                const found = this.options.find(o => o.value === current);
-                if (!found) {
-                    // выбранного больше нет в списке
-                    this.selected = [];
-                    this.value = null;
-                }
-                else {
-                    this.selected = [found.value];
-                    this.value = found.value;
-                }
-            }
-        }
-    }
-    // для *ngFor trackBy
-    trackByValue(index, item) {
-        return item.value;
-    }
-}
-SelectButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SelectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectButtonComponent, selector: "in-select-button", inputs: { name: "name", testId: "testId", label: "label", icon: "icon", error: "error", iconPos: "iconPos", options: "options", disabled: "disabled", required: "required", multiple: "multiple", initial: "initial" }, outputs: { focus: "focus", blur: "blur", click: "click", change: "change" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SelectButtonComponent),
-            multi: true,
-        },
-    ], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"label\" class=\"c-label__content\">\r\n  {{ label }}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{ error }}</span>\r\n</span>\r\n\r\n<div class=\"container\">\r\n  <!-- \u0444\u0438\u043A\u0442\u0438\u0432\u043D\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430 \u0435\u0441\u043B\u0438 \u043D\u0443\u0436\u043D\u0430 \u0440\u0430\u0437\u043C\u0435\u0442\u043A\u0430 -->\r\n  <in-button class=\"button-none\"></in-button>\r\n\r\n  <in-button\r\n    *ngFor=\"let option of options; trackBy: trackByValue\"\r\n    (click)=\"clickButton(option)\"\r\n    [color]=\"selected.includes(option.value) ? 'primary' : 'normal'\"\r\n    [icon]=\"option.icon\"\r\n    [label]=\"option.label | translate\"\r\n    [testId]=\"'filter-buttons-' + option.value\"\r\n    [title]=\"option.title ? (option.title | translate) : ''\"\r\n    [name]=\"option.label\"\r\n    [disabled]=\"option.readonly || disabled\"\r\n  >\r\n  </in-button>\r\n</div>\r\n", styles: [".container{white-space:nowrap}in-button ::ng-deep button{outline:none}in-button:first-child ::ng-deep button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button:not(:first-child):not(:last-child) ::ng-deep button{border-radius:0;border-right:1px solid #000}in-button:last-child ::ng-deep button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none{display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-select-button', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SelectButtonComponent),
-                            multi: true,
-                        },
-                    ], template: "<span *ngIf=\"label\" class=\"c-label__content\">\r\n  {{ label }}\r\n  <span *ngIf=\"required\" class=\"c-label__req\">*</span>\r\n  <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{ error }}</span>\r\n</span>\r\n\r\n<div class=\"container\">\r\n  <!-- \u0444\u0438\u043A\u0442\u0438\u0432\u043D\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430 \u0435\u0441\u043B\u0438 \u043D\u0443\u0436\u043D\u0430 \u0440\u0430\u0437\u043C\u0435\u0442\u043A\u0430 -->\r\n  <in-button class=\"button-none\"></in-button>\r\n\r\n  <in-button\r\n    *ngFor=\"let option of options; trackBy: trackByValue\"\r\n    (click)=\"clickButton(option)\"\r\n    [color]=\"selected.includes(option.value) ? 'primary' : 'normal'\"\r\n    [icon]=\"option.icon\"\r\n    [label]=\"option.label | translate\"\r\n    [testId]=\"'filter-buttons-' + option.value\"\r\n    [title]=\"option.title ? (option.title | translate) : ''\"\r\n    [name]=\"option.label\"\r\n    [disabled]=\"option.readonly || disabled\"\r\n  >\r\n  </in-button>\r\n</div>\r\n", styles: [".container{white-space:nowrap}in-button ::ng-deep button{outline:none}in-button:first-child ::ng-deep button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button:not(:first-child):not(:last-child) ::ng-deep button{border-radius:0;border-right:1px solid #000}in-button:last-child ::ng-deep button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], iconPos: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], initial: [{
-                type: Input
-            }], focus: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], click: [{
-                type: Output
-            }], change: [{
-                type: Output
-            }] } });
-
-class StatusCircleComponent {
-    constructor() {
-        this.label = '';
-        this.title = '';
-        this.icon = '';
-        this.inIcon = '';
-        this.showLabel = true;
-        this.mode = 'success';
-        this.size = 'normal';
-        this.content = '';
-    }
-}
-StatusCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StatusCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: StatusCircleComponent, selector: "in-status-circle", inputs: { label: "label", title: "title", icon: "icon", inIcon: "inIcon", showLabel: "showLabel", mode: "mode", size: "size", content: "content" }, ngImport: i0, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\r\n     class=\"circle-container {{size}}\"\r\n     title=\"{{title ? title : label}}\">\r\n    <span class=\"circle {{mode}}\">\r\n      <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\r\n      <i *ngIf=\"inIcon\" [ngClass]=\"inIcon\" class=\"in\"></i>\r\n      <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\r\n    </span>\r\n  <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\r\n</div>\r\n", 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-grid;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)}.maintenance{background:var(--colorMaintenance)}.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}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-status-circle', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\r\n     class=\"circle-container {{size}}\"\r\n     title=\"{{title ? title : label}}\">\r\n    <span class=\"circle {{mode}}\">\r\n      <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\r\n      <i *ngIf=\"inIcon\" [ngClass]=\"inIcon\" class=\"in\"></i>\r\n      <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\r\n    </span>\r\n  <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\r\n</div>\r\n", 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-grid;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)}.maintenance{background:var(--colorMaintenance)}.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}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], inIcon: [{
-                type: Input
-            }], showLabel: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], content: [{
-                type: Input
-            }] } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitcherComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-SwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SwitcherComponent, selector: "in-switcher", inputs: { name: "name", label: "label", error: "error", iconOff: "iconOff", iconOn: "iconOn", labelOff: "labelOff", labelOn: "labelOn", faIconOn: "faIconOn", faIconOff: "faIconOff", id: "id", disabled: "disabled", waiting: "waiting" }, outputs: { change: "change" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => SwitcherComponent),
-            multi: true,
-        }
-    ], usesOnChanges: true, ngImport: i0, template: "<label class=\"c-checkbox c-checkbox_switch container\">\r\n  <span *ngIf=\"label\" class=\"label\">{{label}}</span>\r\n  <span  class=\"switcher-container\">\r\n        <span class=\"c-checkbox__label u-vertical-align-middle u-text_center\">\r\n            <span *ngIf=\"!iconOff\">{{labelOff | translate}}</span>\r\n            <span *ngIf=\"faIconOff\"><i class=\"fa\" [ngClass]=\"faIconOff\"></i></span>\r\n            <in-svg *ngIf=\"iconOff\" [src]=\"iconOff\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\r\n        </span>\r\n        <input  *ngIf=\"!waiting\" (change)=\"onChange($event)\"\r\n               [(ngModel)]=\"value\"\r\n               [checked]=\"value\" [disabled]=\"disabled\"\r\n               class=\"c-checkbox__input\"\r\n               name=\"element_name\"\r\n               type=\"checkbox\"/>\r\n        <i  *ngIf=\"!waiting\" class=\"c-checkbox__icon u-margin-left-tiny u-vertical-align-baseline\"></i>\r\n        <span *ngIf=\"waiting\" style = \"display: inline-block; width:50px; text-align: center\"><i class=\"in in-spinner fa-spin \"></i></span>\r\n        <span  class=\"c-spinner c-checkbox__label u-vertical-align-middle u-text_center\">\r\n            <span *ngIf=\"!iconOn\">{{labelOn | translate}}</span>\r\n            <span *ngIf=\"faIconOn\"><i class=\"fa\" [ngClass]=\"faIconOn\"></i></span>\r\n            <in-svg *ngIf=\"iconOn\" [src]=\"iconOn\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\r\n        </span>\r\n    </span>\r\n</label>\r\n", 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}\n"], dependencies: [{ kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitcherComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-switcher', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => SwitcherComponent),
-                            multi: true,
-                        }
-                    ], template: "<label class=\"c-checkbox c-checkbox_switch container\">\r\n  <span *ngIf=\"label\" class=\"label\">{{label}}</span>\r\n  <span  class=\"switcher-container\">\r\n        <span class=\"c-checkbox__label u-vertical-align-middle u-text_center\">\r\n            <span *ngIf=\"!iconOff\">{{labelOff | translate}}</span>\r\n            <span *ngIf=\"faIconOff\"><i class=\"fa\" [ngClass]=\"faIconOff\"></i></span>\r\n            <in-svg *ngIf=\"iconOff\" [src]=\"iconOff\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\r\n        </span>\r\n        <input  *ngIf=\"!waiting\" (change)=\"onChange($event)\"\r\n               [(ngModel)]=\"value\"\r\n               [checked]=\"value\" [disabled]=\"disabled\"\r\n               class=\"c-checkbox__input\"\r\n               name=\"element_name\"\r\n               type=\"checkbox\"/>\r\n        <i  *ngIf=\"!waiting\" class=\"c-checkbox__icon u-margin-left-tiny u-vertical-align-baseline\"></i>\r\n        <span *ngIf=\"waiting\" style = \"display: inline-block; width:50px; text-align: center\"><i class=\"in in-spinner fa-spin \"></i></span>\r\n        <span  class=\"c-spinner c-checkbox__label u-vertical-align-middle u-text_center\">\r\n            <span *ngIf=\"!iconOn\">{{labelOn | translate}}</span>\r\n            <span *ngIf=\"faIconOn\"><i class=\"fa\" [ngClass]=\"faIconOn\"></i></span>\r\n            <in-svg *ngIf=\"iconOn\" [src]=\"iconOn\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\r\n        </span>\r\n    </span>\r\n</label>\r\n", 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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$3.Router }]; }, propDecorators: { name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], iconOff: [{
-                type: Input
-            }], iconOn: [{
-                type: Input
-            }], labelOff: [{
-                type: Input
-            }], labelOn: [{
-                type: Input
-            }], faIconOn: [{
-                type: Input
-            }], faIconOff: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], waiting: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
-
-class InlineMessageComponent {
-    constructor() {
-        this.message = '';
-        this.align = 'center';
-    }
-}
-InlineMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InlineMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InlineMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InlineMessageComponent, selector: "in-inline-message", inputs: { message: "message", align: "align" }, ngImport: i0, template: "<div [ngClass]=\"align\" class=\"message\">\r\n  {{message}}\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".message{padding:12px 0;text-align:center;color:#aaa}.message.left{text-align:left}.message.right{text-align:right}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InlineMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-inline-message', template: "<div [ngClass]=\"align\" class=\"message\">\r\n  {{message}}\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".message{padding:12px 0;text-align:center;color:#aaa}.message.left{text-align:left}.message.right{text-align:right}\n"] }]
-        }], propDecorators: { message: [{
-                type: Input
-            }], align: [{
-                type: Input
-            }] } });
-
-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('in-') === -1 && 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);
-        }
-    }
-}
-LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LinkComponent, selector: "in-link", inputs: { color: "color", name: "name", testId: "testId", label: "label", icon: "icon", className: "className", svg: "svg", link: "link", linkType: "linkType", linkTarget: "linkTarget", pressed: "pressed", disabled: "disabled", iconPos: "iconPos", menuItems: "menuItems" }, outputs: { focus: "focus", blur: "blur", click: "click" }, viewQueries: [{ propertyName: "_menu", first: true, predicate: Menu, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<a (blur)=\"blur.emit($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link &&_linkType ==='external'\"\r\n   [class]=\"className\"\r\n   [href]=\"link\"\r\n   [ngClass]=\"{'p-link p-state-default p-corner-all p-link-transparency':true,\r\n                        'p-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-link-text-only': (!(icon || svg) && label),\r\n                        'p-link-text-empty': (!(icon || svg) && !label),\r\n                        'p-link-svg': svg,\r\n                        'p-link-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-link-primary': color === 'primary',\r\n                        'p-link-secondary': color === 'secondary',\r\n                        'p-link-danger': color === 'danger'}\"\r\n   [style]=\"style\" [target]=\"_target\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link && _linkType ==='internal'\"\r\n   [class]=\"className\"\r\n   [ngClass]=\"{'p-link p-state-default p-corner-all p-link-transparency':true,\r\n                        'p-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-link-text-only': (!(icon || svg) && label),\r\n                        'p-link-text-empty': (!(icon || svg) && !label),\r\n                        'p-link-svg': svg,\r\n                        'p-link-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-link-primary': color === 'primary',\r\n                        'p-link-secondary': color === 'secondary',\r\n                        'p-link-danger': color === 'danger'}\"\r\n   [routerLink]=\"link\"\r\n   [style]=\"style\" [target]=\"_target\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span (blur)=\"blur.emit($event)\"\r\n      (click)=\"_onClick($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      *ngIf=\"!link\"\r\n      [class]=\"className\"\r\n      [ngClass]=\"{'p-link p-state-default p-corner-all p-link-transparency':true,\r\n                        'p-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-link-text-only': (!(icon || svg) && label),\r\n                        'p-link-text-empty': (!(icon || svg) && !label),\r\n                        'p-link-svg': svg,\r\n                        'p-link-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-link-primary': color === 'primary',\r\n                        'p-link-secondary': color === 'secondary',\r\n                        'p-link-danger': color === 'danger'}\" [style]=\"style\">\r\n    <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</span>\r\n<p-menu *ngIf=\"menuItems.length\" [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" styleClass=\"button-menu\"></p-menu>\r\n\r\n<ng-template #content>\r\n    <span *ngIf=\"!isMaterialIcon && icon\" [class]=\"icon\"\r\n          [ngClass]=\"{'p-clickable': true,\r\n                        'p-link-icon-left': (iconPos === 'left'),\r\n                        'p-link-icon-right': (iconPos === 'right')}\"></span>\r\n  <span *ngIf=\"isMaterialIcon && icon\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-link-icon-left': (iconPos === 'left'),\r\n                        'p-link-icon-right': (iconPos === 'right')}\"\r\n  ><i class=\"material-icons\">{{icon}}</i></span>\r\n  <span *ngIf=\"svg\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-link-icon-left': (iconPos === 'left'),\r\n                        'p-link-icon-right': (iconPos === 'right')}\">\r\n        <in-svg [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n    </span>\r\n  <span class=\"p-link-text p-clickable\">{{label}}</span>\r\n\r\n</ng-template>\r\n", styles: [".p-link{text-decoration:none;color:var(--colorLink);cursor:pointer}.p-link.p-link-secondary{color:var(--colorTextSecondary)}.p-link:hover{color:var(--colorLink)}.p-link:hover .p-link-text{text-decoration:underline;color:var(--colorLink)}button{outline:none}.p-link-icon-only .p-link-icon-left{margin-top:-9px}.p-link-text{vertical-align:middle}.p-link{margin-right:0;display:inline-flex;align-items:center;justify-content:center}.p-link-text-icon-left .p-link-text{padding-left:.6em}.p-link-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-link-icon-only .svg{display:inline-block;line-height:0}.p-link-transparency{background:none}.p-link.p-link-svg .p-clickable{height:20px}.p-link.p-link-svg .p-link-icon-left{left:6px;margin-top:-2px}.p-link.p-link-svg.p-link-icon-only .p-link-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-link-material .material-icons{font-size:16px}:host .p-menu .p-menuitem-link{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$4.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i1$3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-link', template: "<a (blur)=\"blur.emit($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link &&_linkType ==='external'\"\r\n   [class]=\"className\"\r\n   [href]=\"link\"\r\n   [ngClass]=\"{'p-link p-state-default p-corner-all p-link-transparency':true,\r\n                        'p-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-link-text-only': (!(icon || svg) && label),\r\n                        'p-link-text-empty': (!(icon || svg) && !label),\r\n                        'p-link-svg': svg,\r\n                        'p-link-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-link-primary': color === 'primary',\r\n                        'p-link-secondary': color === 'secondary',\r\n                        'p-link-danger': color === 'danger'}\"\r\n   [style]=\"style\" [target]=\"_target\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<a (blur)=\"blur.emit($event)\"\r\n   (focus)=\"focus.emit($event)\"\r\n   *ngIf=\"link && _linkType ==='internal'\"\r\n   [class]=\"className\"\r\n   [ngClass]=\"{'p-link p-state-default p-corner-all p-link-transparency':true,\r\n                        'p-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-link-text-only': (!(icon || svg) && label),\r\n                        'p-link-text-empty': (!(icon || svg) && !label),\r\n                        'p-link-svg': svg,\r\n                        'p-link-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-link-primary': color === 'primary',\r\n                        'p-link-secondary': color === 'secondary',\r\n                        'p-link-danger': color === 'danger'}\"\r\n   [routerLink]=\"link\"\r\n   [style]=\"style\" [target]=\"_target\">\r\n  <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</a>\r\n<span (blur)=\"blur.emit($event)\"\r\n      (click)=\"_onClick($event)\"\r\n      (focus)=\"focus.emit($event)\"\r\n      *ngIf=\"!link\"\r\n      [class]=\"className\"\r\n      [ngClass]=\"{'p-link p-state-default p-corner-all p-link-transparency':true,\r\n                        'p-link-text-icon-left': ((icon || svg) && label && iconPos === 'left'),\r\n                        'p-link-text-icon-right': ((icon || svg) && label && iconPos === 'right'),\r\n                        'p-link-text-only': (!(icon || svg) && label),\r\n                        'p-link-text-empty': (!(icon || svg) && !label),\r\n                        'p-link-svg': svg,\r\n                        'p-link-material': isMaterialIcon,\r\n                        'p-state-disabled': disabled,\r\n                        'p-link-primary': color === 'primary',\r\n                        'p-link-secondary': color === 'secondary',\r\n                        'p-link-danger': color === 'danger'}\" [style]=\"style\">\r\n    <ng-container *ngTemplateOutlet=\"content;\"></ng-container>\r\n</span>\r\n<p-menu *ngIf=\"menuItems.length\" [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" styleClass=\"button-menu\"></p-menu>\r\n\r\n<ng-template #content>\r\n    <span *ngIf=\"!isMaterialIcon && icon\" [class]=\"icon\"\r\n          [ngClass]=\"{'p-clickable': true,\r\n                        'p-link-icon-left': (iconPos === 'left'),\r\n                        'p-link-icon-right': (iconPos === 'right')}\"></span>\r\n  <span *ngIf=\"isMaterialIcon && icon\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-link-icon-left': (iconPos === 'left'),\r\n                        'p-link-icon-right': (iconPos === 'right')}\"\r\n  ><i class=\"material-icons\">{{icon}}</i></span>\r\n  <span *ngIf=\"svg\" [ngClass]=\"{'p-clickable': true,\r\n                        'p-link-icon-left': (iconPos === 'left'),\r\n                        'p-link-icon-right': (iconPos === 'right')}\">\r\n        <in-svg [src]=\"svg\" height=\"20px\" width=\"20px\"></in-svg>\r\n    </span>\r\n  <span class=\"p-link-text p-clickable\">{{label}}</span>\r\n\r\n</ng-template>\r\n", styles: [".p-link{text-decoration:none;color:var(--colorLink);cursor:pointer}.p-link.p-link-secondary{color:var(--colorTextSecondary)}.p-link:hover{color:var(--colorLink)}.p-link:hover .p-link-text{text-decoration:underline;color:var(--colorLink)}button{outline:none}.p-link-icon-only .p-link-icon-left{margin-top:-9px}.p-link-text{vertical-align:middle}.p-link{margin-right:0;display:inline-flex;align-items:center;justify-content:center}.p-link-text-icon-left .p-link-text{padding-left:.6em}.p-link-icon-only{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.p-link-icon-only .svg{display:inline-block;line-height:0}.p-link-transparency{background:none}.p-link.p-link-svg .p-clickable{height:20px}.p-link.p-link-svg .p-link-icon-left{left:6px;margin-top:-2px}.p-link.p-link-svg.p-link-icon-only .p-link-icon-left{left:50%;width:auto;transform:translate(-50%,-50%);margin-left:0;margin-top:0}.p-link-material .material-icons{font-size:16px}:host .p-menu .p-menuitem-link{font-size:16px}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], className: [{
-                type: Input
-            }], svg: [{
-                type: Input
-            }], link: [{
-                type: Input
-            }], linkType: [{
-                type: Input
-            }], linkTarget: [{
-                type: Input
-            }], pressed: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], iconPos: [{
-                type: Input
-            }], menuItems: [{
-                type: Input
-            }], _menu: [{
-                type: ViewChild,
-                args: [Menu, { static: false }]
-            }], focus: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], click: [{
-                type: Output
-            }] } });
-
-class TooltipComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TooltipComponent, selector: "in-tooltip", ngImport: i0, template: "<div class=\"c-tooltip c-tooltip_left\">\r\n  <ng-content></ng-content>\r\n  <div class=\"c-tooltip__content\" style=\"width: 12em;\" >\r\n    <ng-content select=\"tooltip_content\"></ng-content>\r\n  </div>\r\n</div>\r\n\r\n", 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{inset:50% 100% auto auto;margin-right:12px;border-top-right-radius:0}.c-tooltip_left>.c-tooltip__content:before{border-top-color:var(--colorBgLevel2, #282A31);border-left-color:var(--colorBgLevel2, #282A31)}.c-tooltip__content{position:absolute;width:auto;margin:0 0 12px;padding:9px 12px;font-size:13px;font-weight:400;letter-spacing:normal;border-radius:3px;line-height:1.64286;visibility:hidden;opacity:0;transition:opacity .3s linear;z-index:1070;background:var(--colorBgLevel2, #282A31);color:var(--ids-theme-text-color, #fff);white-space:normal;text-transform:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c-tooltip c-tooltip_left\">\r\n  <ng-content></ng-content>\r\n  <div class=\"c-tooltip__content\" style=\"width: 12em;\" >\r\n    <ng-content select=\"tooltip_content\"></ng-content>\r\n  </div>\r\n</div>\r\n\r\n", 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{inset:50% 100% auto auto;margin-right:12px;border-top-right-radius:0}.c-tooltip_left>.c-tooltip__content:before{border-top-color:var(--colorBgLevel2, #282A31);border-left-color:var(--colorBgLevel2, #282A31)}.c-tooltip__content{position:absolute;width:auto;margin:0 0 12px;padding:9px 12px;font-size:13px;font-weight:400;letter-spacing:normal;border-radius:3px;line-height:1.64286;visibility:hidden;opacity:0;transition:opacity .3s linear;z-index:1070;background:var(--colorBgLevel2, #282A31);color:var(--ids-theme-text-color, #fff);white-space:normal;text-transform:none}\n"] }]
-        }], ctorParameters: function () { return []; } });
-
-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);
-                }
-            }
-        }
-    }
-}
-TreeTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TreeTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TreeTableComponent, selector: "in-tree-table", inputs: { columns: "columns", values: "values", scrollHeight: "scrollHeight", scrollable: "scrollable", selectionMode: "selectionMode", label: "label", error: "error", class: "class", required: "required", style: "style", toolbar: "toolbar", checkboxSelection: "checkboxSelection", active: "active", sortField: "sortField", isAscending: "isAscending", dataKey: "dataKey", selection: "selection" }, outputs: { activeChange: "activeChange", selectionChange: "selectionChange", addAction: "addAction", csvAction: "csvAction", saveAction: "saveAction", collapseAction: "collapseAction", removeAction: "removeAction", unlinkAction: "unlinkAction", groupEditAction: "groupEditAction", groupAddAction: "groupAddAction" }, queries: [{ propertyName: "templates", predicate: InsparkTemplate }], ngImport: i0, template: "<p-treeTable #dt\r\n             [(selection)]=\"selectionValue\"\r\n             [class]=\"class\"\r\n             [columns]=\"visibleColumns()\"\r\n             [resizableColumns]=\"true\"\r\n             [scrollHeight]=\"scrollHeight\"\r\n             [scrollable]=\"scrollable\"\r\n             [selectionMode]=\"selectionMode\"\r\n             [sortField]=\"sortField || 'id'\"\r\n             [sortOrder]=\"isAscending ? 1 : -1\"\r\n             [style]=\"style\"\r\n             [value]=\"values\"\r\n             columnResizeMode=\"expand\"\r\n>\r\n  <ng-template let-columns pTemplate=\"colgroup\">\r\n    <colgroup>\r\n      <col *ngIf=\"checkboxSelection\" style=\"width:44px;\">\r\n      <col *ngFor=\"let col of visibleColumns()\" [style.width]=\"col.width ? col.width : '10px'\">\r\n    </colgroup>\r\n  </ng-template>\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <tr>\r\n      <th *ngIf=\"checkboxSelection\">\r\n        <p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n      </th>\r\n      <th *ngFor=\"let col of columns; let i = index\" [ttSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n          ttResizableColumn>\r\n        <div class=\"p-treetable-thead-title\" title=\"{{col.label | translate}}\">\r\n          {{col.label | translate}}\r\n        </div>\r\n        <p-treeTableSortIcon [field]=\"col.field\" class=\"p-sortable-column-buttons\"></p-treeTableSortIcon>\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns=\"columns\" let-rowData=\"rowData\" let-rowNode pTemplate=\"body\">\r\n    <tr [ngClass]=\"{row_active: isRowActive(rowData)}\" [ttSelectableRow]=\"rowNode\" class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\">\r\n        <p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\" *ngFor=\"let col of columns; let i = index\"\r\n          class=\"_u-overflow-visible\">\r\n        <div class=\"\" style=\"display: flex; flex-wrap: nowrap;\">\r\n          <ng-template [ngIf]=\"i == 0\">\r\n            <p-treeTableToggler  [rowNode]=\"rowNode\" style=\"align-self: center;\"></p-treeTableToggler>\r\n          </ng-template>\r\n          <div [ngClass]=\"{ 'p-treetable-tbody-content_has-toggler ': i == 0 }\"\r\n               class=\"p-treetable-tbody-content cell-content_hover\"\r\n               style=\"flex-grow: 1;\"\r\n               title=\"{{rowData | propertyValue: col.field}}\">\r\n            <ng-container *ngIf=\"!valueTemplate\">\r\n              <i *ngIf=\"rowData.icon && i == 0\" [ngClass]=\"rowData.icon\" class=\"u-margin-right-tiny\"></i>\r\n              {{rowData | propertyValue: col.field}}\r\n            </ng-container>\r\n\r\n            <ng-container\r\n              *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"columns\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" [title]=\"toolbar.add.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C'\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"groupAddAction.emit($event)\" *ngIf=\"toolbar.groupAdd\" [disabled]=\"toolbar.groupAdd.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-folder-closed\" [title]=\"toolbar.groupAdd.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443'\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" [title]=\"toolbar.remove?.title || '\u0423\u0434\u0430\u043B\u0438\u0442\u044C'\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n<!--          Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV\"></i>\r\n        </button>\r\n        <button  *ngIf=\"toolbar.collapse\"\r\n                 class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                 (click)=\"collapse($event, dt)\"\r\n                 title=\"{{(isCollapse ? 'Expand all' : 'Collapse all') | translate}}\">\r\n          <svg *ngIf=\"isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n          <svg *ngIf=\"!isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path fill-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" clip-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-treeTable>\r\n", styles: ["@charset \"UTF-8\";.p-sortable-column{cursor:pointer;position:relative}.p-sortable-column-buttons{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons>a{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible{overflow:visible!important}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--colorIcon)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$5.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "virtualRowHeight", "value", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$5.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i2$5.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i2$5.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i2$5.TTResizableColumn, selector: "[ttResizableColumn]", inputs: ["ttResizableColumnDisabled"] }, { kind: "directive", type: i2$5.TTSelectableRow, selector: "[ttSelectableRow]", inputs: ["ttSelectableRow", "ttSelectableRowDisabled"] }, { kind: "component", type: i2$5.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i2$5.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: TableColumnsMultiselectComponent, selector: "in-table-columns-multiselect", inputs: ["columns", "disableActiveCheckboxes"], outputs: ["columnsChange"] }, { kind: "pipe", type: PropertyValuePipe, name: "propertyValue" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeTableComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-tree-table', entryComponents: [], template: "<p-treeTable #dt\r\n             [(selection)]=\"selectionValue\"\r\n             [class]=\"class\"\r\n             [columns]=\"visibleColumns()\"\r\n             [resizableColumns]=\"true\"\r\n             [scrollHeight]=\"scrollHeight\"\r\n             [scrollable]=\"scrollable\"\r\n             [selectionMode]=\"selectionMode\"\r\n             [sortField]=\"sortField || 'id'\"\r\n             [sortOrder]=\"isAscending ? 1 : -1\"\r\n             [style]=\"style\"\r\n             [value]=\"values\"\r\n             columnResizeMode=\"expand\"\r\n>\r\n  <ng-template let-columns pTemplate=\"colgroup\">\r\n    <colgroup>\r\n      <col *ngIf=\"checkboxSelection\" style=\"width:44px;\">\r\n      <col *ngFor=\"let col of visibleColumns()\" [style.width]=\"col.width ? col.width : '10px'\">\r\n    </colgroup>\r\n  </ng-template>\r\n  <ng-template let-columns pTemplate=\"header\">\r\n    <tr>\r\n      <th *ngIf=\"checkboxSelection\">\r\n        <p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n      </th>\r\n      <th *ngFor=\"let col of columns; let i = index\" [ttSortableColumn]=\"col.field\" class=\"u-position-relative\"\r\n          ttResizableColumn>\r\n        <div class=\"p-treetable-thead-title\" title=\"{{col.label | translate}}\">\r\n          {{col.label | translate}}\r\n        </div>\r\n        <p-treeTableSortIcon [field]=\"col.field\" class=\"p-sortable-column-buttons\"></p-treeTableSortIcon>\r\n      </th>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template let-columns=\"columns\" let-rowData=\"rowData\" let-rowNode pTemplate=\"body\">\r\n    <tr [ngClass]=\"{row_active: isRowActive(rowData)}\" [ttSelectableRow]=\"rowNode\" class=\"row\">\r\n      <td *ngIf=\"checkboxSelection\">\r\n        <p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n      </td>\r\n      <td (click)=\"activeChange.emit(rowData)\" *ngFor=\"let col of columns; let i = index\"\r\n          class=\"_u-overflow-visible\">\r\n        <div class=\"\" style=\"display: flex; flex-wrap: nowrap;\">\r\n          <ng-template [ngIf]=\"i == 0\">\r\n            <p-treeTableToggler  [rowNode]=\"rowNode\" style=\"align-self: center;\"></p-treeTableToggler>\r\n          </ng-template>\r\n          <div [ngClass]=\"{ 'p-treetable-tbody-content_has-toggler ': i == 0 }\"\r\n               class=\"p-treetable-tbody-content cell-content_hover\"\r\n               style=\"flex-grow: 1;\"\r\n               title=\"{{rowData | propertyValue: col.field}}\">\r\n            <ng-container *ngIf=\"!valueTemplate\">\r\n              <i *ngIf=\"rowData.icon && i == 0\" [ngClass]=\"rowData.icon\" class=\"u-margin-right-tiny\"></i>\r\n              {{rowData | propertyValue: col.field}}\r\n            </ng-container>\r\n\r\n            <ng-container\r\n              *ngTemplateOutlet=\"valueTemplate; context: {$implicit: { data: rowData, col: col}}\"></ng-container>\r\n          </div>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template *ngIf=\"toolbar\" pTemplate=\"caption\">\r\n\r\n    <div class=\"o-grid o-grid_no-gutter\">\r\n      <div class=\"c-tree-table__toolbar-content u-display-inline-flex\">\r\n        <div class=\"c-form c-form_inline u-display-inline-block\">\r\n          <form class=\"c-label\">\r\n            <div class=\"input-wrapper u-margin-right-tiny\">\r\n              <input #searchTextInput\r\n                     (input)=\"dt.filterGlobal($event.target.value, 'contains')\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     [ngModelOptions]=\"{standalone: true}\"\r\n                     autofocus=\"\"\r\n                     class=\"search-box c-input c-input_small ng-pristine ng-valid ng-scope ng-empty ng-touched\"\r\n                     pInputText\r\n                     placeholder=\"{{('SHARED.SEARCH' | translate) + ':'}}\"\r\n                     required\r\n                     style=\"padding-right: 28px\"\r\n                     tabindex=\"1\"\r\n                     type=\"search\"\r\n              >\r\n              <button (click)=\"dt.filterGlobal($event.target.value, 'contains')\" class=\"button-reset\" type=\"reset\"\r\n                      [attr.title]=\"'Reset' | translate\">\r\n                <i class=\"in in-close\"></i>\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n        <div class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <in-table-columns-multiselect (columnsChange)=\"columnsChange($event)\"\r\n                                        [columns]=\"columns\"></in-table-columns-multiselect>\r\n        </div>\r\n\r\n        <button (click)=\"addAction.emit($event)\" *ngIf=\"toolbar.add\" [disabled]=\"toolbar.add.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-plus\" [title]=\"toolbar.add.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C'\"></i>\r\n        </button>\r\n\r\n        <button (click)=\"groupAddAction.emit($event)\" *ngIf=\"toolbar.groupAdd\" [disabled]=\"toolbar.groupAdd.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n          <i class=\"in in-folder-closed\" [title]=\"toolbar.groupAdd.title || '\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0433\u0440\u0443\u043F\u043F\u0443'\"></i>\r\n        </button>\r\n\r\n\r\n        <button (click)=\"saveAction.emit($event)\" *ngIf=\"toolbar.save\"\r\n                [disabled]=\"toolbar.save.disabled\"\r\n                class=\"c-btn c-btn_primary c-btn_small\"\r\n                title=\"{{'Save' | translate}}\"\r\n        >\r\n          {{'Save' | translate}}\r\n        </button>\r\n        <button (click)=\"groupEditAction.emit($event)\" *ngIf=\"toolbar.groupEdit && toolbar.groupEdit.active\"\r\n                [disabled]=\"toolbar.groupEdit.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-pencil\" title=\"{{'groupEdit' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"removeAction.emit($event)\" *ngIf=\"toolbar.remove && toolbar.remove.active\"\r\n                [disabled]=\"toolbar.remove.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-trash\" [title]=\"toolbar.remove?.title || '\u0423\u0434\u0430\u043B\u0438\u0442\u044C'\"></i>\r\n        </button>\r\n        <button (click)=\"unlinkAction.emit($event)\" *ngIf=\"toolbar.unlink\" [disabled]=\"toolbar.unlink.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\">\r\n          <i class=\"in in-link-off\" title=\"{{'Detach tag from selected items' | translate}}\"></i>\r\n        </button>\r\n        <button (click)=\"csvAction.emit($event)\" *ngIf=\"toolbar.csv\" [disabled]=\"toolbar.csv.disabled\"\r\n                class=\"c-btn c-btn_border-free c-btn_small\"\r\n        >\r\n<!--          Todo: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u043D\u0430 in-file-csv-->\r\n          <i class=\"in in-file-excel-outline\" title=\"\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C \u043A\u0430\u043A CSV\"></i>\r\n        </button>\r\n        <button  *ngIf=\"toolbar.collapse\"\r\n                 class=\"c-btn c-btn_small c-btn_svg-24 c-icon c-icon_svg c-icon_svg-24 c-btn_border-free\"\r\n                 (click)=\"collapse($event, dt)\"\r\n                 title=\"{{(isCollapse ? 'Expand all' : 'Collapse all') | translate}}\">\r\n          <svg *ngIf=\"isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M20 2H4v2h16V2zM4 20v2h16v-2H4zM12 5l5 6H7l5-6zM17 13l-5 6-5-6h10z\"/>\r\n          </svg>\r\n          <svg *ngIf=\"!isCollapse\"  xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path fill-rule=\"evenodd\" d=\"M17 3l-5 6-5-6h10zM4 13v-2h16v2H4zm8 2l5 6H7l5-6z\" clip-rule=\"evenodd\"/>\r\n          </svg>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</p-treeTable>\r\n", styles: ["@charset \"UTF-8\";.p-sortable-column{cursor:pointer;position:relative}.p-sortable-column-buttons{position:absolute;top:0;right:0;width:18px;height:100%;display:inline-flex;align-items:center;z-index:10000}.p-sortable-column-buttons>a{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}.u-overflow-visible{overflow:visible!important}.button-reset{display:flex;align-items:center;position:absolute;right:6px;top:5px;padding:6px;font-size:15px;border:none;outline:0;cursor:pointer;color:var(--colorTextMuted);background-color:transparent}.button-reset:hover{color:var(--colorIcon)}.input-wrapper{position:relative;display:flex;align-items:baseline}.c-input:not(:valid)~.button-reset{display:none}\n"] }]
-        }], propDecorators: { columns: [{
-                type: Input
-            }], values: [{
-                type: Input
-            }], scrollHeight: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], selectionMode: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], toolbar: [{
-                type: Input
-            }], checkboxSelection: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], sortField: [{
-                type: Input
-            }], isAscending: [{
-                type: Input
-            }], dataKey: [{
-                type: Input
-            }], activeChange: [{
-                type: Output
-            }], templates: [{
-                type: ContentChildren,
-                args: [InsparkTemplate]
-            }], selectionChange: [{
-                type: Output
-            }], addAction: [{
-                type: Output
-            }], csvAction: [{
-                type: Output
-            }], saveAction: [{
-                type: Output
-            }], collapseAction: [{
-                type: Output
-            }], removeAction: [{
-                type: Output
-            }], unlinkAction: [{
-                type: Output
-            }], groupEditAction: [{
-                type: Output
-            }], groupAddAction: [{
-                type: Output
-            }], selection: [{
-                type: Input
-            }] } });
-class TreeTableComponentModule {
-}
-TreeTableComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeTableComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TreeTableComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TreeTableComponentModule, declarations: [TreeTableComponent], imports: [CommonModule, TreeTableModule, PipesModule, TranslateModule, FormsModule, TableComponentModule], exports: [TreeTableComponent] });
-TreeTableComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeTableComponentModule, imports: [CommonModule, TreeTableModule, PipesModule, TranslateModule, FormsModule, TableComponentModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeTableComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, TreeTableModule, PipesModule, TranslateModule, FormsModule, TableComponentModule],
-                    exports: [TreeTableComponent],
-                    declarations: [TreeTableComponent]
-                }]
-        }] });
-
-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 });
-    }
-}
-RadiobuttonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadiobuttonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadiobuttonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadiobuttonComponent, selector: "in-radiobutton", inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled", value: "value", values: "values", keyLabel: "keyLabel", item: "item" }, outputs: { change: "change" }, ngImport: i0, template: "<ng-container *ngFor=\"let element of values\">\r\n  <p-radioButton\r\n    class=\"u-margin-left-tiny u-vertical-align-middle field_{{name}}\"\r\n                 (onClick)=\"onChangeEvent(element)\"\r\n    [id]=\"element[keyLabel]\"\r\n    [(ngModel)]=\"item\"\r\n    [name]=\"name\"\r\n    [value]=\"element.id\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"element[keyLabel]\">\r\n  </p-radioButton>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3$1.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadiobuttonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-radiobutton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let element of values\">\r\n  <p-radioButton\r\n    class=\"u-margin-left-tiny u-vertical-align-middle field_{{name}}\"\r\n                 (onClick)=\"onChangeEvent(element)\"\r\n    [id]=\"element[keyLabel]\"\r\n    [(ngModel)]=\"item\"\r\n    [name]=\"name\"\r\n    [value]=\"element.id\"\r\n    [disabled]=\"disabled\"\r\n    [label]=\"element[keyLabel]\">\r\n  </p-radioButton>\r\n</ng-container>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], values: [{
-                type: Input
-            }], keyLabel: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectListComponent, deps: [{ token: i1$5.DynamicDialogRef }, { token: i1$5.DynamicDialogConfig }, { token: InsparkMessageService }, { token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectListComponent, selector: "app-select-list", ngImport: i0, template: "<div class=\"c-panel__heading-title h4\">\r\n    {{'Select objects for which to execute the command' | translate}}\r\n</div>\r\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\r\n<div class=\"container\">\r\n    <div class=\"c-form-group type_treeblock\">\r\n      <div style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\" *ngFor=\"let item of options; let i = index\">\r\n          <span class=\"c-label c-label__content\" style=\"width: 100px; min-height: 30px;\">{{item.value}}</span>\r\n          <input class=\"c-checkbox__input\" type=\"checkbox\" [checked]=\"options[i].checked\" >\r\n          <i class=\"p-chkbox-box c-checkbox__icon\" (click)=\"select(i)\"></i>\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"buttons\">\r\n        <in-component-container>\r\n            <in-button id=\"close\" (click)=\"closeModal()\"\r\n                       label=\"{{'Cancel' | translate}}\"></in-button>\r\n            <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\r\n                       label=\"{{'Apply' | translate}}\"\r\n                       color=\"primary\" [disabled]=\"\" [title]=\"'Select an action' | translate\"></in-button>\r\n        </in-component-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #spinner><span class=\"c-spinner\">\r\n            <i class=\"in in-spinner fa-spin \"></i>\r\n</span></ng-template>\r\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}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "component", type: ComponentContainerComponent, selector: "in-component-container", inputs: ["align"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-select-list', template: "<div class=\"c-panel__heading-title h4\">\r\n    {{'Select objects for which to execute the command' | translate}}\r\n</div>\r\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\r\n<div class=\"container\">\r\n    <div class=\"c-form-group type_treeblock\">\r\n      <div style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\" *ngFor=\"let item of options; let i = index\">\r\n          <span class=\"c-label c-label__content\" style=\"width: 100px; min-height: 30px;\">{{item.value}}</span>\r\n          <input class=\"c-checkbox__input\" type=\"checkbox\" [checked]=\"options[i].checked\" >\r\n          <i class=\"p-chkbox-box c-checkbox__icon\" (click)=\"select(i)\"></i>\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"buttons\">\r\n        <in-component-container>\r\n            <in-button id=\"close\" (click)=\"closeModal()\"\r\n                       label=\"{{'Cancel' | translate}}\"></in-button>\r\n            <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\r\n                       label=\"{{'Apply' | translate}}\"\r\n                       color=\"primary\" [disabled]=\"\" [title]=\"'Select an action' | translate\"></in-button>\r\n        </in-component-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #spinner><span class=\"c-spinner\">\r\n            <i class=\"in in-spinner fa-spin \"></i>\r\n</span></ng-template>\r\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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$5.DynamicDialogRef }, { type: i1$5.DynamicDialogConfig }, { type: InsparkMessageService }, { type: i1$3.Router }]; } });
-
-class ObjectTreeComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-ObjectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ObjectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectTreeComponent, selector: "in-object-tree", ngImport: i0, template: "<p>object-tree works!</p>\r\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectTreeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-object-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p>object-tree works!</p>\r\n" }]
-        }], ctorParameters: function () { return []; } });
-
-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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ModalInputTextComponent, deps: [{ token: i1$5.DynamicDialogRef }, { token: i1$5.DynamicDialogConfig }, { token: i1.TranslateService }, { token: InsparkMessageService }, { token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
-ModalInputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ModalInputTextComponent, selector: "app-modal-input-text", ngImport: i0, template: "<div class=\"c-panel__heading-title h4\">\r\n    {{'Enter parameter value' | translate}}\r\n</div>\r\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\r\n<div class=\"container\">\r\n    <div *ngIf = this.options class=\"c-form-group type_treeblock\">\r\n      <div *ngFor=\"let item of options; let i = index\">\r\n          <label class=\"c-label type_bool\" style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\">\r\n          <span class=\"c-onecolumn-form_label__content\"  [style.width]=\"maxLength + 'px'\" style=\"position: relative; top: 5px; min-height: 30px;\">\r\n            {{item.value}}\r\n          </span>\r\n          <span class=\"c-onecolumn-form_label__content field_{{item.value}}\" style=\"min-height: 30px;\">\r\n            <input class=\"c-checkbox__input field_{{item.value}}\" type=\"checkbox\" [checked]=\"options[i].checked\" (click)=\"select(i)\">\r\n            <i class=\"p-chkbox-box c-checkbox__icon\" ></i>\r\n          </span>\r\n          </label>\r\n      </div>\r\n    </div>\r\n\r\n  <div *ngIf=this.param class=\"o-grid o-grid_wrap\">\r\n    <div class=\"o-grid__cell o-grid__cell_width-100 o-grid__cell_width-100@medium o-grid__cell_width-100@large\">\r\n      <div class=\"c-form-group\">\r\n        <label class=\"c-label type_varchars\">\r\n          <span class=\"c-label__content\" style=\"width: 500px;white-space: pre-line\">{{translate(param.title)}}</span>\r\n          <input [(ngModel)]=\"param.value\" class=\"c-input c-input_block field_{{config.data.command.label}}\" type=\"text\" maxlength=\"60\">\r\n        </label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"buttons\">\r\n      <in-component-container>\r\n          <in-button id=\"close\" (click)=\"closeModal()\"\r\n                     label=\"{{'Cancel' | translate}}\"\r\n                     [name]=\"'Cancel'\"\r\n          ></in-button>\r\n          <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\r\n                     label=\"{{'Apply' | translate}}\"\r\n                     [name]=\"'Apply'\"\r\n                     color=\"primary\" [disabled]=\"checkSelected()\" [title]=\"'Select an action' | translate\"></in-button>\r\n      </in-component-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #spinner><span class=\"c-spinner\">\r\n            <i class=\"in in-spinner fa-spin \"></i>\r\n</span></ng-template>\r\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}\n"], dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "component", type: ComponentContainerComponent, selector: "in-component-container", inputs: ["align"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ModalInputTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-modal-input-text', template: "<div class=\"c-panel__heading-title h4\">\r\n    {{'Enter parameter value' | translate}}\r\n</div>\r\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\r\n<div class=\"container\">\r\n    <div *ngIf = this.options class=\"c-form-group type_treeblock\">\r\n      <div *ngFor=\"let item of options; let i = index\">\r\n          <label class=\"c-label type_bool\" style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\">\r\n          <span class=\"c-onecolumn-form_label__content\"  [style.width]=\"maxLength + 'px'\" style=\"position: relative; top: 5px; min-height: 30px;\">\r\n            {{item.value}}\r\n          </span>\r\n          <span class=\"c-onecolumn-form_label__content field_{{item.value}}\" style=\"min-height: 30px;\">\r\n            <input class=\"c-checkbox__input field_{{item.value}}\" type=\"checkbox\" [checked]=\"options[i].checked\" (click)=\"select(i)\">\r\n            <i class=\"p-chkbox-box c-checkbox__icon\" ></i>\r\n          </span>\r\n          </label>\r\n      </div>\r\n    </div>\r\n\r\n  <div *ngIf=this.param class=\"o-grid o-grid_wrap\">\r\n    <div class=\"o-grid__cell o-grid__cell_width-100 o-grid__cell_width-100@medium o-grid__cell_width-100@large\">\r\n      <div class=\"c-form-group\">\r\n        <label class=\"c-label type_varchars\">\r\n          <span class=\"c-label__content\" style=\"width: 500px;white-space: pre-line\">{{translate(param.title)}}</span>\r\n          <input [(ngModel)]=\"param.value\" class=\"c-input c-input_block field_{{config.data.command.label}}\" type=\"text\" maxlength=\"60\">\r\n        </label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"buttons\">\r\n      <in-component-container>\r\n          <in-button id=\"close\" (click)=\"closeModal()\"\r\n                     label=\"{{'Cancel' | translate}}\"\r\n                     [name]=\"'Cancel'\"\r\n          ></in-button>\r\n          <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\r\n                     label=\"{{'Apply' | translate}}\"\r\n                     [name]=\"'Apply'\"\r\n                     color=\"primary\" [disabled]=\"checkSelected()\" [title]=\"'Select an action' | translate\"></in-button>\r\n      </in-component-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #spinner><span class=\"c-spinner\">\r\n            <i class=\"in in-spinner fa-spin \"></i>\r\n</span></ng-template>\r\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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$5.DynamicDialogRef }, { type: i1$5.DynamicDialogConfig }, { type: i1.TranslateService }, { type: InsparkMessageService }, { type: i1$3.Router }]; } });
-
-class ContentToggleComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
-        this.defaultOpen = true;
-        this.isOpen = this.defaultOpen;
-        this.icon = null;
-        this.manualArrow = true;
-        this.toggle = new EventEmitter();
-    }
-    ngOnInit() {
-        this.isOpen = this.defaultOpen;
-    }
-    toggleOpen(e) {
-        // Получаем родительский элемент div
-        const parentElement = this.elementButtons.nativeElement;
-        // Проверяем, входит ли цель события в родительский элемент
-        if (!parentElement.contains(e.target) || e.target === parentElement) {
-            this.isOpen = !this.isOpen;
-            this.toggle.emit(this.isOpen);
-            this.cdr.detectChanges();
-        }
-    }
-}
-ContentToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContentToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ContentToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ContentToggleComponent, selector: "in-content-toggle", inputs: { label: "label", defaultOpen: "defaultOpen", isOpen: "isOpen", icon: "icon", manualArrow: "manualArrow" }, outputs: { toggle: "toggle" }, viewQueries: [{ propertyName: "elementButtons", first: true, predicate: ["buttons"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"block\" (click)=\"toggleOpen($event)\" tabIndex=\"1\">\r\n    <span [ngClass]=\"{arrow: true, close: !isOpen}\">\r\n        <in-svg *ngIf=\"manualArrow\" [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\r\n        <ng-content select=\"[arrow]\"></ng-content>\r\n    </span>\r\n  <span class=\"label\">\r\n    <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\r\n    {{label}}\r\n  </span>\r\n  <span class=\"counter\">\r\n    <ng-content select=\"[header]\"></ng-content>\r\n  </span>\r\n  <div class=\"buttons\" #buttons>\r\n    <ng-content select=\"[buttons]\"></ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"container\" *ngIf=\"isOpen\">\r\n  <ng-content select=\"[body]\"></ng-content>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block .buttons{flex:1;display:flex;justify-content:flex-end;align-items:center;-webkit-user-select:none;user-select:none}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContentToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-content-toggle', template: "<div class=\"block\" (click)=\"toggleOpen($event)\" tabIndex=\"1\">\r\n    <span [ngClass]=\"{arrow: true, close: !isOpen}\">\r\n        <in-svg *ngIf=\"manualArrow\" [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\r\n        <ng-content select=\"[arrow]\"></ng-content>\r\n    </span>\r\n  <span class=\"label\">\r\n    <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\r\n    {{label}}\r\n  </span>\r\n  <span class=\"counter\">\r\n    <ng-content select=\"[header]\"></ng-content>\r\n  </span>\r\n  <div class=\"buttons\" #buttons>\r\n    <ng-content select=\"[buttons]\"></ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"container\" *ngIf=\"isOpen\">\r\n  <ng-content select=\"[body]\"></ng-content>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block .buttons{flex:1;display:flex;justify-content:flex-end;align-items:center;-webkit-user-select:none;user-select:none}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
-                type: Input
-            }], defaultOpen: [{
-                type: Input
-            }], isOpen: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], manualArrow: [{
-                type: Input
-            }], toggle: [{
-                type: Output
-            }], elementButtons: [{
-                type: ViewChild,
-                args: ['buttons', { static: true }]
-            }] } });
-
-class InputGroupComponent {
-    constructor() {
-        this.name = null;
-        this.measureunit = null;
-        this.autocomplete = true;
-        this.label = null;
-        this.required = false;
-        this.error = null;
-        this.size = 100000;
-        this.maxlength = 100000;
-        this.width = 'auto';
-        this.placeholder = '';
-        this.id = null;
-        this.testId = null;
-        this.opacity = true;
-        this.shadow = false;
-        this.isEditMode = true;
-        this.isMeasurementVisible = true;
-        this.focus = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.updateValue = new EventEmitter();
-        this.disableEditableView = new EventEmitter();
-        this.validators = [/^-?\d*\.?\d*$/];
-        this.isEditable = true;
-        this.propagateChange = (_) => {
-        };
-    }
-    ngOnInit() {
-        this._value = this.value;
-    }
-    /**
-     * Write form value to the DOM element (model => view)
-     */
-    writeValue(value) {
-        this.value = value ? value : this.name;
-        this._value = this.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() {
-    }
-    cancel() {
-        this.isEditable = false;
-        this.disableEditableView.emit(false);
-        this.value = this._value;
-    }
-    numberOnly(event) {
-        if (event.keyCode === 8) {
-            return true;
-        }
-        let test = '';
-        if (this.value) {
-            test = this.value + event.key;
-        }
-        else {
-            test = event.key;
-        }
-        return this.validators[0].test(test);
-    }
-    changeEditMode() {
-        this.isEditable = !this.isEditable;
-    }
-    //
-    // disableEditableView() {
-    //   this.isEditableView.emit(false);
-    // }
-    changeValue(value) {
-        this.value = value;
-        this._value = this.value;
-        // this.isEditable = false;
-        this.updateValue.emit(value);
-        this.disableEditableView.emit(false);
-    }
-    isApplyDisabled() {
-        return this.value != null ? false : true;
-    }
-}
-InputGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputGroupComponent, selector: "in-input-group", inputs: { name: "name", measureunit: "measureunit", autocomplete: "autocomplete", label: "label", required: "required", error: "error", size: "size", maxlength: "maxlength", width: "width", placeholder: "placeholder", id: "id", testId: "testId", disabled: "disabled", opacity: "opacity", shadow: "shadow", isEditMode: "isEditMode", isMeasurementVisible: "isMeasurementVisible" }, outputs: { focus: "focus", blur: "blur", updateValue: "updateValue", disableEditableView: "disableEditableView" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => InputGroupComponent),
-            multi: true,
-        }
-    ], ngImport: i0, template: "<label class=\"label type_varchars\">\r\n  <div class=\"p-inputgroup\">\r\n    <span *ngIf=\"isMeasurementVisible\" class=\"p-inputgroup-addon p-inputgroup-addon_trancated\" title=\"{{measureunit}}\">\r\n      <span class=\"p-inputgroup-addon__content\">{{measureunit}}</span>\r\n    </span>\r\n    <input (focus)=\"this.focus.emit($event)\"\r\n           (keydown)=\"numberOnly($event)\"\r\n           [(ngModel)]=\"value\"\r\n           [autocomplete]=\"autocomplete? 'on':'off'\"\r\n           [disabled]=\"disabled || !isEditable\"\r\n           [id]=\"id\"\r\n           [maxlength]=\"30\"\r\n           [ngStyle]=\"{minWidth: '48px', textAlign: 'left', width: '100%'}\"\r\n           [placeholder]=\"placeholder\"\r\n           [required]=\"required\"\r\n           [size]=\"size\"\r\n           class=\"p-inputtext c-input c-input_large field_{{id}}\"\r\n           type=\"text\"/>\r\n    <in-button (click)=\"changeValue(value)\"\r\n               [color]=\"'primary'\"\r\n               [disabled]=\"isApplyDisabled()\"\r\n               [isIconOnly]=\"true\"\r\n               [label]=\"\"\r\n               [name]=\"'apply'\"\r\n               [size]=\"'tiny'\"\r\n               [title]=\"'Apply' | translate\"\r\n               icon=\"in in-check\"></in-button>\r\n    <in-button (click)=\"cancel()\"\r\n               [isIconOnly]=\"true\"\r\n               [label]=\"\"\r\n               [name]=\"'cancel'\"\r\n               [size]=\"'tiny'\"\r\n               [title]=\"'Cancel' | translate\"\r\n               color=\"transparent\"\r\n               icon=\"in in-close\"></in-button>\r\n  </div>\r\n\r\n</label>\r\n\r\n<!--<div *ngIf=\"!disabled\" class=\"button\">-->\r\n<!--  <in-button (click)=\"changeValue(value)\" [color]=\"'primary'\"-->\r\n<!--             [disabled]=\"isApplyDisabled()\"-->\r\n<!--             [isIconOnly]=\"true\"-->\r\n<!--             [label]=\"\"-->\r\n<!--             [name]=\"'apply'\"-->\r\n<!--             [ngStyle]=\"{'font-size':'1px', 'display': 'inline-block', 'line-height': '2px', position: 'relative', left: '70px',-->\r\n<!--                             opacity: !isEditable ? '0' : '1',-->\r\n<!--                             visibility: !isEditable ? 'hidden' : 'visible'-->\r\n<!--               }\"-->\r\n<!--             [size]=\"'tiny'\"-->\r\n<!--             [title]=\"'Apply' | translate\" color=\"transparent\" icon=\"fa fa-check\"></in-button>-->\r\n<!--  <in-button (click)=\"cancel()\" [isIconOnly]=\"true\" [label]=\"\"-->\r\n<!--             [name]=\"'cancel'\"-->\r\n<!--             [ngStyle]=\"{'font-size':'1px', 'display': 'inline-block', 'line-height': '2px', position: 'relative', left: '90px',-->\r\n<!--                             opacity: !isEditable ? '0' : '1',-->\r\n<!--                             visibility: !isEditable ? 'hidden' : 'visible'-->\r\n<!--                          }\"-->\r\n<!--             [size]=\"'tiny'\"-->\r\n<!--             [title]=\"'Cancel' | translate\" color=\"transparent\" icon=\"fa fa-times\"></in-button>-->\r\n<!--  <in-button (click)=\"changeEditMode()\" [isIconOnly]=\"true\" [label]=\"\"-->\r\n<!--             [ngStyle]=\"{'font-size':'1px',-->\r\n<!--                            'display': 'inline-block',-->\r\n<!--                            'line-height': '2px',-->\r\n<!--                             position: 'relative',-->\r\n<!--                             left: '80px',-->\r\n<!--                             top: '2px',-->\r\n<!--                             opacity: isEditable ? '0' : '1',-->\r\n<!--                             visibility: isEditable ? 'hidden' : 'visible'-->\r\n<!--                           }\"-->\r\n<!--             [size]=\"'tiny'\"-->\r\n<!--             [title]=\"'Edit' | translate\"-->\r\n<!--             color=\"transparent\" icon=\"fa fa-pencil\" name=\"edit\"></in-button>-->\r\n<!--</div>-->\r\n\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputGroupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-input-group', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => InputGroupComponent),
-                            multi: true,
-                        }
-                    ], template: "<label class=\"label type_varchars\">\r\n  <div class=\"p-inputgroup\">\r\n    <span *ngIf=\"isMeasurementVisible\" class=\"p-inputgroup-addon p-inputgroup-addon_trancated\" title=\"{{measureunit}}\">\r\n      <span class=\"p-inputgroup-addon__content\">{{measureunit}}</span>\r\n    </span>\r\n    <input (focus)=\"this.focus.emit($event)\"\r\n           (keydown)=\"numberOnly($event)\"\r\n           [(ngModel)]=\"value\"\r\n           [autocomplete]=\"autocomplete? 'on':'off'\"\r\n           [disabled]=\"disabled || !isEditable\"\r\n           [id]=\"id\"\r\n           [maxlength]=\"30\"\r\n           [ngStyle]=\"{minWidth: '48px', textAlign: 'left', width: '100%'}\"\r\n           [placeholder]=\"placeholder\"\r\n           [required]=\"required\"\r\n           [size]=\"size\"\r\n           class=\"p-inputtext c-input c-input_large field_{{id}}\"\r\n           type=\"text\"/>\r\n    <in-button (click)=\"changeValue(value)\"\r\n               [color]=\"'primary'\"\r\n               [disabled]=\"isApplyDisabled()\"\r\n               [isIconOnly]=\"true\"\r\n               [label]=\"\"\r\n               [name]=\"'apply'\"\r\n               [size]=\"'tiny'\"\r\n               [title]=\"'Apply' | translate\"\r\n               icon=\"in in-check\"></in-button>\r\n    <in-button (click)=\"cancel()\"\r\n               [isIconOnly]=\"true\"\r\n               [label]=\"\"\r\n               [name]=\"'cancel'\"\r\n               [size]=\"'tiny'\"\r\n               [title]=\"'Cancel' | translate\"\r\n               color=\"transparent\"\r\n               icon=\"in in-close\"></in-button>\r\n  </div>\r\n\r\n</label>\r\n\r\n<!--<div *ngIf=\"!disabled\" class=\"button\">-->\r\n<!--  <in-button (click)=\"changeValue(value)\" [color]=\"'primary'\"-->\r\n<!--             [disabled]=\"isApplyDisabled()\"-->\r\n<!--             [isIconOnly]=\"true\"-->\r\n<!--             [label]=\"\"-->\r\n<!--             [name]=\"'apply'\"-->\r\n<!--             [ngStyle]=\"{'font-size':'1px', 'display': 'inline-block', 'line-height': '2px', position: 'relative', left: '70px',-->\r\n<!--                             opacity: !isEditable ? '0' : '1',-->\r\n<!--                             visibility: !isEditable ? 'hidden' : 'visible'-->\r\n<!--               }\"-->\r\n<!--             [size]=\"'tiny'\"-->\r\n<!--             [title]=\"'Apply' | translate\" color=\"transparent\" icon=\"fa fa-check\"></in-button>-->\r\n<!--  <in-button (click)=\"cancel()\" [isIconOnly]=\"true\" [label]=\"\"-->\r\n<!--             [name]=\"'cancel'\"-->\r\n<!--             [ngStyle]=\"{'font-size':'1px', 'display': 'inline-block', 'line-height': '2px', position: 'relative', left: '90px',-->\r\n<!--                             opacity: !isEditable ? '0' : '1',-->\r\n<!--                             visibility: !isEditable ? 'hidden' : 'visible'-->\r\n<!--                          }\"-->\r\n<!--             [size]=\"'tiny'\"-->\r\n<!--             [title]=\"'Cancel' | translate\" color=\"transparent\" icon=\"fa fa-times\"></in-button>-->\r\n<!--  <in-button (click)=\"changeEditMode()\" [isIconOnly]=\"true\" [label]=\"\"-->\r\n<!--             [ngStyle]=\"{'font-size':'1px',-->\r\n<!--                            'display': 'inline-block',-->\r\n<!--                            'line-height': '2px',-->\r\n<!--                             position: 'relative',-->\r\n<!--                             left: '80px',-->\r\n<!--                             top: '2px',-->\r\n<!--                             opacity: isEditable ? '0' : '1',-->\r\n<!--                             visibility: isEditable ? 'hidden' : 'visible'-->\r\n<!--                           }\"-->\r\n<!--             [size]=\"'tiny'\"-->\r\n<!--             [title]=\"'Edit' | translate\"-->\r\n<!--             color=\"transparent\" icon=\"fa fa-pencil\" name=\"edit\"></in-button>-->\r\n<!--</div>-->\r\n\r\n" }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], measureunit: [{
-                type: Input
-            }], autocomplete: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], error: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], isEditMode: [{
-                type: Input
-            }], isMeasurementVisible: [{
-                type: Input
-            }], focus: [{
-                type: Output
-            }], blur: [{
-                type: Output
-            }], updateValue: [{
-                type: Output
-            }], disableEditableView: [{
-                type: Output
-            }] } });
-
-class PrimengComponentsModule {
-}
-PrimengComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PrimengComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, imports: [DropdownModule], exports: [DropdownModule] });
-PrimengComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, imports: [DropdownModule, DropdownModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        DropdownModule,
-                    ],
-                    declarations: [],
-                    exports: [
-                        DropdownModule
-                    ],
-                    entryComponents: []
-                }]
-        }] });
-
-class AutoCompleteComponent extends AutoComplete {
-    constructor() {
-        super(...arguments);
-        this.minLength = 1;
-        this.delay = 300;
-        this.type = 'text';
-        this.autoZIndex = true;
-        this.baseZIndex = 0;
-        this.dropdownIcon = "pi pi-caret-down";
-        this.unique = true;
-        this.completeMethod = new EventEmitter();
-        this.onSelect = new EventEmitter();
-        this.onUnselect = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onBlur = new EventEmitter();
-        this.onDropdownClick = new EventEmitter();
-        this.onClear = new EventEmitter();
-        this.onKeyUp = new EventEmitter();
-        this.scrollHeight = '200px';
-        this.dropdownMode = 'blank';
-        this.immutable = true;
-        this.showTransitionOptions = '225ms ease-out';
-        this.hideTransitionOptions = '195ms ease-in';
-        this.autocomplete = 'off';
-    }
-    ngAfterContentInit() {
-        this.templates.forEach((item) => {
-            switch (item.getType()) {
-                case 'item':
-                    this.itemTemplate = item.template;
-                    break;
-                case 'selectedItem':
-                    this.selectedItemTemplate = item.template;
-                    break;
-                default:
-                    this.itemTemplate = item.template;
-                    break;
-            }
-        });
-    }
-}
-AutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AutoCompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AutoCompleteComponent, selector: "in-autocomplete", inputs: { minLength: "minLength", delay: "delay", style: "style", panelStyle: "panelStyle", styleClass: "styleClass", panelStyleClass: "panelStyleClass", inputStyle: "inputStyle", inputId: "inputId", inputStyleClass: "inputStyleClass", placeholder: "placeholder", readonly: "readonly", disabled: "disabled", maxlength: "maxlength", name: "name", required: "required", size: "size", appendTo: "appendTo", autoHighlight: "autoHighlight", forceSelection: "forceSelection", type: "type", autoZIndex: "autoZIndex", baseZIndex: "baseZIndex", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", dropdownIcon: "dropdownIcon", unique: "unique", field: "field", scrollHeight: "scrollHeight", dropdown: "dropdown", dropdownMode: "dropdownMode", multiple: "multiple", tabindex: "tabindex", dataKey: "dataKey", emptyMessage: "emptyMessage", immutable: "immutable", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", autofocus: "autofocus", autocomplete: "autocomplete" }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onUnselect: "onUnselect", onFocus: "onFocus", onBlur: "onBlur", onDropdownClick: "onDropdownClick", onClear: "onClear", onKeyUp: "onKeyUp" }, providers: [{
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => AutoCompleteComponent),
-            multi: true
-        }], queries: [{ propertyName: "templates", predicate: InsparkTemplate }], viewQueries: [{ propertyName: "inputEL", first: true, predicate: ["in"], descendants: true }, { propertyName: "multiInputEL", first: true, predicate: ["multiIn"], descendants: true }, { propertyName: "multiContainerEL", first: true, predicate: ["multiContainer"], descendants: true }, { propertyName: "dropdownButton", first: true, predicate: ["ddBtn"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<span #container [ngClass]=\"{ 'p-autocomplete p-component': true, 'p-autocomplete-dd': dropdown, 'p-autocomplete-multiple': multiple }\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n            <input\r\n              pAutoFocus\r\n              [autofocus]=\"autofocus\"\r\n              *ngIf=\"!multiple\"\r\n              #in\r\n              [attr.type]=\"type\"\r\n              [attr.id]=\"inputId\"\r\n              [ngStyle]=\"inputStyle\"\r\n              [class]=\"inputStyleClass\"\r\n              [autocomplete]=\"autocomplete\"\r\n              [attr.required]=\"required\"\r\n              [attr.name]=\"name\"\r\n              class=\"p-autocomplete-input p-inputtext p-component\"\r\n              [ngClass]=\"{ 'p-autocomplete-dd-input': dropdown, 'p-disabled': disabled }\"\r\n              [value]=\"inputFieldValue\"\r\n              aria-autocomplete=\"list\"\r\n              role=\"searchbox\"\r\n              (click)=\"onInputClick($event)\"\r\n              (input)=\"onInput($event)\"\r\n              (keydown)=\"onKeydown($event)\"\r\n              (keyup)=\"onKeyup($event)\"\r\n              (focus)=\"onInputFocus($event)\"\r\n              (blur)=\"onInputBlur($event)\"\r\n              (change)=\"onInputChange($event)\"\r\n              (paste)=\"onInputPaste($event)\"\r\n              [attr.placeholder]=\"placeholder\"\r\n              [attr.size]=\"size\"\r\n              [attr.maxlength]=\"maxlength\"\r\n              [attr.tabindex]=\"tabindex\"\r\n              [readonly]=\"readonly\"\r\n              [disabled]=\"disabled\"\r\n              [attr.aria-label]=\"ariaLabel\"\r\n              [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n              [attr.aria-required]=\"required\"\r\n            />\r\n            <i *ngIf=\"!multiple && filled && !disabled && showClear\" class=\"p-autocomplete-clear-icon pi pi-times\" (click)=\"clear()\"></i>\r\n            <i *ngIf=\"multiple && filled && !disabled && showClear\" class=\"p-autocomplete-clear-icon pi pi-times\" (click)=\"clear()\"></i>\r\n            <ul *ngIf=\"multiple\" #multiContainer class=\"p-autocomplete-multiple-container p-component p-inputtext\" [ngClass]=\"{ 'p-disabled': disabled, 'p-focus': focus }\" (click)=\"multiIn.focus()\">\r\n                <li #token *ngFor=\"let val of value\" class=\"p-autocomplete-token\">\r\n                    <ng-container *ngTemplateOutlet=\"selectedItemTemplate; context: { $implicit: val }\"></ng-container>\r\n                    <span *ngIf=\"!selectedItemTemplate\" class=\"p-autocomplete-token-label\">{{ resolveFieldData(val) }}</span>\r\n                    <span class=\"p-autocomplete-token-icon pi pi-times-circle\" (click)=\"removeItem(token)\" *ngIf=\"!disabled && !readonly\"></span>\r\n                </li>\r\n                <li class=\"p-autocomplete-input-token\">\r\n                    <input\r\n                      pAutoFocus\r\n                      [autofocus]=\"autofocus\"\r\n                      #multiIn\r\n                      [attr.type]=\"type\"\r\n                      [attr.id]=\"inputId\"\r\n                      [disabled]=\"disabled\"\r\n                      [attr.placeholder]=\"value && value.length ? null : placeholder\"\r\n                      [attr.tabindex]=\"tabindex\"\r\n                      [attr.maxlength]=\"maxlength\"\r\n                      (input)=\"onInput($event)\"\r\n                      (click)=\"onInputClick($event)\"\r\n                      (keydown)=\"onKeydown($event)\"\r\n                      [readonly]=\"readonly\"\r\n                      (keyup)=\"onKeyup($event)\"\r\n                      (focus)=\"onInputFocus($event)\"\r\n                      (blur)=\"onInputBlur($event)\"\r\n                      (change)=\"onInputChange($event)\"\r\n                      (paste)=\"onInputPaste($event)\"\r\n                      [autocomplete]=\"autocomplete\"\r\n                      [ngStyle]=\"inputStyle\"\r\n                      [class]=\"inputStyleClass\"\r\n                      [attr.aria-label]=\"ariaLabel\"\r\n                      [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n                      [attr.aria-required]=\"required\"\r\n                      aria-autocomplete=\"list\"\r\n                      [attr.aria-controls]=\"listId\"\r\n                      role=\"searchbox\"\r\n                      [attr.aria-expanded]=\"overlayVisible\"\r\n                      aria-haspopup=\"true\"\r\n                      [attr.aria-activedescendant]=\"'p-highlighted-option'\"\r\n                    />\r\n                </li>\r\n            </ul>\r\n            <i *ngIf=\"loading\" class=\"p-autocomplete-loader pi pi-spinner pi-spin\"></i\r\n            ><button\r\n  #ddBtn\r\n  type=\"button\"\r\n  pButton\r\n  [icon]=\"dropdownIcon\"\r\n  [attr.aria-label]=\"dropdownAriaLabel\"\r\n  class=\"p-autocomplete-dropdown\"\r\n  [disabled]=\"disabled\"\r\n  pRipple\r\n  (click)=\"handleDropdownClick($event)\"\r\n  *ngIf=\"dropdown\"\r\n  [attr.tabindex]=\"tabindex\"\r\n></button>\r\n            <div\r\n              #panel\r\n              *ngIf=\"overlayVisible\"\r\n              (click)=\"onOverlayClick($event)\"\r\n              [ngClass]=\"['p-autocomplete-panel p-component']\"\r\n              [style.max-height]=\"virtualScroll ? 'auto' : scrollHeight\"\r\n              [ngStyle]=\"panelStyle\"\r\n              [class]=\"panelStyleClass\"\r\n              [@overlayAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n              (@overlayAnimation.start)=\"onOverlayAnimationStart($event)\"\r\n              (@overlayAnimation.done)=\"onOverlayAnimationEnd($event)\"\r\n            >\r\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n                <p-scroller\r\n                  *ngIf=\"virtualScroll\"\r\n                  #scroller\r\n                  [items]=\"suggestions\"\r\n                  [style]=\"{ height: scrollHeight }\"\r\n                  [itemSize]=\"virtualScrollItemSize || _itemSize\"\r\n                  [autoSize]=\"true\"\r\n                  [lazy]=\"lazy\"\r\n                  (onLazyLoad)=\"onLazyLoad.emit($event)\"\r\n                  [options]=\"virtualScrollOptions\"\r\n                >\r\n                    <ng-template pTemplate=\"content\" let-items let-scrollerOptions=\"options\">\r\n                        <ng-container *ngTemplateOutlet=\"buildInItems; context: { $implicit: items, options: scrollerOptions }\"></ng-container>\r\n                    </ng-template>\r\n                    <ng-container *ngIf=\"loaderTemplate\">\r\n                        <ng-template pTemplate=\"loader\" let-scrollerOptions=\"options\">\r\n                            <ng-container *ngTemplateOutlet=\"loaderTemplate; context: { options: scrollerOptions }\"></ng-container>\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </p-scroller>\r\n                <ng-container *ngIf=\"!virtualScroll\">\r\n                    <ng-container *ngTemplateOutlet=\"buildInItems; context: { $implicit: suggestions, options: {} }\"></ng-container>\r\n                </ng-container>\r\n\r\n                <ng-template #buildInItems let-items let-scrollerOptions=\"options\">\r\n                    <ul #items role=\"listbox\" [attr.id]=\"listId\" class=\"p-autocomplete-items\" [ngClass]=\"scrollerOptions.contentStyleClass\" [style]=\"scrollerOptions.contentStyle\">\r\n                        <ng-container *ngIf=\"group\">\r\n                            <ng-template ngFor let-optgroup [ngForOf]=\"items\">\r\n                                <li class=\"p-autocomplete-item-group\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\">\r\n                                    <span *ngIf=\"!groupTemplate\">{{ getOptionGroupLabel(optgroup) || 'empty' }}</span>\r\n                                    <ng-container *ngTemplateOutlet=\"groupTemplate; context: { $implicit: optgroup }\"></ng-container>\r\n                                </li>\r\n                                <ng-container *ngTemplateOutlet=\"itemslist; context: { $implicit: getOptionGroupChildren(optgroup) }\"></ng-container>\r\n                            </ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"!group\">\r\n                            <ng-container *ngTemplateOutlet=\"itemslist; context: { $implicit: items }\"></ng-container>\r\n                        </ng-container>\r\n                        <ng-template #itemslist let-suggestionsToDisplay>\r\n                            <li\r\n                              role=\"option\"\r\n                              *ngFor=\"let option of suggestionsToDisplay; let idx = index\"\r\n                              class=\"p-autocomplete-item\"\r\n                              pRipple\r\n                              [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\"\r\n                              [ngClass]=\"{ 'p-highlight': option === highlightOption }\"\r\n                              [id]=\"highlightOption == option ? 'p-highlighted-option' : ''\"\r\n                              (click)=\"selectItem(option)\"\r\n                            >\r\n                                <span *ngIf=\"!itemTemplate\"\r\n                                      [attr.title]=\"resolveFieldData(option)\">{{ resolveFieldData(option) }}</span>\r\n                                <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: option, index: scrollerOptions.getOptions ? scrollerOptions.getOptions(idx) : idx }\"></ng-container>\r\n                            </li>\r\n                        </ng-template>\r\n                        <li *ngIf=\"noResults && showEmptyMessage\" class=\"p-autocomplete-empty-message\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\">\r\n                            <ng-container *ngIf=\"!emptyTemplate\">\r\n                                {{ emptyMessageLabel }}\r\n                            </ng-container>\r\n                            <ng-container #empty *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                        </li>\r\n                    </ul>\r\n                </ng-template>\r\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n            </div>\r\n        </span>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6.Scroller, selector: "p-scroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }], animations: [trigger('overlayAnimation', [transition(':enter', [style({
-                    opacity: 0,
-                    transform: 'scaleY(0.8)'
-                }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AutoCompleteComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-autocomplete', animations: [trigger('overlayAnimation', [transition(':enter', [style({
-                                    opacity: 0,
-                                    transform: 'scaleY(0.8)'
-                                }), animate('{{showTransitionParams}}')]), transition(':leave', [animate('{{hideTransitionParams}}', style({ opacity: 0 }))])])], providers: [{
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => AutoCompleteComponent),
-                            multi: true
-                        }], template: "<span #container [ngClass]=\"{ 'p-autocomplete p-component': true, 'p-autocomplete-dd': dropdown, 'p-autocomplete-multiple': multiple }\" [ngStyle]=\"style\" [class]=\"styleClass\">\r\n            <input\r\n              pAutoFocus\r\n              [autofocus]=\"autofocus\"\r\n              *ngIf=\"!multiple\"\r\n              #in\r\n              [attr.type]=\"type\"\r\n              [attr.id]=\"inputId\"\r\n              [ngStyle]=\"inputStyle\"\r\n              [class]=\"inputStyleClass\"\r\n              [autocomplete]=\"autocomplete\"\r\n              [attr.required]=\"required\"\r\n              [attr.name]=\"name\"\r\n              class=\"p-autocomplete-input p-inputtext p-component\"\r\n              [ngClass]=\"{ 'p-autocomplete-dd-input': dropdown, 'p-disabled': disabled }\"\r\n              [value]=\"inputFieldValue\"\r\n              aria-autocomplete=\"list\"\r\n              role=\"searchbox\"\r\n              (click)=\"onInputClick($event)\"\r\n              (input)=\"onInput($event)\"\r\n              (keydown)=\"onKeydown($event)\"\r\n              (keyup)=\"onKeyup($event)\"\r\n              (focus)=\"onInputFocus($event)\"\r\n              (blur)=\"onInputBlur($event)\"\r\n              (change)=\"onInputChange($event)\"\r\n              (paste)=\"onInputPaste($event)\"\r\n              [attr.placeholder]=\"placeholder\"\r\n              [attr.size]=\"size\"\r\n              [attr.maxlength]=\"maxlength\"\r\n              [attr.tabindex]=\"tabindex\"\r\n              [readonly]=\"readonly\"\r\n              [disabled]=\"disabled\"\r\n              [attr.aria-label]=\"ariaLabel\"\r\n              [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n              [attr.aria-required]=\"required\"\r\n            />\r\n            <i *ngIf=\"!multiple && filled && !disabled && showClear\" class=\"p-autocomplete-clear-icon pi pi-times\" (click)=\"clear()\"></i>\r\n            <i *ngIf=\"multiple && filled && !disabled && showClear\" class=\"p-autocomplete-clear-icon pi pi-times\" (click)=\"clear()\"></i>\r\n            <ul *ngIf=\"multiple\" #multiContainer class=\"p-autocomplete-multiple-container p-component p-inputtext\" [ngClass]=\"{ 'p-disabled': disabled, 'p-focus': focus }\" (click)=\"multiIn.focus()\">\r\n                <li #token *ngFor=\"let val of value\" class=\"p-autocomplete-token\">\r\n                    <ng-container *ngTemplateOutlet=\"selectedItemTemplate; context: { $implicit: val }\"></ng-container>\r\n                    <span *ngIf=\"!selectedItemTemplate\" class=\"p-autocomplete-token-label\">{{ resolveFieldData(val) }}</span>\r\n                    <span class=\"p-autocomplete-token-icon pi pi-times-circle\" (click)=\"removeItem(token)\" *ngIf=\"!disabled && !readonly\"></span>\r\n                </li>\r\n                <li class=\"p-autocomplete-input-token\">\r\n                    <input\r\n                      pAutoFocus\r\n                      [autofocus]=\"autofocus\"\r\n                      #multiIn\r\n                      [attr.type]=\"type\"\r\n                      [attr.id]=\"inputId\"\r\n                      [disabled]=\"disabled\"\r\n                      [attr.placeholder]=\"value && value.length ? null : placeholder\"\r\n                      [attr.tabindex]=\"tabindex\"\r\n                      [attr.maxlength]=\"maxlength\"\r\n                      (input)=\"onInput($event)\"\r\n                      (click)=\"onInputClick($event)\"\r\n                      (keydown)=\"onKeydown($event)\"\r\n                      [readonly]=\"readonly\"\r\n                      (keyup)=\"onKeyup($event)\"\r\n                      (focus)=\"onInputFocus($event)\"\r\n                      (blur)=\"onInputBlur($event)\"\r\n                      (change)=\"onInputChange($event)\"\r\n                      (paste)=\"onInputPaste($event)\"\r\n                      [autocomplete]=\"autocomplete\"\r\n                      [ngStyle]=\"inputStyle\"\r\n                      [class]=\"inputStyleClass\"\r\n                      [attr.aria-label]=\"ariaLabel\"\r\n                      [attr.aria-labelledby]=\"ariaLabelledBy\"\r\n                      [attr.aria-required]=\"required\"\r\n                      aria-autocomplete=\"list\"\r\n                      [attr.aria-controls]=\"listId\"\r\n                      role=\"searchbox\"\r\n                      [attr.aria-expanded]=\"overlayVisible\"\r\n                      aria-haspopup=\"true\"\r\n                      [attr.aria-activedescendant]=\"'p-highlighted-option'\"\r\n                    />\r\n                </li>\r\n            </ul>\r\n            <i *ngIf=\"loading\" class=\"p-autocomplete-loader pi pi-spinner pi-spin\"></i\r\n            ><button\r\n  #ddBtn\r\n  type=\"button\"\r\n  pButton\r\n  [icon]=\"dropdownIcon\"\r\n  [attr.aria-label]=\"dropdownAriaLabel\"\r\n  class=\"p-autocomplete-dropdown\"\r\n  [disabled]=\"disabled\"\r\n  pRipple\r\n  (click)=\"handleDropdownClick($event)\"\r\n  *ngIf=\"dropdown\"\r\n  [attr.tabindex]=\"tabindex\"\r\n></button>\r\n            <div\r\n              #panel\r\n              *ngIf=\"overlayVisible\"\r\n              (click)=\"onOverlayClick($event)\"\r\n              [ngClass]=\"['p-autocomplete-panel p-component']\"\r\n              [style.max-height]=\"virtualScroll ? 'auto' : scrollHeight\"\r\n              [ngStyle]=\"panelStyle\"\r\n              [class]=\"panelStyleClass\"\r\n              [@overlayAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions } }\"\r\n              (@overlayAnimation.start)=\"onOverlayAnimationStart($event)\"\r\n              (@overlayAnimation.done)=\"onOverlayAnimationEnd($event)\"\r\n            >\r\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\r\n                <p-scroller\r\n                  *ngIf=\"virtualScroll\"\r\n                  #scroller\r\n                  [items]=\"suggestions\"\r\n                  [style]=\"{ height: scrollHeight }\"\r\n                  [itemSize]=\"virtualScrollItemSize || _itemSize\"\r\n                  [autoSize]=\"true\"\r\n                  [lazy]=\"lazy\"\r\n                  (onLazyLoad)=\"onLazyLoad.emit($event)\"\r\n                  [options]=\"virtualScrollOptions\"\r\n                >\r\n                    <ng-template pTemplate=\"content\" let-items let-scrollerOptions=\"options\">\r\n                        <ng-container *ngTemplateOutlet=\"buildInItems; context: { $implicit: items, options: scrollerOptions }\"></ng-container>\r\n                    </ng-template>\r\n                    <ng-container *ngIf=\"loaderTemplate\">\r\n                        <ng-template pTemplate=\"loader\" let-scrollerOptions=\"options\">\r\n                            <ng-container *ngTemplateOutlet=\"loaderTemplate; context: { options: scrollerOptions }\"></ng-container>\r\n                        </ng-template>\r\n                    </ng-container>\r\n                </p-scroller>\r\n                <ng-container *ngIf=\"!virtualScroll\">\r\n                    <ng-container *ngTemplateOutlet=\"buildInItems; context: { $implicit: suggestions, options: {} }\"></ng-container>\r\n                </ng-container>\r\n\r\n                <ng-template #buildInItems let-items let-scrollerOptions=\"options\">\r\n                    <ul #items role=\"listbox\" [attr.id]=\"listId\" class=\"p-autocomplete-items\" [ngClass]=\"scrollerOptions.contentStyleClass\" [style]=\"scrollerOptions.contentStyle\">\r\n                        <ng-container *ngIf=\"group\">\r\n                            <ng-template ngFor let-optgroup [ngForOf]=\"items\">\r\n                                <li class=\"p-autocomplete-item-group\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\">\r\n                                    <span *ngIf=\"!groupTemplate\">{{ getOptionGroupLabel(optgroup) || 'empty' }}</span>\r\n                                    <ng-container *ngTemplateOutlet=\"groupTemplate; context: { $implicit: optgroup }\"></ng-container>\r\n                                </li>\r\n                                <ng-container *ngTemplateOutlet=\"itemslist; context: { $implicit: getOptionGroupChildren(optgroup) }\"></ng-container>\r\n                            </ng-template>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"!group\">\r\n                            <ng-container *ngTemplateOutlet=\"itemslist; context: { $implicit: items }\"></ng-container>\r\n                        </ng-container>\r\n                        <ng-template #itemslist let-suggestionsToDisplay>\r\n                            <li\r\n                              role=\"option\"\r\n                              *ngFor=\"let option of suggestionsToDisplay; let idx = index\"\r\n                              class=\"p-autocomplete-item\"\r\n                              pRipple\r\n                              [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\"\r\n                              [ngClass]=\"{ 'p-highlight': option === highlightOption }\"\r\n                              [id]=\"highlightOption == option ? 'p-highlighted-option' : ''\"\r\n                              (click)=\"selectItem(option)\"\r\n                            >\r\n                                <span *ngIf=\"!itemTemplate\"\r\n                                      [attr.title]=\"resolveFieldData(option)\">{{ resolveFieldData(option) }}</span>\r\n                                <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: option, index: scrollerOptions.getOptions ? scrollerOptions.getOptions(idx) : idx }\"></ng-container>\r\n                            </li>\r\n                        </ng-template>\r\n                        <li *ngIf=\"noResults && showEmptyMessage\" class=\"p-autocomplete-empty-message\" [ngStyle]=\"{ height: scrollerOptions.itemSize + 'px' }\">\r\n                            <ng-container *ngIf=\"!emptyTemplate\">\r\n                                {{ emptyMessageLabel }}\r\n                            </ng-container>\r\n                            <ng-container #empty *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\r\n                        </li>\r\n                    </ul>\r\n                </ng-template>\r\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n            </div>\r\n        </span>\r\n" }]
-        }], propDecorators: { minLength: [{
-                type: Input
-            }], delay: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], panelStyle: [{
-                type: Input
-            }], styleClass: [{
-                type: Input
-            }], panelStyleClass: [{
-                type: Input
-            }], inputStyle: [{
-                type: Input
-            }], inputId: [{
-                type: Input
-            }], inputStyleClass: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], appendTo: [{
-                type: Input
-            }], autoHighlight: [{
-                type: Input
-            }], forceSelection: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], autoZIndex: [{
-                type: Input
-            }], baseZIndex: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], ariaLabelledBy: [{
-                type: Input
-            }], dropdownIcon: [{
-                type: Input
-            }], unique: [{
-                type: Input
-            }], completeMethod: [{
-                type: Output
-            }], onSelect: [{
-                type: Output
-            }], onUnselect: [{
-                type: Output
-            }], onFocus: [{
-                type: Output
-            }], onBlur: [{
-                type: Output
-            }], onDropdownClick: [{
-                type: Output
-            }], onClear: [{
-                type: Output
-            }], onKeyUp: [{
-                type: Output
-            }], field: [{
-                type: Input
-            }], scrollHeight: [{
-                type: Input
-            }], dropdown: [{
-                type: Input
-            }], dropdownMode: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], dataKey: [{
-                type: Input
-            }], emptyMessage: [{
-                type: Input
-            }], immutable: [{
-                type: Input
-            }], showTransitionOptions: [{
-                type: Input
-            }], hideTransitionOptions: [{
-                type: Input
-            }], autofocus: [{
-                type: Input
-            }], autocomplete: [{
-                type: Input
-            }], inputEL: [{
-                type: ViewChild,
-                args: ['in', { static: false }]
-            }], multiInputEL: [{
-                type: ViewChild,
-                args: ['multiIn', { static: false }]
-            }], multiContainerEL: [{
-                type: ViewChild,
-                args: ['multiContainer', { static: false }]
-            }], dropdownButton: [{
-                type: ViewChild,
-                args: ['ddBtn', { static: false }]
-            }], templates: [{
-                type: ContentChildren,
-                args: [InsparkTemplate]
-            }] } });
-class AutoCompleteComponentModule {
-}
-AutoCompleteComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AutoCompleteComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AutoCompleteComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AutoCompleteComponentModule, declarations: [AutoCompleteComponent], imports: [TooltipModule,
-        ScrollingModule,
-        CommonModule,
-        PrimengComponentsModule,
-        ButtonModule], exports: [AutoCompleteComponent] });
-AutoCompleteComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AutoCompleteComponentModule, imports: [TooltipModule,
-        ScrollingModule,
-        CommonModule,
-        PrimengComponentsModule,
-        ButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AutoCompleteComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        AutoCompleteComponent,
-                    ],
-                    imports: [
-                        TooltipModule,
-                        ScrollingModule,
-                        CommonModule,
-                        PrimengComponentsModule,
-                        ButtonModule,
-                    ],
-                    exports: [
-                        AutoCompleteComponent,
-                    ],
-                    entryComponents: [
-                        AutoCompleteComponent,
-                    ]
-                }]
-        }] });
-
-class PieService {
-    constructor() {
-        this.colorArray = ['-1', 0, 1, 2, 3, 4]; // Цвета и последовательность в которой они будут отображены
-        this.colors = {
-            1: '#31ac51',
-            2: '#EE9946',
-            3: '#F95C5D',
-            4: '#a20000',
-            0: '#7E8087',
-            '-1': '#85B3CB'
-        };
-    }
-    create(statuses, size) {
-        const data = [];
-        let allCount = 0;
-        this.colorArray.forEach((color) => {
-            allCount += statuses[color] || 0;
-        });
-        let cumulativePercent = 0;
-        this.colorArray.forEach((color) => {
-            const count = statuses[color];
-            if (!count) {
-                return;
-            }
-            const percent = count / allCount;
-            const [startX, startY] = this.getCoordinatesForPercent(size, cumulativePercent);
-            cumulativePercent += percent;
-            const [endX, endY] = this.getCoordinatesForPercent(size, cumulativePercent);
-            const largeArcFlag = percent > .5 ? 1 : 0;
-            const pathData = [
-                `M ${startX} ${startY}`,
-                `A 20 20 0 ${largeArcFlag} 1 ${endX} ${endY}`,
-                `L 0 0`, // Line
-            ].join(' ');
-            data.push({
-                path: pathData,
-                color: this.colors[color + '']
-            });
-        });
-        return data;
-    }
-    getCoordinatesForPercent(size, percent) {
-        const x = size / 2 * Math.cos(2 * Math.PI * percent);
-        const y = size / 2 * Math.sin(2 * Math.PI * percent);
-        return [x, y];
-    }
-}
-PieService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PieService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PieService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PieService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PieService, decorators: [{
-            type: Injectable
-        }] });
-
-// @ts-nocheck
-class ObjectPieComponent {
-    constructor(translate, pieService, cdr) {
-        this.translate = translate;
-        this.pieService = pieService;
-        this.cdr = cdr;
-        this.count = 30;
-        this.size = 40;
-        this.statuses = {
-            '-1': 20,
-            0: 4,
-            1: 3,
-            2: 4,
-            3: 5
-        };
-    }
-    ngOnInit() {
-        this.data = this.pieService.create(this.statuses, this.size);
-    }
-    ngOnDestroy() {
-    }
-    ngOnChanges(changes) {
-    }
-}
-ObjectPieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectPieComponent, deps: [{ token: i1.TranslateService }, { token: PieService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ObjectPieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectPieComponent, selector: "in-pie", inputs: { count: "count", size: "size", statuses: "statuses" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<div class=\"pie-block\">\r\n    <svg viewBox=\"-20 -20 40 40\">\r\n      <defs>\r\n        <clipPath id=\"cut-off-bottom\">\r\n          <circle cx=\"0\" cy=\"0\" r=\"12\"></circle>\r\n        </clipPath>\r\n      </defs>\r\n      <mask id=\"re8-clip\">\r\n        <circle cx=\"0\" cy=\"0\" r=\"20\" fill=\"white\"></circle>\r\n        <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"black\"></circle>\r\n      </mask>\r\n        <path *ngFor=\"let path of data\" [attr.d]=\"path.path\" [attr.fill]=\"path.color\"  mask=\"url(#re8-clip)\"></path>\r\n        <text x=\"0\" y=\"4\" text-anchor=\"middle\" fill=\"currentColor\">{{count}}</text>\r\n    </svg>\r\n</div>\r\n\r\n\r\n", styles: [".pie-block{width:40px;height:40px;color:var(--text-color)}.pie-block text{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block svg{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectPieComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'in-pie', encapsulation: ViewEncapsulation.Emulated, providers: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pie-block\">\r\n    <svg viewBox=\"-20 -20 40 40\">\r\n      <defs>\r\n        <clipPath id=\"cut-off-bottom\">\r\n          <circle cx=\"0\" cy=\"0\" r=\"12\"></circle>\r\n        </clipPath>\r\n      </defs>\r\n      <mask id=\"re8-clip\">\r\n        <circle cx=\"0\" cy=\"0\" r=\"20\" fill=\"white\"></circle>\r\n        <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"black\"></circle>\r\n      </mask>\r\n        <path *ngFor=\"let path of data\" [attr.d]=\"path.path\" [attr.fill]=\"path.color\"  mask=\"url(#re8-clip)\"></path>\r\n        <text x=\"0\" y=\"4\" text-anchor=\"middle\" fill=\"currentColor\">{{count}}</text>\r\n    </svg>\r\n</div>\r\n\r\n\r\n", styles: [".pie-block{width:40px;height:40px;color:var(--text-color)}.pie-block text{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block svg{width:40px;height:40px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: PieService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { count: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], statuses: [{
-                type: Input
-            }] } });
-
-class InsparkComponentsModule {
-}
-InsparkComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InsparkComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: InsparkComponentsModule, declarations: [ButtonComponent,
-        InputTextComponent,
-        TextareaComponent,
-        PanelComponent,
-        ComponentContainerComponent,
-        CheckboxComponent,
-        EmptyComponent,
-        PreloaderComponent,
-        InsparkStickyComponent,
-        InsparkHeaderComponent,
-        ToolbarComponent,
-        BreadcrumbComponent,
-        FileComponent,
-        SelectButtonComponent,
-        ModalInputTextComponent,
-        SelectListComponent,
-        StatusCircleComponent,
-        SvgComponent,
-        SwitcherComponent,
-        InlineMessageComponent,
-        LinkComponent,
-        InsparkTemplate,
-        TooltipComponent,
-        RadiobuttonComponent,
-        ObjectTreeComponent,
-        ContentToggleComponent,
-        InputGroupComponent,
-        ObjectPieComponent], imports: [AutoCompleteComponentModule,
-        FormsModule,
-        ReactiveFormsModule,
-        CommonModule,
-        DropdownComponentModule,
-        TableComponentModule,
-        TreeTableComponentModule,
-        RadioButtonModule,
-        TranslateModule,
-        MenuModule,
-        SliderModule,
-        NgbModule, i2$1.InlineSVGModule, BreadcrumbModule,
-        TreeModule,
-        SharedModule], 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,
-        ObjectPieComponent,
-        InputGroupComponent,
-        AutoCompleteComponentModule] });
-InsparkComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkComponentsModule, imports: [AutoCompleteComponentModule,
-        FormsModule,
-        ReactiveFormsModule,
-        CommonModule,
-        DropdownComponentModule,
-        TableComponentModule,
-        TreeTableComponentModule,
-        RadioButtonModule,
-        TranslateModule,
-        MenuModule,
-        SliderModule,
-        NgbModule,
-        InlineSVGModule.forRoot({ baseUrl: 'assets/images/' }),
-        BreadcrumbModule,
-        TreeModule,
-        SharedModule, DropdownComponentModule,
-        TableComponentModule,
-        TreeTableComponentModule,
-        MenuModule,
-        SliderModule,
-        NgbModule,
-        AutoCompleteComponentModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkComponentsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AutoCompleteComponentModule,
-                        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,
-                        InputGroupComponent,
-                        ObjectPieComponent,
-                    ],
-                    exports: [
-                        ButtonComponent,
-                        InputTextComponent,
-                        TextareaComponent,
-                        PanelComponent,
-                        ComponentContainerComponent,
-                        CheckboxComponent,
-                        DropdownComponentModule,
-                        TableComponentModule,
-                        TreeTableComponentModule,
-                        EmptyComponent,
-                        PreloaderComponent,
-                        InsparkStickyComponent,
-                        InsparkHeaderComponent,
-                        ToolbarComponent,
-                        BreadcrumbComponent,
-                        FileComponent,
-                        SelectButtonComponent,
-                        ModalInputTextComponent,
-                        SelectListComponent,
-                        StatusCircleComponent,
-                        SvgComponent,
-                        SwitcherComponent,
-                        MenuModule,
-                        SliderModule,
-                        InlineMessageComponent,
-                        LinkComponent,
-                        InsparkTemplate,
-                        NgbModule,
-                        TooltipComponent,
-                        RadiobuttonComponent,
-                        ObjectTreeComponent,
-                        ContentToggleComponent,
-                        ObjectPieComponent,
-                        InputGroupComponent,
-                        AutoCompleteComponentModule
-                    ],
-                    entryComponents: [SelectListComponent, ModalInputTextComponent],
-                    schemas: [NO_ERRORS_SCHEMA]
-                }]
-        }] });
-
-/*
- * Public API Surface of inspark-components
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AutoCompleteComponent, AutoCompleteComponentModule, BreadcrumbComponent, ButtonComponent, CheckboxComponent, CommunicationService, ComponentContainerComponent, ContentToggleComponent, DROPDOWN_VALUE_ACCESSOR, DropdownComponent, DropdownComponentModule, DropdownItem, EmptyComponent, FileComponent, FormatNumToTime, InDate, InlineMessageComponent, InputGroupComponent, InputTextComponent, InsparkComponentsModule, InsparkDialogService, InsparkHeaderComponent, InsparkMessageService, InsparkStickyComponent, InsparkTemplate, LinkComponent, ModalInputTextComponent, NumToShortWeekdayPipe, ObjectPieComponent, ObjectTreeComponent, PanelComponent, PipesModule, PreloaderComponent, PropertyValuePipe, RadiobuttonComponent, SafeUrlPipe, SelectButtonComponent, SelectListComponent, ShortToFullWeekdayPipe, SortByPipe, StatusCircleComponent, SvgComponent, SwitcherComponent, TableColumnsMultiselectComponent, TableComponent, TableComponentModule, TextareaComponent, ToolbarComponent, TooltipComponent, TreeTableComponent, TreeTableComponentModule, formatNumberToTime, numToShortWeekday, parseIntervalToMinutes, shortToFullWeekday, shortWeekdayToNum, tableFactory };
-//# sourceMappingURL=inspark-inspark-components.mjs.map