@apipass/inputs 0.2.1-alpha.9 → 0.2.1

package/fesm2015/apipass-inputs.js

@@ -13,8 +13,8 @@ import { inRange } from 'lodash';
 import { MatPassToggleVisibilityComponent, MatPasswordStrengthComponent, MatPasswordStrengthInfoComponent, MatPasswordStrengthModule } from '@angular-material-extensions/password-strength';
 import { IconComponent, IconsModule } from '@apipass/icons';
 import { Subject, fromEvent } from 'rxjs';
-import { debounceTime, distinctUntilChanged, takeUntil, tap } from 'rxjs/operators';
-import { NgSelectComponent, ɵh, ɵj, ɵf, NgSelectModule } from '@ng-select/ng-select';
+import { debounceTime, distinctUntilChanged, takeUntil, tap, skip } from 'rxjs/operators';
+import { NgSelectComponent, ɵj, ɵf, ɵh, NgSelectModule } from '@ng-select/ng-select';
 import { MatSelectFilterModule } from 'mat-select-filter';
 import { DndDropzoneDirective, DndModule } from 'ngx-drag-drop';
 import { RouterModule } from '@angular/router';
@@ -650,83 +650,116 @@ FieldComponent.ɵcmp = ɵɵdefineComponent({ type: FieldComponent, selectors: [[
         }] }); })();
 
 const _c0$3 = ["ngSelectComponent"];
-function SelectBoxComponent_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 7);
-    ɵɵelement(1, "img", 8);
+function SelectBoxComponent_2_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 8);
+    ɵɵelement(1, "img", 9);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r7 = ɵɵnextContext(3);
+    ɵɵadvance(1);
+    ɵɵproperty("src", ctx_r7.selectedItem[ctx_r7.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", ctx_r7.selectedItem[ctx_r7.bindValue])("matTooltip", ctx_r7.selectedItem[ctx_r7.bindValue]);
+} }
+function SelectBoxComponent_2_ng_template_0_span_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span", 10);
+    ɵɵtext(1);
     ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r8 = ɵɵnextContext(3);
+    ɵɵadvance(1);
+    ɵɵtextInterpolate(ctx_r8.selectedItem[ctx_r8.bindValue]);
+} }
+function SelectBoxComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SelectBoxComponent_2_ng_template_0_div_0_Template, 2, 3, "div", 6);
+    ɵɵtemplate(1, SelectBoxComponent_2_ng_template_0_span_1_Template, 2, 1, "span", 7);
 } if (rf & 2) {
     const ctx_r5 = ɵɵnextContext(2);
+    ɵɵproperty("ngIf", ctx_r5.selectedItem && ctx_r5.selectedItem[ctx_r5.bindKey] && ctx_r5.selectedItem[ctx_r5.bindValue] && ctx_r5.bindImageUrl);
+    ɵɵadvance(1);
+    ɵɵproperty("ngIf", ctx_r5.selectedItem && ctx_r5.selectedItem[ctx_r5.bindKey] && ctx_r5.selectedItem[ctx_r5.bindValue]);
+} }
+function SelectBoxComponent_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SelectBoxComponent_2_ng_template_0_Template, 2, 2, "ng-template", 5);
+} }
+function SelectBoxComponent_3_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 8);
+    ɵɵelement(1, "img", 9);
+    ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r11 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵproperty("src", ctx_r5.value[ctx_r5.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", ctx_r5.value[ctx_r5.bindValue])("matTooltip", ctx_r5.value[ctx_r5.bindValue]);
+    ɵɵproperty("src", ctx_r11.value[ctx_r11.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", ctx_r11.value[ctx_r11.bindValue])("matTooltip", ctx_r11.value[ctx_r11.bindValue]);
 } }
-function SelectBoxComponent_ng_template_2_span_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "span", 9);
+function SelectBoxComponent_3_ng_template_0_span_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span", 10);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r6 = ɵɵnextContext(2);
+    const ctx_r12 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵtextInterpolate(ctx_r6.value[ctx_r6.bindValue]);
+    ɵɵtextInterpolate(ctx_r12.value[ctx_r12.bindValue]);
 } }
-function SelectBoxComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵtemplate(0, SelectBoxComponent_ng_template_2_div_0_Template, 2, 3, "div", 5);
-    ɵɵtemplate(1, SelectBoxComponent_ng_template_2_span_1_Template, 2, 1, "span", 6);
+function SelectBoxComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SelectBoxComponent_3_ng_template_0_div_0_Template, 2, 3, "div", 6);
+    ɵɵtemplate(1, SelectBoxComponent_3_ng_template_0_span_1_Template, 2, 1, "span", 7);
 } if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngIf", ctx_r1.value && ctx_r1.value[ctx_r1.bindKey] && ctx_r1.value[ctx_r1.bindValue] && ctx_r1.bindImageUrl);
+    const ctx_r9 = ɵɵnextContext(2);
+    ɵɵproperty("ngIf", ctx_r9.value && ctx_r9.value[ctx_r9.bindKey] && ctx_r9.value[ctx_r9.bindValue] && ctx_r9.bindImageUrl);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r1.value && ctx_r1.value[ctx_r1.bindKey] && ctx_r1.value[ctx_r1.bindValue]);
+    ɵɵproperty("ngIf", ctx_r9.value && ctx_r9.value[ctx_r9.bindKey] && ctx_r9.value[ctx_r9.bindValue]);
+} }
+function SelectBoxComponent_3_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SelectBoxComponent_3_ng_template_0_Template, 2, 2, "ng-template", 5);
 } }
-function SelectBoxComponent_ng_template_3_icon_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "icon", 13);
+function SelectBoxComponent_ng_template_4_icon_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "icon", 14);
 } if (rf & 2) {
-    const ctx_r7 = ɵɵnextContext(2);
-    ɵɵproperty("title", ctx_r7.addNewItemText)("name", ctx_r7.addNewItemIcon)("size", 20);
+    const ctx_r13 = ɵɵnextContext(2);
+    ɵɵproperty("title", ctx_r13.addNewItemText)("name", ctx_r13.addNewItemIcon)("size", 20);
 } }
-function SelectBoxComponent_ng_template_3_span_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "span", 14);
+function SelectBoxComponent_ng_template_4_span_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "span", 15);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r8 = ɵɵnextContext(2);
+    const ctx_r14 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵtextInterpolate(ctx_r8.addNewItemText);
+    ɵɵtextInterpolate(ctx_r14.addNewItemText);
 } }
-function SelectBoxComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 10);
-    ɵɵlistener("click", function SelectBoxComponent_ng_template_3_Template_div_click_0_listener() { ɵɵrestoreView(_r10); const ctx_r9 = ɵɵnextContext(); return ctx_r9.onAddNewItem(); });
-    ɵɵtemplate(1, SelectBoxComponent_ng_template_3_icon_1_Template, 1, 3, "icon", 11);
-    ɵɵtemplate(2, SelectBoxComponent_ng_template_3_span_2_Template, 2, 1, "span", 12);
+function SelectBoxComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 11);
+    ɵɵlistener("click", function SelectBoxComponent_ng_template_4_Template_div_click_0_listener() { ɵɵrestoreView(_r16); const ctx_r15 = ɵɵnextContext(); return ctx_r15.onAddNewItem(); });
+    ɵɵtemplate(1, SelectBoxComponent_ng_template_4_icon_1_Template, 1, 3, "icon", 12);
+    ɵɵtemplate(2, SelectBoxComponent_ng_template_4_span_2_Template, 2, 1, "span", 13);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = ɵɵnextContext();
+    const ctx_r3 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r2.addNewItemIcon);
+    ɵɵproperty("ngIf", ctx_r3.addNewItemIcon);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r2.addNewItemText);
+    ɵɵproperty("ngIf", ctx_r3.addNewItemText);
 } }
-function SelectBoxComponent_ng_template_4_div_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 7);
-    ɵɵelement(1, "img", 8);
+function SelectBoxComponent_ng_template_5_div_0_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 8);
+    ɵɵelement(1, "img", 9);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r11 = ɵɵnextContext().item;
-    const ctx_r13 = ɵɵnextContext();
+    const item_r17 = ɵɵnextContext().item;
+    const ctx_r19 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("src", item_r11[ctx_r13.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", item_r11[ctx_r13.bindValue])("matTooltip", item_r11[ctx_r13.bindValue]);
+    ɵɵproperty("src", item_r17[ctx_r19.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", item_r17[ctx_r19.bindValue])("matTooltip", item_r17[ctx_r19.bindValue]);
 } }
-function SelectBoxComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    ɵɵtemplate(0, SelectBoxComponent_ng_template_4_div_0_Template, 2, 3, "div", 5);
-    ɵɵelementStart(1, "span", 15);
+function SelectBoxComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SelectBoxComponent_ng_template_5_div_0_Template, 2, 3, "div", 6);
+    ɵɵelementStart(1, "span", 16);
     ɵɵtext(2);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r11 = ctx.item;
-    const ctx_r3 = ɵɵnextContext();
-    ɵɵproperty("ngIf", ctx_r3.bindImageUrl);
+    const item_r17 = ctx.item;
+    const ctx_r4 = ɵɵnextContext();
+    ɵɵproperty("ngIf", ctx_r4.bindImageUrl);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(item_r11[ctx_r3.bindValue]);
+    ɵɵtextInterpolate(item_r17[ctx_r4.bindValue]);
 } }
 const _c1$2 = function (a0, a1) { return { "apipass-select-image": a0, "apipass-select": a1 }; };
 class SelectBoxComponent extends ValueAccessorBase {
@@ -826,8 +859,7 @@ class SelectBoxComponent extends ValueAccessorBase {
         event.stopPropagation();
     }
     onSelectionChange(event) {
-        var _a;
-        this.selectedItem = (_a = this.data) === null || _a === void 0 ? void 0 : _a.filter(el => el[this.bindKey] === this.value)[0];
+        this.findSelectedItem(this.value);
         this.onSelectChange.emit(this.selectedItem);
     }
     openSelectBox($event) {
@@ -853,6 +885,21 @@ class SelectBoxComponent extends ValueAccessorBase {
         }
         this.onAddNewItemClick.next();
     }
+    writeValue(value) {
+        super.writeValue(value);
+        if (value) {
+            this.findSelectedItem(value);
+        }
+    }
+    findSelectedItem(value) {
+        var _a, _b;
+        if (this.selectProperty) {
+            this.selectedItem = (_a = this.data) === null || _a === void 0 ? void 0 : _a.find(el => el[this.bindKey] === value);
+        }
+        else {
+            this.selectedItem = (_b = this.data) === null || _b === void 0 ? void 0 : _b.find(el => el[this.bindKey] === value[this.bindKey]);
+        }
+    }
 }
 SelectBoxComponent.ɵfac = function SelectBoxComponent_Factory(t) { return ɵSelectBoxComponent_BaseFactory(t || SelectBoxComponent); };
 SelectBoxComponent.ɵcmp = ɵɵdefineComponent({ type: SelectBoxComponent, selectors: [["select-box"]], viewQuery: function SelectBoxComponent_Query(rf, ctx) { if (rf & 1) {
@@ -860,24 +907,27 @@ SelectBoxComponent.ɵcmp = ɵɵdefineComponent({ type: SelectBoxComponent, selec
     } if (rf & 2) {
         var _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.ngSelectComponent = _t.first);
-    } }, inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens", showAddNewItem: "showAddNewItem", addNewItemText: "addNewItemText", addNewItemIcon: "addNewItemIcon", addNewItemClickCloseSelect: "addNewItemClickCloseSelect", closeOnBodyScroll: "closeOnBodyScroll" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear", onAddNewItemClick: "onAddNewItemClick" }, features: [ɵɵProvidersFeature([{
+    } }, inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", selectProperty: "selectProperty", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens", showAddNewItem: "showAddNewItem", addNewItemText: "addNewItemText", addNewItemIcon: "addNewItemIcon", addNewItemClickCloseSelect: "addNewItemClickCloseSelect", closeOnBodyScroll: "closeOnBodyScroll" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear", onAddNewItemClick: "onAddNewItemClick" }, features: [ɵɵProvidersFeature([{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SelectBoxComponent),
                 multi: true
-            }]), ɵɵInheritDefinitionFeature], decls: 5, vars: 18, consts: [["appendTo", "body", 3, "ngModel", "items", "virtualScroll", "loading", "placeholder", "clearAllText", "searchable", "typeToSearchText", "notFoundText", "disabled", "typeahead", "ngClass", "compareWith", "ngModelChange", "open", "close", "clear", "scroll", "scrollToEnd", "change"], ["ngSelectComponent", ""], ["ng-label-tmp", "", 3, "ngIf"], ["ng-header-tmp", "", 3, "ngIf"], ["ng-option-tmp", ""], ["class", "image", "style", "width: 40px;height: 40px; margin-right: 10px;", 4, "ngIf"], ["class", "select-text-element", 4, "ngIf"], [1, "image", 2, "width", "40px", "height", "40px", "margin-right", "10px"], ["loading", "lazy", 2, "width", "auto", "max-width", "40px", "height", "40px", 3, "src", "alt", "matTooltip"], [1, "select-text-element"], [1, "add-new-item-option", 2, "display", "flex", "align-items", "center", "cursor", "pointer", 3, "click"], ["style", "margin-right: 5px", 3, "title", "name", "size", 4, "ngIf"], ["class", "add-new-item-text", "style", "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;", 4, "ngIf"], [2, "margin-right", "5px", 3, "title", "name", "size"], [1, "add-new-item-text", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"], [1, "select-text-element", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"]], template: function SelectBoxComponent_Template(rf, ctx) { if (rf & 1) {
+            }]), ɵɵInheritDefinitionFeature], decls: 6, vars: 20, consts: [["appendTo", "body", 3, "ngModel", "items", "virtualScroll", "loading", "placeholder", "clearAllText", "searchable", "typeToSearchText", "notFoundText", "disabled", "typeahead", "ngClass", "compareWith", "bindValue", "ngModelChange", "open", "close", "clear", "scroll", "scrollToEnd", "change"], ["ngSelectComponent", ""], [4, "ngIf"], ["ng-header-tmp", "", 3, "ngIf"], ["ng-option-tmp", ""], ["ng-label-tmp", ""], ["class", "image", "style", "width: 40px;height: 40px; margin-right: 10px;", 4, "ngIf"], ["class", "select-text-element", 4, "ngIf"], [1, "image", 2, "width", "40px", "height", "40px", "margin-right", "10px"], ["loading", "lazy", 2, "width", "auto", "max-width", "40px", "height", "40px", 3, "src", "alt", "matTooltip"], [1, "select-text-element"], [1, "add-new-item-option", 2, "display", "flex", "align-items", "center", "cursor", "pointer", 3, "click"], ["style", "margin-right: 5px", 3, "title", "name", "size", 4, "ngIf"], ["class", "add-new-item-text", "style", "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;", 4, "ngIf"], [2, "margin-right", "5px", 3, "title", "name", "size"], [1, "add-new-item-text", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"], [1, "select-text-element", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"]], template: function SelectBoxComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵelementStart(0, "ng-select", 0, 1);
         ɵɵlistener("ngModelChange", function SelectBoxComponent_Template_ng_select_ngModelChange_0_listener($event) { return ctx.value = $event; })("open", function SelectBoxComponent_Template_ng_select_open_0_listener($event) { return ctx.openSelectBox($event); })("close", function SelectBoxComponent_Template_ng_select_close_0_listener($event) { return ctx.onClose($event); })("clear", function SelectBoxComponent_Template_ng_select_clear_0_listener() { return ctx.onClear(); })("scroll", function SelectBoxComponent_Template_ng_select_scroll_0_listener($event) { return ctx.onScroll($event); })("scrollToEnd", function SelectBoxComponent_Template_ng_select_scrollToEnd_0_listener() { return ctx.onScrollToEnd(); })("change", function SelectBoxComponent_Template_ng_select_change_0_listener($event) { return ctx.onSelectionChange($event); });
-        ɵɵtemplate(2, SelectBoxComponent_ng_template_2_Template, 2, 2, "ng-template", 2);
-        ɵɵtemplate(3, SelectBoxComponent_ng_template_3_Template, 3, 2, "ng-template", 3);
-        ɵɵtemplate(4, SelectBoxComponent_ng_template_4_Template, 3, 2, "ng-template", 4);
+        ɵɵtemplate(2, SelectBoxComponent_2_Template, 1, 0, undefined, 2);
+        ɵɵtemplate(3, SelectBoxComponent_3_Template, 1, 0, undefined, 2);
+        ɵɵtemplate(4, SelectBoxComponent_ng_template_4_Template, 3, 2, "ng-template", 3);
+        ɵɵtemplate(5, SelectBoxComponent_ng_template_5_Template, 3, 2, "ng-template", 4);
         ɵɵelementEnd();
     } if (rf & 2) {
-        ɵɵproperty("ngModel", ctx.value)("items", ctx.visibleItens)("virtualScroll", true)("loading", ctx.loading)("placeholder", ctx.placeholder)("clearAllText", ctx.clearText)("searchable", ctx.enabledSearch)("typeToSearchText", ctx.searchPlaceHolder)("notFoundText", ctx.notFoundText)("disabled", ctx.disabled)("typeahead", ctx.inputFilter)("ngClass", ɵɵpureFunction2(15, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn);
+        ɵɵproperty("ngModel", ctx.value)("items", ctx.visibleItens)("virtualScroll", true)("loading", ctx.loading)("placeholder", ctx.placeholder)("clearAllText", ctx.clearText)("searchable", ctx.enabledSearch)("typeToSearchText", ctx.searchPlaceHolder)("notFoundText", ctx.notFoundText)("disabled", ctx.disabled)("typeahead", ctx.inputFilter)("ngClass", ɵɵpureFunction2(17, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn)("bindValue", ctx.selectProperty);
         ɵɵadvance(2);
-        ɵɵproperty("ngIf", ctx.value && ctx.value[ctx.bindKey] && ctx.value[ctx.bindValue]);
+        ɵɵproperty("ngIf", ctx.selectProperty && ctx.selectedItem && ctx.selectedItem[ctx.bindKey] && ctx.selectedItem[ctx.bindValue]);
+        ɵɵadvance(1);
+        ɵɵproperty("ngIf", !ctx.selectProperty && ctx.value && ctx.value[ctx.bindKey] && ctx.value[ctx.bindValue]);
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.showAddNewItem);
-    } }, directives: [NgSelectComponent, NgControlStatus, NgModel, NgClass, ɵh, NgIf, ɵj, ɵf, MatTooltip, IconComponent], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.mat-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-bottom:7px!important;padding-top:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-select-image.ng-select.ng-select-opened>.ng-select-container,.apipass-select.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9;height:51px}.apipass-select-image.ng-select-disabled .ng-select-container,.apipass-select.ng-select-disabled .ng-select-container{background-color:#ccc!important;color:#777!important;cursor:no-drop!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow,.apipass-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow{border-color:#777 transparent transparent!important;color:#777!important;cursor:no-drop!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select.ng-select-disabled .ng-select-container .ng-value,.apipass-select.ng-select-disabled .ng-select-container .ng-value-container{cursor:no-drop!important}.apipass-select-image .select-text-element,.apipass-select .select-text-element{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{border-color:transparent transparent #ddd;border-width:0 5px 5px;top:-2px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center!important;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{min-height:51px}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container,.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select-image .ng-select-container .ng-value-container .ng-value,.apipass-select .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input,.apipass-select .ng-select-container .ng-value-container .ng-input{padding-top:0!important;top:auto!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input input,.apipass-select .ng-select-container .ng-value-container .ng-input input{margin-top:-5px!important;padding-bottom:17px!important;padding-top:17px!important}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-left:0;padding-right:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.6);font-size:14px}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{height:51px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-left:50px;padding-right:10px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#f9f9f9;border:1px solid #e6e6e6;display:flex!important}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:7px;padding-top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:0;padding-right:7px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#ebf5ff;border-radius:2px;color:#333;display:flex!important;font-size:.9em;margin-bottom:5px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important;margin-left:5px;margin-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-bottom:5px;padding-left:3px;top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:0;padding-right:3px}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.6)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{padding-right:5px;width:25px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#ddd transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#e6e6e6;margin-top:-1px;top:100%}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ng-dropdown-panel.ng-select-top{border-bottom-color:#e6e6e6;border-top-left-radius:4px;border-top-right-radius:4px;bottom:100%;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;color:rgba(0,0,0,.54);cursor:pointer;font-weight:500;padding:8px 10px;user-select:none}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{align-items:center!important;background-color:#fff;color:rgba(0,0,0,.87);display:flex!important;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background-color:#ebf5ff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:0;padding-right:22px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}"], encapsulation: 2 });
+    } }, directives: [NgSelectComponent, NgControlStatus, NgModel, NgClass, NgIf, ɵj, ɵf, ɵh, MatTooltip, IconComponent], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.mat-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-bottom:7px!important;padding-top:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-select-image.ng-select.ng-select-opened>.ng-select-container,.apipass-select.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9;height:51px}.apipass-select-image.ng-select-disabled .ng-select-container,.apipass-select.ng-select-disabled .ng-select-container{background-color:#ccc!important;color:#777!important;cursor:no-drop!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow,.apipass-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow{border-color:#777 transparent transparent!important;color:#777!important;cursor:no-drop!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select.ng-select-disabled .ng-select-container .ng-value,.apipass-select.ng-select-disabled .ng-select-container .ng-value-container{cursor:no-drop!important}.apipass-select-image .select-text-element,.apipass-select .select-text-element{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{border-color:transparent transparent #ddd;border-width:0 5px 5px;top:-2px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center!important;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{min-height:51px}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container,.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select-image .ng-select-container .ng-value-container .ng-value,.apipass-select .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input,.apipass-select .ng-select-container .ng-value-container .ng-input{padding-top:0!important;top:auto!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input input,.apipass-select .ng-select-container .ng-value-container .ng-input input{margin-top:-5px!important;padding-bottom:17px!important;padding-top:17px!important}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-left:0;padding-right:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.6);font-size:14px}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{height:51px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-left:50px;padding-right:10px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#f9f9f9;border:1px solid #e6e6e6;display:flex!important}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:7px;padding-top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:0;padding-right:7px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#ebf5ff;border-radius:2px;color:#333;display:flex!important;font-size:.9em;margin-bottom:5px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important;margin-left:5px;margin-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-bottom:5px;padding-left:3px;top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:0;padding-right:3px}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.6)}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{padding-right:5px;width:25px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#ddd transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ddd;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#e6e6e6;margin-top:-1px;top:100%}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ng-dropdown-panel.ng-select-top{border-bottom-color:#e6e6e6;border-top-left-radius:4px;border-top-right-radius:4px;bottom:100%;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;color:rgba(0,0,0,.54);cursor:pointer;font-weight:500;padding:8px 10px;user-select:none}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{align-items:center!important;background-color:#fff;color:rgba(0,0,0,.87);display:flex!important;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background-color:#ebf5ff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:0;padding-right:22px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}"], encapsulation: 2 });
 const ɵSelectBoxComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SelectBoxComponent);
 /*@__PURE__*/ (function () { ɵsetClassMetadata(SelectBoxComponent, [{
         type: Component,
@@ -908,6 +958,8 @@ const ɵSelectBoxComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(S
             type: Input
         }], selectedItem: [{
             type: Input
+        }], selectProperty: [{
+            type: Input
         }], bindImageUrl: [{
             type: Input
         }], bindKey: [{
@@ -1190,6 +1242,8 @@ class CustomSelectComponent {
             this.value = '';
         }
         this.value += `{{${$event.data}}}`;
+        this.edited = true;
+        this.onBlur(undefined);
     }
 }
 CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(); };
@@ -1927,6 +1981,32 @@ const ɵInputBooleanComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactor
             type: Input
         }] }); })();
 
+class DebouceInputDirective {
+    constructor(ngModel) {
+        this.ngModel = ngModel;
+        this.debounceTime = 500;
+        this.onDebounceTriggered = new EventEmitter();
+        this.subscription = this.ngModel.control.valueChanges.pipe(skip(1), distinctUntilChanged(), debounceTime(this.debounceTime)).subscribe((value) => this.onDebounceTriggered.emit(value));
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+}
+DebouceInputDirective.ɵfac = function DebouceInputDirective_Factory(t) { return new (t || DebouceInputDirective)(ɵɵdirectiveInject(NgModel)); };
+DebouceInputDirective.ɵdir = ɵɵdefineDirective({ type: DebouceInputDirective, selectors: [["", "debounceInput", ""]], inputs: { debounceTime: "debounceTime" }, outputs: { onDebounceTriggered: "onDebounceTriggered" } });
+/*@__PURE__*/ (function () { ɵsetClassMetadata(DebouceInputDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[debounceInput]',
+            }]
+    }], function () { return [{ type: NgModel }]; }, { debounceTime: [{
+            type: Input
+        }], onDebounceTriggered: [{
+            type: Output
+        }] }); })();
+
 class InputsModule {
 }
 InputsModule.ɵmod = ɵɵdefineNgModule({ type: InputsModule });
@@ -1960,7 +2040,8 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
         CustomSelectComponent,
         FieldComponent,
         AceEditorComponent,
-        AceEditorDirective], imports: [RouterModule, CommonModule,
+        AceEditorDirective,
+        DebouceInputDirective], imports: [RouterModule, CommonModule,
         FormsModule,
         MatFormFieldModule,
         MatInputModule,
@@ -1985,7 +2066,8 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
         CustomSelectComponent,
         FieldComponent,
         AceEditorComponent,
-        AceEditorDirective] }); })();
+        AceEditorDirective,
+        DebouceInputDirective] }); })();
 /*@__PURE__*/ (function () { ɵsetClassMetadata(InputsModule, [{
         type: NgModule,
         args: [{
@@ -2020,7 +2102,8 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
                     CustomSelectComponent,
                     FieldComponent,
                     AceEditorComponent,
-                    AceEditorDirective
+                    AceEditorDirective,
+                    DebouceInputDirective
                 ],
                 exports: [
                     SelectBoxComponent,
@@ -2034,7 +2117,8 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
                     CustomSelectComponent,
                     FieldComponent,
                     AceEditorComponent,
-                    AceEditorDirective
+                    AceEditorDirective,
+                    DebouceInputDirective
                 ],
                 providers: [],
             }]
@@ -2044,5 +2128,5 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
  * Generated bundle index. Do not edit.
  */
 
-export { AceEditorComponent, AceEditorDirective, CustomSelectComponent, CustomSelectItem, FieldComponent, InputAvatarComponent, InputBooleanComponent, InputFileComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputsModule, SelectBoxComponent, SelectEnumComponent };
+export { AceEditorComponent, AceEditorDirective, CustomSelectComponent, CustomSelectItem, DebouceInputDirective, FieldComponent, InputAvatarComponent, InputBooleanComponent, InputFileComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputsModule, SelectBoxComponent, SelectEnumComponent };
 //# sourceMappingURL=apipass-inputs.js.map