@apipass/inputs 0.2.5-alpha.2 → 0.2.5-alpha.21

package/fesm2015/apipass-inputs.js

@@ -1,4 +1,4 @@
-import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵadvance, ɵɵproperty, ɵɵtext, ɵɵtextInterpolate, ɵɵdefineComponent, ɵɵProvidersFeature, forwardRef, ɵɵInheritDefinitionFeature, ɵɵtemplate, ɵɵpipe, ɵɵpipeBind2, ɵɵpipeBind1, ɵɵgetInheritedFactory, ɵsetClassMetadata, Component, ViewEncapsulation, Input, ɵɵreference, ɵɵtextInterpolate2, ɵɵelement, EventEmitter, ɵɵpureFunction1, ChangeDetectionStrategy, Output, ɵɵpureFunction3, ɵɵpureFunction2, ɵɵsanitizeUrl, ɵɵprojectionDef, ɵɵprojection, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewChild, ɵɵdirectiveInject, NgZone, ɵɵdefineDirective, Directive, ɵɵtextInterpolate1, ɵɵpipeBind3, ɵɵstaticViewQuery, ɵɵattribute, ɵɵpureFunction0, HostBinding, HostListener, ElementRef, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵadvance, ɵɵproperty, ɵɵtext, ɵɵtextInterpolate, ɵɵdefineComponent, ɵɵProvidersFeature, forwardRef, ɵɵInheritDefinitionFeature, ɵɵtemplate, ɵɵpipe, ɵɵpipeBind2, ɵɵpipeBind1, ɵɵgetInheritedFactory, ɵsetClassMetadata, Component, ViewEncapsulation, Input, ɵɵreference, ɵɵtextInterpolate2, ɵɵelement, EventEmitter, ɵɵpureFunction1, ChangeDetectionStrategy, Output, ɵɵpureFunction3, ɵɵpureFunction2, ɵɵsanitizeUrl, ɵɵprojectionDef, ɵɵprojection, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewChild, ɵɵdirectiveInject, NgZone, ɵɵdefineDirective, Directive, ɵɵtextInterpolate1, ɵɵpipeBind3, ElementRef, ɵɵattribute, ɵɵpureFunction0, HostBinding, HostListener, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NgControlStatus, NgModel, DefaultValueAccessor, RequiredValidator, MinLengthValidator, NumberValueAccessor, FormsModule } from '@angular/forms';
 import { NgIf, NgForOf, NgClass, NgStyle, CommonModule } from '@angular/common';
 import { MatFormField, MatSuffix, MatLabel, MatHint, MatPrefix, MatFormFieldModule } from '@angular/material/form-field';
@@ -13,8 +13,9 @@ import { MatPassToggleVisibilityComponent, MatPasswordStrengthComponent, MatPass
 import { IconComponent, IconsModule } from '@apipass/icons';
 import { Subject, fromEvent } from 'rxjs';
 import { debounceTime, distinctUntilChanged, takeUntil, tap, skip } from 'rxjs/operators';
-import { NgSelectComponent, ɵj, ɵf, ɵh, NgSelectModule } from '@ng-select/ng-select';
+import { NgSelectComponent, ɵf, ɵh, ɵj, NgSelectModule } from '@ng-select/ng-select';
 import { MatSelectFilterModule } from 'mat-select-filter';
+import { ScrollStrategyOptions, CdkOverlayOrigin, CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
 import { DndDropzoneDirective, DndModule } from 'ngx-drag-drop';
 import { RouterModule } from '@angular/router';
 import 'brace';
@@ -648,8 +649,8 @@ FieldComponent.ɵcmp = ɵɵdefineComponent({ type: FieldComponent, selectors: [[
 
 const _c0$3 = ["ngSelectComponent"];
 function SelectBoxComponent_2_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 8);
-    ɵɵelement(1, "img", 9);
+    ɵɵelementStart(0, "div", 7);
+    ɵɵelement(1, "img", 8);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r7 = ɵɵnextContext(3);
@@ -657,7 +658,7 @@ function SelectBoxComponent_2_ng_template_0_div_0_Template(rf, ctx) { if (rf & 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);
+    ɵɵelementStart(0, "span", 9);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -666,8 +667,8 @@ function SelectBoxComponent_2_ng_template_0_span_1_Template(rf, ctx) { if (rf &
     ɵɵ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);
+    ɵɵtemplate(0, SelectBoxComponent_2_ng_template_0_div_0_Template, 2, 3, "div", 5);
+    ɵɵtemplate(1, SelectBoxComponent_2_ng_template_0_span_1_Template, 2, 1, "span", 6);
 } 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);
@@ -675,11 +676,11 @@ function SelectBoxComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 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);
+    ɵɵtemplate(0, SelectBoxComponent_2_ng_template_0_Template, 2, 2, "ng-template", 4);
 } }
 function SelectBoxComponent_3_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 8);
-    ɵɵelement(1, "img", 9);
+    ɵɵelementStart(0, "div", 7);
+    ɵɵelement(1, "img", 8);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r11 = ɵɵnextContext(3);
@@ -687,7 +688,7 @@ function SelectBoxComponent_3_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1
     ɵɵ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_3_ng_template_0_span_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "span", 10);
+    ɵɵelementStart(0, "span", 9);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -696,8 +697,8 @@ function SelectBoxComponent_3_ng_template_0_span_1_Template(rf, ctx) { if (rf &
     ɵɵtextInterpolate(ctx_r12.value[ctx_r12.bindValue]);
 } }
 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);
+    ɵɵtemplate(0, SelectBoxComponent_3_ng_template_0_div_0_Template, 2, 3, "div", 5);
+    ɵɵtemplate(1, SelectBoxComponent_3_ng_template_0_span_1_Template, 2, 1, "span", 6);
 } if (rf & 2) {
     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);
@@ -705,58 +706,61 @@ function SelectBoxComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵ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);
+    ɵɵtemplate(0, SelectBoxComponent_3_ng_template_0_Template, 2, 2, "ng-template", 4);
 } }
-function SelectBoxComponent_ng_template_4_icon_1_Template(rf, ctx) { if (rf & 1) {
+function SelectBoxComponent_4_ng_template_0_icon_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "icon", 14);
 } if (rf & 2) {
-    const ctx_r13 = ɵɵnextContext(2);
-    ɵɵproperty("title", ctx_r13.addNewItemText)("name", ctx_r13.addNewItemIcon)("size", 20);
+    const ctx_r14 = ɵɵnextContext(3);
+    ɵɵproperty("title", ctx_r14.addNewItemText)("name", ctx_r14.addNewItemIcon)("size", 20);
 } }
-function SelectBoxComponent_ng_template_4_span_2_Template(rf, ctx) { if (rf & 1) {
+function SelectBoxComponent_4_ng_template_0_span_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "span", 15);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r14 = ɵɵnextContext(2);
+    const ctx_r15 = ɵɵnextContext(3);
     ɵɵadvance(1);
-    ɵɵtextInterpolate(ctx_r14.addNewItemText);
+    ɵɵtextInterpolate(ctx_r15.addNewItemText);
 } }
-function SelectBoxComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = ɵɵgetCurrentView();
+function SelectBoxComponent_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = ɵɵ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);
+    ɵɵlistener("click", function SelectBoxComponent_4_ng_template_0_Template_div_click_0_listener() { ɵɵrestoreView(_r17); const ctx_r16 = ɵɵnextContext(2); return ctx_r16.onAddNewItem(); });
+    ɵɵtemplate(1, SelectBoxComponent_4_ng_template_0_icon_1_Template, 1, 3, "icon", 12);
+    ɵɵtemplate(2, SelectBoxComponent_4_ng_template_0_span_2_Template, 2, 1, "span", 13);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = ɵɵnextContext();
+    const ctx_r13 = ɵɵnextContext(2);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r3.addNewItemIcon);
+    ɵɵproperty("ngIf", ctx_r13.addNewItemIcon);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", ctx_r3.addNewItemText);
+    ɵɵproperty("ngIf", ctx_r13.addNewItemText);
+} }
+function SelectBoxComponent_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵtemplate(0, SelectBoxComponent_4_ng_template_0_Template, 3, 2, "ng-template", 10);
 } }
 function SelectBoxComponent_ng_template_5_div_0_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 8);
-    ɵɵelement(1, "img", 9);
+    ɵɵelementStart(0, "div", 7);
+    ɵɵelement(1, "img", 8);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = ɵɵnextContext().item;
-    const ctx_r19 = ɵɵnextContext();
+    const item_r18 = ɵɵnextContext().item;
+    const ctx_r20 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵ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]);
+    ɵɵproperty("src", item_r18[ctx_r20.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", item_r18[ctx_r20.bindValue])("matTooltip", item_r18[ctx_r20.bindValue]);
 } }
 function SelectBoxComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵtemplate(0, SelectBoxComponent_ng_template_5_div_0_Template, 2, 3, "div", 6);
+    ɵɵtemplate(0, SelectBoxComponent_ng_template_5_div_0_Template, 2, 3, "div", 5);
     ɵɵelementStart(1, "span", 16);
     ɵɵtext(2);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r17 = ctx.item;
+    const item_r18 = ctx.item;
     const ctx_r4 = ɵɵnextContext();
     ɵɵproperty("ngIf", ctx_r4.bindImageUrl);
     ɵɵadvance(2);
-    ɵɵtextInterpolate(item_r17[ctx_r4.bindValue]);
+    ɵɵtextInterpolate(item_r18[ctx_r4.bindValue]);
 } }
 const _c1$2 = function (a0, a1) { return { "apipass-select-image": a0, "apipass-select": a1 }; };
 class SelectBoxComponent extends ValueAccessorBase {
@@ -909,13 +913,13 @@ SelectBoxComponent.ɵcmp = ɵɵdefineComponent({ type: SelectBoxComponent, selec
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SelectBoxComponent),
                 multi: true
-            }]), ɵɵ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) {
+            }]), ɵɵ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-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"], ["ng-header-tmp", ""], [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_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);
+        ɵɵtemplate(4, SelectBoxComponent_4_Template, 1, 0, undefined, 2);
+        ɵɵtemplate(5, SelectBoxComponent_ng_template_5_Template, 3, 2, "ng-template", 3);
         ɵɵ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(17, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn)("bindValue", ctx.selectProperty);
@@ -925,7 +929,7 @@ SelectBoxComponent.ɵcmp = ɵɵdefineComponent({ type: SelectBoxComponent, selec
         ɵɵ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, 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 });
+    } }, directives: [NgSelectComponent, NgControlStatus, NgModel, NgClass, NgIf, ɵf, ɵh, MatTooltip, ɵj, 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,
@@ -1078,62 +1082,68 @@ class CustomSelectItem {
     }
 }
 
-const _c0$4 = ["input"];
-function CustomSelectComponent_span_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "span", 8);
-    ɵɵlistener("click", function CustomSelectComponent_span_3_Template_span_click_0_listener($event) { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.removeClick($event); });
-    ɵɵelement(1, "i", 9);
+const _c0$4 = ["trigger"];
+const _c1$3 = ["input"];
+function CustomSelectComponent_span_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "span", 11);
+    ɵɵlistener("click", function CustomSelectComponent_span_6_Template_span_click_0_listener($event) { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return ctx_r5.removeClick($event); });
+    ɵɵelement(1, "i", 12);
     ɵɵelementEnd();
 } }
-function CustomSelectComponent_ul_7_li_4_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "li", 17);
-    ɵɵlistener("click", function CustomSelectComponent_ul_7_li_4_Template_li_click_0_listener() { ɵɵrestoreView(_r8); const i_r6 = ctx.$implicit; const ctx_r7 = ɵɵnextContext(2); return ctx_r7.selectItem(i_r6); })("mousedown", function CustomSelectComponent_ul_7_li_4_Template_li_mousedown_0_listener() { ɵɵrestoreView(_r8); const i_r6 = ctx.$implicit; const ctx_r9 = ɵɵnextContext(2); return ctx_r9.selectItem(i_r6); });
+function CustomSelectComponent_ng_template_10_li_4_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "li", 20);
+    ɵɵlistener("click", function CustomSelectComponent_ng_template_10_li_4_Template_li_click_0_listener() { ɵɵrestoreView(_r10); const i_r8 = ctx.$implicit; const ctx_r9 = ɵɵnextContext(2); return ctx_r9.selectItem(i_r8); })("mousedown", function CustomSelectComponent_ng_template_10_li_4_Template_li_mousedown_0_listener() { ɵɵrestoreView(_r10); const i_r8 = ctx.$implicit; const ctx_r11 = ɵɵnextContext(2); return ctx_r11.selectItem(i_r8); });
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const i_r6 = ctx.$implicit;
+    const i_r8 = ctx.$implicit;
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", i_r6.text, " ");
+    ɵɵtextInterpolate1(" ", i_r8.text, " ");
 } }
-function CustomSelectComponent_ul_7_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "ul", 10);
-    ɵɵelementStart(1, "li", 11);
-    ɵɵelementStart(2, "mat-form-field", 12);
-    ɵɵelementStart(3, "input", 13);
-    ɵɵlistener("ngModelChange", function CustomSelectComponent_ul_7_Template_input_ngModelChange_3_listener($event) { ɵɵrestoreView(_r11); const ctx_r10 = ɵɵnextContext(); return ctx_r10.searchText = $event; })("blur", function CustomSelectComponent_ul_7_Template_input_blur_3_listener($event) { ɵɵrestoreView(_r11); const ctx_r12 = ɵɵnextContext(); return ctx_r12.onBlur($event); });
+function CustomSelectComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "ul", 13);
+    ɵɵelementStart(1, "li", 14);
+    ɵɵelementStart(2, "mat-form-field", 15);
+    ɵɵelementStart(3, "input", 16);
+    ɵɵlistener("ngModelChange", function CustomSelectComponent_ng_template_10_Template_input_ngModelChange_3_listener($event) { ɵɵrestoreView(_r13); const ctx_r12 = ɵɵnextContext(); return ctx_r12.searchText = $event; })("blur", function CustomSelectComponent_ng_template_10_Template_input_blur_3_listener($event) { ɵɵrestoreView(_r13); const ctx_r14 = ɵɵnextContext(); return ctx_r14.onBlur($event); });
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
-    ɵɵtemplate(4, CustomSelectComponent_ul_7_li_4_Template, 2, 1, "li", 14);
+    ɵɵtemplate(4, CustomSelectComponent_ng_template_10_li_4_Template, 2, 1, "li", 17);
     ɵɵpipe(5, "selectFilter");
-    ɵɵelementStart(6, "li", 15);
-    ɵɵlistener("mousedown", function CustomSelectComponent_ul_7_Template_li_mousedown_6_listener() { ɵɵrestoreView(_r11); const ctx_r13 = ɵɵnextContext(); return ctx_r13.addItem(); })("click", function CustomSelectComponent_ul_7_Template_li_click_6_listener() { ɵɵrestoreView(_r11); const ctx_r14 = ɵɵnextContext(); return ctx_r14.addItem(); });
-    ɵɵelement(7, "span", 16);
+    ɵɵelementStart(6, "li", 18);
+    ɵɵlistener("mousedown", function CustomSelectComponent_ng_template_10_Template_li_mousedown_6_listener() { ɵɵrestoreView(_r13); const ctx_r15 = ɵɵnextContext(); return ctx_r15.addItem(); })("click", function CustomSelectComponent_ng_template_10_Template_li_click_6_listener() { ɵɵrestoreView(_r13); const ctx_r16 = ɵɵnextContext(); return ctx_r16.addItem(); });
+    ɵɵelement(7, "span", 19);
     ɵɵelementStart(8, "span");
-    ɵɵtext(9, "Adicionar novo item");
+    ɵɵtext(9);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = ɵɵnextContext();
+    const ctx_r4 = ɵɵnextContext();
     ɵɵadvance(3);
-    ɵɵproperty("placeholder", ctx_r2.findPlaceHolder)("ngModel", ctx_r2.searchText);
+    ɵɵproperty("placeholder", ctx_r4.findPlaceHolder)("ngModel", ctx_r4.searchText);
     ɵɵadvance(1);
-    ɵɵproperty("ngForOf", ɵɵpipeBind3(5, 3, ctx_r2.items, ctx_r2.searchText, "text"));
+    ɵɵproperty("ngForOf", ɵɵpipeBind3(5, 4, ctx_r4.items, ctx_r4.searchText, "text"));
+    ɵɵadvance(5);
+    ɵɵtextInterpolate(ctx_r4.addItemLabel);
 } }
-const _c1$3 = function (a0) { return { "select-open": a0 }; };
-const _c2$1 = function () { return { standalone: true }; };
+const _c2$1 = function (a0) { return { "select-open": a0 }; };
+const _c3$1 = function () { return { standalone: true }; };
+const _c4 = function (a0, a1) { return { "fa-caret-down": a0, "fa-caret-up": a1 }; };
 class CustomSelectComponent {
-    constructor() {
+    constructor(sso) {
+        this.sso = sso;
         this.disabled = false;
         this.items = [];
         this.allowTyping = false;
         this.allowRemove = false;
-        this.placeHolder = 'Selecione';
-        this.findPlaceHolder = 'Busque um item';
+        this.addItemLabel = 'Add New Item';
+        this.placeHolder = 'Select';
+        this.findPlaceHolder = 'Find item';
         this.searchText = '';
         this.onSelect = new EventEmitter();
         this.onUnSelect = new EventEmitter();
@@ -1145,6 +1155,7 @@ class CustomSelectComponent {
         };
         this.onChangeCallback = () => {
         };
+        this.scrollStrategy = this.sso.block();
     }
     onBlur(target) {
         if (this.allowTyping) {
@@ -1163,8 +1174,20 @@ class CustomSelectComponent {
         if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
             return;
         }
+        this.setTriggerRect();
         this.opened = false;
     }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.setTriggerRect();
+        }, 300);
+    }
+    setTriggerRect() {
+        setTimeout(() => {
+            var _a;
+            this._triggerRect = (_a = this.trigger) === null || _a === void 0 ? void 0 : _a.nativeElement.getBoundingClientRect();
+        });
+    }
     selectItem(item) {
         this.opened = false;
         this.selectedItem = item;
@@ -1180,6 +1203,7 @@ class CustomSelectComponent {
         this.onAddItem.next();
     }
     keyPress() {
+        this.setTriggerRect();
         if (this.allowTyping) {
             this.opened = false;
             this.edited = true;
@@ -1192,6 +1216,7 @@ class CustomSelectComponent {
         }
     }
     clicked() {
+        this.setTriggerRect();
         this.opened = true;
         this.searchText = '';
     }
@@ -1221,11 +1246,18 @@ class CustomSelectComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    arrowClick() {
+    arrowClick(event) {
         var _a;
-        this.opened = true;
-        this.searchText = '';
-        (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
+        event.stopPropagation();
+        this.setTriggerRect();
+        if (this.opened) {
+            this.opened = false;
+        }
+        else {
+            this.opened = true;
+            this.searchText = '';
+            (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
+        }
     }
     removeClick(event) {
         event.stopPropagation();
@@ -1244,43 +1276,51 @@ class CustomSelectComponent {
         this.onBlur(undefined);
     }
 }
-CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(); };
+CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(ɵɵdirectiveInject(ScrollStrategyOptions)); };
 CustomSelectComponent.ɵcmp = ɵɵdefineComponent({ type: CustomSelectComponent, selectors: [["custom-select"]], viewQuery: function CustomSelectComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵstaticViewQuery(_c0$4, true);
+        ɵɵviewQuery(_c0$4, true);
+        ɵɵviewQuery(_c1$3, true, ElementRef);
     } if (rf & 2) {
         var _t;
+        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.trigger = _t.first);
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.input = _t.first);
     } }, hostVars: 1, hostBindings: function CustomSelectComponent_HostBindings(rf, ctx) { if (rf & 1) {
         ɵɵlistener("blur", function CustomSelectComponent_blur_HostBindingHandler($event) { return ctx.onBlur($event.target); });
     } if (rf & 2) {
         ɵɵattribute("tabindex", ctx.tabindex);
-    } }, inputs: { disabled: "disabled", items: "items", allowTyping: "allowTyping", allowRemove: "allowRemove", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder", searchText: "searchText" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onAddItem: "onAddItem" }, features: [ɵɵProvidersFeature([{
+    } }, inputs: { disabled: "disabled", items: "items", allowTyping: "allowTyping", allowRemove: "allowRemove", addItemLabel: "addItemLabel", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder", searchText: "searchText" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onAddItem: "onAddItem" }, features: [ɵɵProvidersFeature([{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CustomSelectComponent),
                 multi: true
-            }])], decls: 8, vars: 10, consts: [["appearance", "fill", "autocomplete", "off", 1, "custom-select-component", 3, "ngClass"], ["matInput", "", "dndDropzone", "", "autocomplete", "off", 3, "placeholder", "ngModel", "ngModelOptions", "disabled", "focus", "blur", "ngModelChange", "keyup", "click", "dndDrop"], ["input", ""], ["title", "Remover", "class", "remove-icon", 3, "click", 4, "ngIf"], [1, "open-icon", 3, "click"], [1, "fa", "fa-caret-down"], [1, "custom-select-component"], ["class", "ul-ac", 4, "ngIf"], ["title", "Remover", 1, "remove-icon", 3, "click"], [1, "fa", "fa-times"], [1, "ul-ac"], [1, "li-search", "search-input-item"], ["appearance", "fill", 1, "apipass-input-text", "search-input-item"], ["matInput", "", "aria-autocomplete", "none", "autocomplete", "off", 1, "search-input-item", 3, "placeholder", "ngModel", "ngModelChange", "blur"], ["class", "clickable", 3, "click", "mousedown", 4, "ngFor", "ngForOf"], [1, "li-add", 3, "mousedown", "click"], [1, "fa", "fa-plus-circle"], [1, "clickable", 3, "click", "mousedown"]], template: function CustomSelectComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵelementStart(0, "mat-form-field", 0);
-        ɵɵelementStart(1, "input", 1, 2);
-        ɵɵlistener("focus", function CustomSelectComponent_Template_input_focus_1_listener() { return ctx.opened = true; })("blur", function CustomSelectComponent_Template_input_blur_1_listener($event) { return ctx.onBlur($event); })("ngModelChange", function CustomSelectComponent_Template_input_ngModelChange_1_listener($event) { return ctx.value = $event; })("keyup", function CustomSelectComponent_Template_input_keyup_1_listener() { return ctx.keyPress(); })("click", function CustomSelectComponent_Template_input_click_1_listener() { return ctx.clicked(); })("dndDrop", function CustomSelectComponent_Template_input_dndDrop_1_listener($event) { return ctx.onDrop($event); });
+            }])], decls: 11, vars: 18, consts: [[1, "custom-select-input"], ["trigger", ""], ["cdkOverlayOrigin", "", "appearance", "fill", "autocomplete", "off", 1, "custom-select-component", 3, "ngClass"], ["origin", "cdkOverlayOrigin"], ["matInput", "", "dndDropzone", "", "autocomplete", "off", 3, "placeholder", "ngModel", "ngModelOptions", "disabled", "focus", "blur", "ngModelChange", "keyup", "click", "dndDrop"], ["input", ""], ["title", "Remover", "class", "remove-icon", 3, "click", 4, "ngIf"], [1, "open-icon", 3, "click"], [1, "fas", 3, "ngClass"], [1, "custom-select-component"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayMinWidth"], ["title", "Remover", 1, "remove-icon", 3, "click"], [1, "fa", "fa-times"], [1, "ul-ac"], [1, "li-search", "search-input-item"], ["appearance", "fill", 1, "apipass-input-text", "search-input-item"], ["matInput", "", "aria-autocomplete", "none", "autocomplete", "off", 1, "search-input-item", 3, "placeholder", "ngModel", "ngModelChange", "blur"], ["class", "clickable", 3, "click", "mousedown", 4, "ngFor", "ngForOf"], [1, "li-add", 3, "mousedown", "click"], [1, "fa", "fa-plus-circle"], [1, "clickable", 3, "click", "mousedown"]], template: function CustomSelectComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵelementStart(0, "div", 0, 1);
+        ɵɵelementStart(2, "mat-form-field", 2, 3);
+        ɵɵelementStart(4, "input", 4, 5);
+        ɵɵlistener("focus", function CustomSelectComponent_Template_input_focus_4_listener() { return ctx.opened = true; })("blur", function CustomSelectComponent_Template_input_blur_4_listener($event) { return ctx.onBlur($event); })("ngModelChange", function CustomSelectComponent_Template_input_ngModelChange_4_listener($event) { return ctx.value = $event; })("keyup", function CustomSelectComponent_Template_input_keyup_4_listener() { return ctx.keyPress(); })("click", function CustomSelectComponent_Template_input_click_4_listener() { return ctx.clicked(); })("dndDrop", function CustomSelectComponent_Template_input_dndDrop_4_listener($event) { return ctx.onDrop($event); });
+        ɵɵelementEnd();
+        ɵɵtemplate(6, CustomSelectComponent_span_6_Template, 2, 0, "span", 6);
+        ɵɵelementStart(7, "span", 7);
+        ɵɵlistener("click", function CustomSelectComponent_Template_span_click_7_listener($event) { return ctx.arrowClick($event); });
+        ɵɵelement(8, "i", 8);
         ɵɵelementEnd();
-        ɵɵtemplate(3, CustomSelectComponent_span_3_Template, 2, 0, "span", 3);
-        ɵɵelementStart(4, "span", 4);
-        ɵɵlistener("click", function CustomSelectComponent_Template_span_click_4_listener() { return ctx.arrowClick(); });
-        ɵɵelement(5, "i", 5);
         ɵɵelementEnd();
         ɵɵelementEnd();
-        ɵɵelementStart(6, "div", 6);
-        ɵɵtemplate(7, CustomSelectComponent_ul_7_Template, 10, 7, "ul", 7);
+        ɵɵelementStart(9, "div", 9);
+        ɵɵtemplate(10, CustomSelectComponent_ng_template_10_Template, 10, 8, "ng-template", 10);
         ɵɵelementEnd();
     } if (rf & 2) {
-        ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c1$3, ctx.opened));
-        ɵɵadvance(1);
-        ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(9, _c2$1))("disabled", ctx.disabled);
+        const _r1 = ɵɵreference(3);
+        ɵɵadvance(2);
+        ɵɵproperty("ngClass", ɵɵpureFunction1(12, _c2$1, ctx.opened));
+        ɵɵadvance(2);
+        ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(14, _c3$1))("disabled", ctx.disabled);
         ɵɵadvance(2);
         ɵɵproperty("ngIf", ctx.allowRemove);
-        ɵɵadvance(4);
-        ɵɵproperty("ngIf", ctx.opened && (ctx.value && ctx.value.length !== 0 || ctx.items));
-    } }, directives: [MatFormField, NgClass, MatInput, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, NgIf, NgForOf], pipes: [SelectFilterPipe], styles: ["[_ngcontent-%COMP%]: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}@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[_ngcontent-%COMP%]{color:var(--color-primary)!important}.text-secondary[_ngcontent-%COMP%]{color:var(--color-secondary)!important}.text-tertiary[_ngcontent-%COMP%]{color:var(--color-fonts-tertiary)!important}.text-weight-bold[_ngcontent-%COMP%]{font-weight:700!important}.text-weight-normal[_ngcontent-%COMP%]{font-weight:400!important}.mat-form-field-underline[_ngcontent-%COMP%], .mat-input-underline[_ngcontent-%COMP%]{display:none}.mat-form-field-appearance-fill[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix[_ngcontent-%COMP%], .mat-select-arrow-wrapper[_ngcontent-%COMP%]{display:flex!important}.mat-icon-button[_ngcontent-%COMP%]{width:auto!important}.no-border[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{border:none!important}.no-border[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding:1px}.mat-form-field-label-wrapper[_ngcontent-%COMP%]{top:-10px}.mat-form-field-should-float[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%]{font-size:14px}.placeholder-primary[_ngcontent-%COMP%]   .mat-focused[_ngcontent-%COMP%]   .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%]   label[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%]   .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%]     .mat-focused .mat-form-field-placeholder, .placeholder-primary[_ngcontent-%COMP%]     .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::placeholder{color:var(--color-primary)!important}.placeholder-bold[_ngcontent-%COMP%]   .mat-focused[_ngcontent-%COMP%]   .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%]   label[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%]   .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%]     .mat-focused .mat-form-field-placeholder, .placeholder-bold[_ngcontent-%COMP%]     .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::placeholder{font-weight:700!important}.apipass-input-text[_ngcontent-%COMP%]{width:100%}.apipass-input-text[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{padding:10px!important}.apipass-date-filter[_ngcontent-%COMP%]   .mat-form-field-wrapper[_ngcontent-%COMP%], .apipass-input-text[_ngcontent-%COMP%]   .mat-form-field-wrapper[_ngcontent-%COMP%], .apipass-search-input-text[_ngcontent-%COMP%]   .mat-form-field-wrapper[_ngcontent-%COMP%], .apipass-select[_ngcontent-%COMP%]   .mat-form-field-wrapper[_ngcontent-%COMP%], .custom-select-component[_ngcontent-%COMP%]   .mat-form-field-wrapper[_ngcontent-%COMP%]{padding:0!important}.apipass-date-filter[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%], .apipass-input-text[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%], .apipass-search-input-text[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%], .apipass-select[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%], .custom-select-component[_ngcontent-%COMP%]   .mat-icon-button[_ngcontent-%COMP%]{height:auto!important;width:auto!important}.apipass-date-filter.label-input[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-input-text.label-input[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-search-input-text.label-input[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-select.label-input[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .custom-select-component.label-input[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%]{padding-top:0;top:auto!important}.apipass-date-filter.label-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .apipass-input-text.label-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .apipass-search-input-text.label-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .apipass-select.label-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .custom-select-component.label-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-input-text.mat-form-field-should-float[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-search-input-text.mat-form-field-should-float[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-select.mat-form-field-should-float[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%], .custom-select-component.mat-form-field-should-float[_ngcontent-%COMP%]   .mat-form-field-label-wrapper[_ngcontent-%COMP%]{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text[_ngcontent-%COMP%]{width:100%}.apipass-search-input-text.small-text[_ngcontent-%COMP%]{font-size:12px}.apipass-search-input-text[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%]{margin-top:-5px!important}.custom-select-component[_ngcontent-%COMP%]{width:100%}.custom-select-component[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{padding:1px 10px!important}.apipass-select[_ngcontent-%COMP%]{width:100%}.apipass-select[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{padding:10px 5px 10px 10px!important}.apipass-select.label-input[_ngcontent-%COMP%]   .mat-form-field-infix[_ngcontent-%COMP%]{padding-bottom:7px!important;padding-top:7px!important}.apipass-date-filter[_ngcontent-%COMP%]{width:100%}.apipass-date-filter[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{padding:7px 10px!important}.apipass-date-filter[_ngcontent-%COMP%]   .mat-form-field-suffix[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#777;cursor:pointer}.apipass-date-filter[_ngcontent-%COMP%]   .mat-form-field-wrapper[_ngcontent-%COMP%]{padding-bottom:0!important}.custom-select-component[_ngcontent-%COMP%]{cursor:pointer}.custom-select-component[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{background:#fff!important;height:37px}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;padding:0;position:absolute;width:calc(100% - 30px);z-index:7!important}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{cursor:pointer;font-size:12px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover{background:#bbbcbc}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   .li-add[_ngcontent-%COMP%]{border-top:1px solid #d3d3d3}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   .li-add[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{color:#ff8f17;padding-right:5px}.custom-select-component[_ngcontent-%COMP%]   .selected[_ngcontent-%COMP%]{background-color:#898a8a!important}.custom-select-component[_ngcontent-%COMP%]   .selected[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%]{color:#fff!important}.custom-select-component[_ngcontent-%COMP%]   .remove-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:red;margin-right:10px}.custom-select-component[_ngcontent-%COMP%]   .open-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{color:rgba(0,0,0,.54)}.custom-select-component[_ngcontent-%COMP%]   .li-search[_ngcontent-%COMP%]{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component[_ngcontent-%COMP%]   .li-search[_ngcontent-%COMP%]:hover{background:#fff!important}.select-open[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]{border-radius:6px 6px 0 0!important}"] });
+        ɵɵadvance(2);
+        ɵɵproperty("ngClass", ɵɵpureFunction2(15, _c4, !ctx.opened, ctx.opened));
+        ɵɵadvance(2);
+        ɵɵproperty("cdkConnectedOverlayPanelClass", "custom-select-overlay-panel")("cdkConnectedOverlayScrollStrategy", ctx.scrollStrategy)("cdkConnectedOverlayOrigin", _r1)("cdkConnectedOverlayOpen", ctx.opened)("cdkConnectedOverlayMinWidth", ctx._triggerRect == null ? null : ctx._triggerRect.width);
+    } }, directives: [MatFormField, CdkOverlayOrigin, NgClass, MatInput, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, NgIf, CdkConnectedOverlay, NgForOf], pipes: [SelectFilterPipe], styles: [".custom-select-component[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%],   .custom-select-overlay-panel{cursor:pointer}.custom-select-component[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   input[_ngcontent-%COMP%],   .custom-select-overlay-panel input{background:#fff!important;height:37px}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%],   .custom-select-overlay-panel .ul-ac{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;max-height:16rem;overflow:auto;padding:0;position:relative;width:100%}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%],   .custom-select-overlay-panel .ul-ac li{cursor:pointer;font-size:12px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover, .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:hover,   .custom-select-overlay-panel .ul-ac li:hover{background:#bbbcbc}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%],   .custom-select-overlay-panel .ul-ac li .mat-form-field-flex{height:37px!important}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%]   input[_ngcontent-%COMP%],   .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input{height:auto}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   .li-add[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   .li-add[_ngcontent-%COMP%],   .custom-select-overlay-panel .ul-ac .li-add{border-top:1px solid #d3d3d3}.custom-select-component[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   .li-add[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .ul-ac[_ngcontent-%COMP%]   .li-add[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%],   .custom-select-overlay-panel .ul-ac .li-add .fa{color:#ff8f17;padding-right:5px}.custom-select-component[_ngcontent-%COMP%]   .selected[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .selected[_ngcontent-%COMP%],   .custom-select-overlay-panel .selected{background-color:#898a8a!important}.custom-select-component[_ngcontent-%COMP%]   .selected[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .selected[_ngcontent-%COMP%]   .fa[_ngcontent-%COMP%],   .custom-select-overlay-panel .selected .fa{color:#fff!important}.custom-select-component[_ngcontent-%COMP%]   .remove-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .remove-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%],   .custom-select-overlay-panel .remove-icon i{color:red;margin-right:10px}.custom-select-component[_ngcontent-%COMP%]   .open-icon[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .open-icon[_ngcontent-%COMP%],   .custom-select-overlay-panel .open-icon{cursor:pointer}.custom-select-component[_ngcontent-%COMP%]   .open-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .open-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%],   .custom-select-overlay-panel .open-icon i{color:rgba(0,0,0,.54)}.custom-select-component[_ngcontent-%COMP%]   .li-search[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .li-search[_ngcontent-%COMP%],   .custom-select-overlay-panel .li-search{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component[_ngcontent-%COMP%]   .li-search[_ngcontent-%COMP%]:hover, .custom-select-input[_ngcontent-%COMP%]   .li-search[_ngcontent-%COMP%]:hover,   .custom-select-overlay-panel .li-search:hover{background:#fff!important}.custom-select-component[_ngcontent-%COMP%]   .select-open[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%]   .select-open[_ngcontent-%COMP%]   .mat-form-field-flex[_ngcontent-%COMP%],   .custom-select-overlay-panel .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}"] });
 /*@__PURE__*/ (function () { ɵsetClassMetadata(CustomSelectComponent, [{
         type: Component,
         args: [{
@@ -1293,7 +1333,7 @@ CustomSelectComponent.ɵcmp = ɵɵdefineComponent({ type: CustomSelectComponent,
                         multi: true
                     }]
             }]
-    }], null, { disabled: [{
+    }], function () { return [{ type: ScrollStrategyOptions }]; }, { disabled: [{
             type: Input
         }], items: [{
             type: Input
@@ -1301,6 +1341,8 @@ CustomSelectComponent.ɵcmp = ɵɵdefineComponent({ type: CustomSelectComponent,
             type: Input
         }], allowRemove: [{
             type: Input
+        }], addItemLabel: [{
+            type: Input
         }], placeHolder: [{
             type: Input
         }], findPlaceHolder: [{
@@ -1313,9 +1355,12 @@ CustomSelectComponent.ɵcmp = ɵɵdefineComponent({ type: CustomSelectComponent,
             type: Output
         }], onAddItem: [{
             type: Output
+        }], trigger: [{
+            type: ViewChild,
+            args: ['trigger']
         }], input: [{
             type: ViewChild,
-            args: ['input', { static: true }]
+            args: ['input', { read: ElementRef }]
         }], tabindex: [{
             type: HostBinding,
             args: ['attr.tabindex']
@@ -2024,6 +2069,7 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
             MatTooltipModule,
             DndModule,
             ButtonsModule,
+            OverlayModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(InputsModule, { declarations: [MatSelectInfiniteScrollDirective,
         SelectBoxComponent,
@@ -2051,7 +2097,8 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
         IconsModule,
         MatTooltipModule,
         DndModule,
-        ButtonsModule], exports: [SelectBoxComponent,
+        ButtonsModule,
+        OverlayModule], exports: [SelectBoxComponent,
         SelectEnumComponent,
         InputTextComponent,
         InputNumberComponent,
@@ -2083,6 +2130,7 @@ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory
                     MatTooltipModule,
                     DndModule,
                     ButtonsModule,
+                    OverlayModule,
                 ],
                 declarations: [
                     MatSelectInfiniteScrollDirective,