myrta-ui 17.0.0-beta.27 → 17.0.0-beta.29

package/fesm2022/myrta-ui.mjs

@@ -1980,6 +1980,254 @@ const PaginatorPositionCss = {
     ['left']: 'paginator-left'
 };
 
+var InputSelectSizeEnum;
+(function (InputSelectSizeEnum) {
+    InputSelectSizeEnum["medium"] = "mrx-input-select-md";
+    InputSelectSizeEnum["large"] = "mrx-input-select-lg";
+})(InputSelectSizeEnum || (InputSelectSizeEnum = {}));
+
+class InputSelectComponent {
+    maxSelectedItems;
+    _value = [];
+    // SAVE STATE
+    uuid = v4();
+    fields = [];
+    size = 'large';
+    selected;
+    bindValue = '';
+    bindLabel = '';
+    customClasses = '';
+    wrapperCustomClasses = '';
+    multiple = false;
+    loading = false;
+    addTag = false;
+    clearable = true;
+    items = [];
+    groupBy = '';
+    emptyValue;
+    virtualScroll = false;
+    trackByFn;
+    displayValue;
+    disabledFromDisplay;
+    maxLength = 0;
+    customSearchFn;
+    isBottomLabel = false;
+    search = false;
+    required = false;
+    disabled = false;
+    readonly = false;
+    showEmptyFields = false;
+    placeholder = '';
+    searchable = true;
+    loadLabel = '';
+    notFoundText = 'Не найдено';
+    closeOnSelect = true;
+    multiCollapseCount = null;
+    // ERROR
+    invalid = false;
+    invalidMessage = '';
+    checkInvalid = null;
+    // LABEL
+    label = '';
+    labelRequiredHidden = false;
+    labelExtraClass = '';
+    // TOOLTIP
+    tooltip = '';
+    tooltipHidden = false;
+    tooltipVisible = false;
+    // REFS
+    selectOptionsTemplate;
+    labelTemplate;
+    tagTemplate;
+    multiLabelTemplate;
+    set setMaxSelectedItems(val) {
+        if (val) {
+            this.maxSelectedItems = val;
+        }
+    }
+    changed = new EventEmitter();
+    modelChange = new EventEmitter();
+    searched = new EventEmitter();
+    get isValid() {
+        return true;
+    }
+    get isVerified() {
+        return !(this.value === null ||
+            this.value === undefined ||
+            this.value === this.emptyValue);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+    }
+    get isInvalidMessage() {
+        return !!this.invalidMessage || !!this.invalidMessage?.length;
+    }
+    get invalidMessageArray() {
+        if (typeof this.invalidMessage === 'string') {
+            return Array(this.invalidMessage);
+        }
+        else {
+            return this.invalidMessage;
+        }
+    }
+    get checkValidClasses() {
+        return this.checkInvalid === false ?
+            'mrx-input-checked-success' :
+            this.checkInvalid === true ? 'mrx-input-checked-error' : '';
+    }
+    get getClasses() {
+        return `${this.customClasses} ${this.checkValidClasses} ${InputSelectSizeEnum[this.size]} ${this.checkLoading}`;
+    }
+    get checkLoading() {
+        return this.loading ? 'mrx-input-loading' : '';
+    }
+    onChange(val) { }
+    onTouched = () => { };
+    writeValue(value) {
+        this._value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    updateValue(insideValue) {
+        this.value = insideValue;
+        this.changed.emit(insideValue);
+        this.modelChange.emit({ value: insideValue, id: this.uuid });
+        this.onChange(insideValue);
+        this.onTouched();
+    }
+    updateSearch(event) {
+        this.searched.emit({ term: event.term, items: event.items });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InputSelectComponent, selector: "mrx-input-select", inputs: { fields: "fields", size: "size", selected: "selected", bindValue: "bindValue", bindLabel: "bindLabel", customClasses: "customClasses", wrapperCustomClasses: "wrapperCustomClasses", multiple: "multiple", loading: "loading", addTag: "addTag", clearable: "clearable", items: "items", groupBy: "groupBy", emptyValue: "emptyValue", virtualScroll: "virtualScroll", trackByFn: "trackByFn", displayValue: "displayValue", disabledFromDisplay: "disabledFromDisplay", maxLength: "maxLength", customSearchFn: "customSearchFn", isBottomLabel: "isBottomLabel", search: "search", required: "required", disabled: "disabled", readonly: "readonly", showEmptyFields: "showEmptyFields", placeholder: "placeholder", searchable: "searchable", loadLabel: "loadLabel", notFoundText: "notFoundText", closeOnSelect: "closeOnSelect", multiCollapseCount: "multiCollapseCount", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", label: "label", labelRequiredHidden: "labelRequiredHidden", labelExtraClass: "labelExtraClass", tooltip: "tooltip", tooltipHidden: "tooltipHidden", tooltipVisible: "tooltipVisible", setMaxSelectedItems: ["maxSelectedItems", "setMaxSelectedItems"] }, outputs: { changed: "changed", modelChange: "modelChange", searched: "searched" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputSelectComponent),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "selectOptionsTemplate", first: true, predicate: ["selectOptionsTemplate"], descendants: true }, { propertyName: "labelTemplate", first: true, predicate: ["labelTemplate"], descendants: true }, { propertyName: "tagTemplate", first: true, predicate: ["tagTemplate"], descendants: true }, { propertyName: "multiLabelTemplate", first: true, predicate: ["multiLabelTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-input-select\" [class.mrx-input-error]=\"invalid\" [class]=\"wrapperCustomClasses\">\r\n  <div [class.inputbox-error]=\"showEmptyFields && required && !isVerified\"\r\n       [class.inputbox-success]=\"showEmptyFields && required && isVerified\">\r\n\r\n    <ng-select\r\n      [items]=\"items\"\r\n      [ngModel]=\"value\"\r\n      [addTag]=\"addTag\"\r\n      [bindValue]=\"bindValue\"\r\n      [bindLabel]=\"bindLabel\"\r\n      [multiple]=\"multiple\"\r\n      [maxSelectedItems]=\"maxSelectedItems\"\r\n      [groupBy]=\"groupBy ? groupBy : ''\"\r\n      [placeholder]=\"placeholder\"\r\n      [trackByFn]=\"trackByFn\"\r\n      [virtualScroll]=\"virtualScroll\"\r\n      [loading]=\"loading\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [class]=\"getClasses\"\r\n      [searchable]=\"searchable\"\r\n      [closeOnSelect]=\"closeOnSelect\"\r\n      [searchFn]=\"customSearchFn\"\r\n      [notFoundText]=\"notFoundText\"\r\n      [maxlength]=\"maxLength.toString() || 'none'\"\r\n      clearAllText=\"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C\"\r\n      addTagText=\"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\"\r\n      loadingText=\"\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (search)=\"updateSearch($event)\"\r\n    >\r\n      <ng-template ng-label-tmp let-item=\"item\" *ngIf=\"disabled && disabledFromDisplay\">\r\n        {{ displayValue }}\r\n      </ng-template>\r\n      <ng-template ng-option-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"selectOptionsTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"selectOptionsTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"labelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"labelTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-tag-tmp let-items=\"items\" *ngIf=\"tagTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"tagTemplate; context:{items: items}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-loadingtext-tmp>\r\n        <div class=\"ng-option disabled\">{{ loadLabel || '\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430' }}</div>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiLabelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context:{items: items, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiCollapseCount\">\r\n        <ng-container *ngIf=\"value.length < multiCollapseCount\">\r\n          <div class=\"ng-value\" *ngFor=\"let item of items\">\r\n            <span class=\"ng-value-label\">{{ item['label'] }}</span>\r\n            <span class=\"ng-value-icon right\" (click)=\"clear(item)\">\u00D7</span>\r\n          </div>\r\n        </ng-container>\r\n        <div *ngIf=\"value.length >= multiCollapseCount\" class=\"ng-summary-list\">\r\n          <div class=\"ng-value ng-value-empty\">\r\n            <span class=\"ng-value-label\">\u0412\u044B\u0431\u0440\u0430\u043D\u043E: {{ value.length }}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template ng-loadingspinner-tmp>\r\n        <mrx-loader\r\n          [ngStyle]=\"{display: 'flex'}\"\r\n          [color]=\"'brand'\" size=\"small\"\r\n          customClasses=\"align-self-center mr-2\"\r\n        ></mrx-loader>\r\n      </ng-template>\r\n    </ng-select>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-input-select{position:relative}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container{background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow:after{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container{align-items:flex-start;padding:var(--spacing-2);padding-right:var(--spacing-3);box-sizing:border-box;border:none!important;border-radius:var(--border-radius-1)!important;width:100%;height:auto;outline:none;transition:outline-width .2s,border .2s;z-index:1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container.ng-has-value .ng-placeholder{display:none}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:focus,:host::ng-deep .mrx-input-select .ng-select .ng-select-container:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container{display:flex;align-items:center;position:relative;padding:var(--spacing-1) var(--spacing-2)!important;min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-placeholder{top:revert!important;color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value{display:flex;align-items:center;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{overflow:hidden;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:transparent}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input{display:flex;align-items:center;height:auto;padding-left:var(--spacing-2)!important;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input>input{position:relative;z-index:-1;padding:0;transform:none;padding-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .mrx-loader{transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{display:flex;align-items:center;justify-content:center;padding:0;transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow{font-size:0;position:relative;width:100%!important;height:100%!important;background-image:none;line-height:normal;border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow:after{content:\"\";position:absolute;inset:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-extra-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{margin-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after{content:\"\\e92b\"}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after{content:\"\\e923\"}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-select-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 88px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container{max-width:calc(100% - var(--sizing-6))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container .ng-value{min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container{min-height:var(--sizing-12)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-arrow-wrapper{width:var(--sizing-6)!important;min-width:var(--sizing-6);height:var(--sizing-6);min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 64px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:var(--sizing-10)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding:0 var(--spacing-2) 0 var(--spacing-2)!important;min-height:var(--sizing-6);max-width:calc(100% - var(--sizing-4))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-value{margin-bottom:0;min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .mrx-loader{width:var(--sizing-4);height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper{width:var(--sizing-4)!important;min-width:var(--sizing-4);height:var(--sizing-4);min-height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-arrow:after{font-size:var(--body-lg-font-size)}:host::ng-deep .mrx-input-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-label{text-overflow:ellipsis!important;overflow:hidden;max-width:100%!important;display:block;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{gap:var(--spacing-2);padding:0!important;padding-right:var(--spacing-2)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:flex;flex-direction:row;width:100%;max-width:max-content;margin:0;background:var(--brand-bg-secondary-default);border-radius:var(--border-radius-1);padding:0;padding-left:var(--spacing-2);padding-right:var(--spacing-1)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-empty{padding-right:var(--spacing-3)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{color:var(--neutral-text-primary);padding-right:var(--spacing-1);text-overflow:ellipsis!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{position:relative;min-width:var(--sizing-4);min-height:var(--sizing-4);order:1}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:after{content:\"\\e92b\";position:absolute;left:0;top:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);transform:none!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel{z-index:900;background:var(--brand-bg-tertiary-default);box-shadow:0 4px 10px #3a3a3a26;border-radius:var(--border-radius-1);margin-top:var(--spacing-1);border:none}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items{border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:8px;background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{border-radius:var(--border-radius-2);background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{border-radius:var(--border-radius-2);background-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:var(--spacing-6)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{display:flex;align-items:center;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:var(--brand-bg-tertiary-default);color:var(--neutral-text-primary)!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:var(--brand-bg-tertiary-default);position:relative;padding-right:40px;color:var(--neutral-text-primary)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-label{font-weight:400}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");position:absolute;top:50%;transform:translateY(-50%);right:16px;line-height:0}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover{background:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal;color:var(--neutral-text-tertiary);font-weight:700}:host::ng-deep .mrx-input-select.mrx-input-error{display:block}:host::ng-deep .mrx-input-select.mrx-input-error .ng-select .ng-select-container:before{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container{background-color:var(--system-bg-negative-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container:hover{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container{background-color:var(--system-bg-positive-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:before{border-color:var(--system-bg-controls-positive-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value{max-width:100%!important}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value .ng-value-label{text-overflow:initial!important;overflow:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: i6.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i6.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i6.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i6.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i6.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "directive", type: i6.NgTagTemplateDirective, selector: "[ng-tag-tmp]" }, { kind: "directive", type: i6.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mrx-input-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputSelectComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"mrx-input-select\" [class.mrx-input-error]=\"invalid\" [class]=\"wrapperCustomClasses\">\r\n  <div [class.inputbox-error]=\"showEmptyFields && required && !isVerified\"\r\n       [class.inputbox-success]=\"showEmptyFields && required && isVerified\">\r\n\r\n    <ng-select\r\n      [items]=\"items\"\r\n      [ngModel]=\"value\"\r\n      [addTag]=\"addTag\"\r\n      [bindValue]=\"bindValue\"\r\n      [bindLabel]=\"bindLabel\"\r\n      [multiple]=\"multiple\"\r\n      [maxSelectedItems]=\"maxSelectedItems\"\r\n      [groupBy]=\"groupBy ? groupBy : ''\"\r\n      [placeholder]=\"placeholder\"\r\n      [trackByFn]=\"trackByFn\"\r\n      [virtualScroll]=\"virtualScroll\"\r\n      [loading]=\"loading\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [class]=\"getClasses\"\r\n      [searchable]=\"searchable\"\r\n      [closeOnSelect]=\"closeOnSelect\"\r\n      [searchFn]=\"customSearchFn\"\r\n      [notFoundText]=\"notFoundText\"\r\n      [maxlength]=\"maxLength.toString() || 'none'\"\r\n      clearAllText=\"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C\"\r\n      addTagText=\"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\"\r\n      loadingText=\"\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (search)=\"updateSearch($event)\"\r\n    >\r\n      <ng-template ng-label-tmp let-item=\"item\" *ngIf=\"disabled && disabledFromDisplay\">\r\n        {{ displayValue }}\r\n      </ng-template>\r\n      <ng-template ng-option-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"selectOptionsTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"selectOptionsTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"labelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"labelTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-tag-tmp let-items=\"items\" *ngIf=\"tagTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"tagTemplate; context:{items: items}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-loadingtext-tmp>\r\n        <div class=\"ng-option disabled\">{{ loadLabel || '\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430' }}</div>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiLabelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context:{items: items, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiCollapseCount\">\r\n        <ng-container *ngIf=\"value.length < multiCollapseCount\">\r\n          <div class=\"ng-value\" *ngFor=\"let item of items\">\r\n            <span class=\"ng-value-label\">{{ item['label'] }}</span>\r\n            <span class=\"ng-value-icon right\" (click)=\"clear(item)\">\u00D7</span>\r\n          </div>\r\n        </ng-container>\r\n        <div *ngIf=\"value.length >= multiCollapseCount\" class=\"ng-summary-list\">\r\n          <div class=\"ng-value ng-value-empty\">\r\n            <span class=\"ng-value-label\">\u0412\u044B\u0431\u0440\u0430\u043D\u043E: {{ value.length }}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template ng-loadingspinner-tmp>\r\n        <mrx-loader\r\n          [ngStyle]=\"{display: 'flex'}\"\r\n          [color]=\"'brand'\" size=\"small\"\r\n          customClasses=\"align-self-center mr-2\"\r\n        ></mrx-loader>\r\n      </ng-template>\r\n    </ng-select>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-input-select{position:relative}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container{background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow:after{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container{align-items:flex-start;padding:var(--spacing-2);padding-right:var(--spacing-3);box-sizing:border-box;border:none!important;border-radius:var(--border-radius-1)!important;width:100%;height:auto;outline:none;transition:outline-width .2s,border .2s;z-index:1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container.ng-has-value .ng-placeholder{display:none}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:focus,:host::ng-deep .mrx-input-select .ng-select .ng-select-container:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container{display:flex;align-items:center;position:relative;padding:var(--spacing-1) var(--spacing-2)!important;min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-placeholder{top:revert!important;color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value{display:flex;align-items:center;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{overflow:hidden;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:transparent}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input{display:flex;align-items:center;height:auto;padding-left:var(--spacing-2)!important;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input>input{position:relative;z-index:-1;padding:0;transform:none;padding-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .mrx-loader{transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{display:flex;align-items:center;justify-content:center;padding:0;transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow{font-size:0;position:relative;width:100%!important;height:100%!important;background-image:none;line-height:normal;border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow:after{content:\"\";position:absolute;inset:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-extra-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{margin-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after{content:\"\\e92b\"}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after{content:\"\\e923\"}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-select-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 88px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container{max-width:calc(100% - var(--sizing-6))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container .ng-value{min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container{min-height:var(--sizing-12)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-arrow-wrapper{width:var(--sizing-6)!important;min-width:var(--sizing-6);height:var(--sizing-6);min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 64px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:var(--sizing-10)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding:0 var(--spacing-2) 0 var(--spacing-2)!important;min-height:var(--sizing-6);max-width:calc(100% - var(--sizing-4))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-value{margin-bottom:0;min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .mrx-loader{width:var(--sizing-4);height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper{width:var(--sizing-4)!important;min-width:var(--sizing-4);height:var(--sizing-4);min-height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-arrow:after{font-size:var(--body-lg-font-size)}:host::ng-deep .mrx-input-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-label{text-overflow:ellipsis!important;overflow:hidden;max-width:100%!important;display:block;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{gap:var(--spacing-2);padding:0!important;padding-right:var(--spacing-2)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:flex;flex-direction:row;width:100%;max-width:max-content;margin:0;background:var(--brand-bg-secondary-default);border-radius:var(--border-radius-1);padding:0;padding-left:var(--spacing-2);padding-right:var(--spacing-1)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-empty{padding-right:var(--spacing-3)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{color:var(--neutral-text-primary);padding-right:var(--spacing-1);text-overflow:ellipsis!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{position:relative;min-width:var(--sizing-4);min-height:var(--sizing-4);order:1}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:after{content:\"\\e92b\";position:absolute;left:0;top:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);transform:none!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel{z-index:900;background:var(--brand-bg-tertiary-default);box-shadow:0 4px 10px #3a3a3a26;border-radius:var(--border-radius-1);margin-top:var(--spacing-1);border:none}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items{border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:8px;background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{border-radius:var(--border-radius-2);background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{border-radius:var(--border-radius-2);background-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:var(--spacing-6)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{display:flex;align-items:center;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:var(--brand-bg-tertiary-default);color:var(--neutral-text-primary)!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:var(--brand-bg-tertiary-default);position:relative;padding-right:40px;color:var(--neutral-text-primary)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-label{font-weight:400}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");position:absolute;top:50%;transform:translateY(-50%);right:16px;line-height:0}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover{background:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal;color:var(--neutral-text-tertiary);font-weight:700}:host::ng-deep .mrx-input-select.mrx-input-error{display:block}:host::ng-deep .mrx-input-select.mrx-input-error .ng-select .ng-select-container:before{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container{background-color:var(--system-bg-negative-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container:hover{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container{background-color:var(--system-bg-positive-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:before{border-color:var(--system-bg-controls-positive-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value{max-width:100%!important}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value .ng-value-label{text-overflow:initial!important;overflow:initial}\n"] }]
+        }], propDecorators: { fields: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], bindValue: [{
+                type: Input
+            }], bindLabel: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], wrapperCustomClasses: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], addTag: [{
+                type: Input
+            }], clearable: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], groupBy: [{
+                type: Input
+            }], emptyValue: [{
+                type: Input
+            }], virtualScroll: [{
+                type: Input
+            }], trackByFn: [{
+                type: Input
+            }], displayValue: [{
+                type: Input
+            }], disabledFromDisplay: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], customSearchFn: [{
+                type: Input
+            }], isBottomLabel: [{
+                type: Input
+            }], search: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], showEmptyFields: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchable: [{
+                type: Input
+            }], loadLabel: [{
+                type: Input
+            }], notFoundText: [{
+                type: Input
+            }], closeOnSelect: [{
+                type: Input
+            }], multiCollapseCount: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], invalidMessage: [{
+                type: Input
+            }], checkInvalid: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], labelRequiredHidden: [{
+                type: Input
+            }], labelExtraClass: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], tooltipHidden: [{
+                type: Input
+            }], tooltipVisible: [{
+                type: Input
+            }], selectOptionsTemplate: [{
+                type: ContentChild,
+                args: ['selectOptionsTemplate']
+            }], labelTemplate: [{
+                type: ContentChild,
+                args: ['labelTemplate']
+            }], tagTemplate: [{
+                type: ContentChild,
+                args: ['tagTemplate']
+            }], multiLabelTemplate: [{
+                type: ContentChild,
+                args: ['multiLabelTemplate']
+            }], setMaxSelectedItems: [{
+                type: Input,
+                args: ['maxSelectedItems']
+            }], changed: [{
+                type: Output
+            }], modelChange: [{
+                type: Output
+            }], searched: [{
+                type: Output
+            }] } });
+
 class PaginatorComponent {
     position = 'centered';
     withPageSize = true;
@@ -2083,11 +2331,11 @@ class PaginatorComponent {
         return item.id;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PaginatorComponent, selector: "mrx-paginator", inputs: { pageSizes: "pageSizes", currentPage: "currentPage", pageSize: "pageSize", total: "total", customClasses: "customClasses", isEmptyPaginator: "isEmptyPaginator", isPaginatorText: "isPaginatorText", paginatorText: "paginatorText", setPosition: ["position", "setPosition"], setWithPageSize: ["withPageSize", "setWithPageSize"] }, outputs: { dataStateChanged: "dataStateChanged" }, ngImport: i0, template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n    \r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <ng-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (change)=\"onChangePageSize($event)\"\r\n      class=\"ml-3\"\r\n    ></ng-select>\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary);margin-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .ng-select .ng-select-container.ng-select-container{min-height:40px!important;background-color:#fff}:host::ng-deep .mrx-paginator .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:40px!important}:host::ng-deep .mrx-paginator .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value.ng-value{white-space:nowrap!important}:host::ng-deep .mrx-paginator .ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option{white-space:nowrap!important}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PaginatorComponent, selector: "mrx-paginator", inputs: { pageSizes: "pageSizes", currentPage: "currentPage", pageSize: "pageSize", total: "total", customClasses: "customClasses", isEmptyPaginator: "isEmptyPaginator", isPaginatorText: "isPaginatorText", paginatorText: "paginatorText", setPosition: ["position", "setPosition"], setWithPageSize: ["withPageSize", "setWithPageSize"] }, outputs: { dataStateChanged: "dataStateChanged" }, ngImport: i0, template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n\r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <mrx-input-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (ngModelChange)=\"onChangePageSize($event)\"\r\n    ></mrx-input-select>\r\n<!--    <ng-select-->\r\n<!--      *ngIf=\"withPageSize\"-->\r\n<!--      [(ngModel)]=\"pageSize\"-->\r\n<!--      [items]=\"pageSizes\"-->\r\n<!--      [clearable]=\"false\"-->\r\n<!--      [searchable]=\"false\"-->\r\n<!--      (change)=\"onChangePageSize($event)\"-->\r\n<!--      class=\"ml-3\"-->\r\n<!--    ></ng-select>-->\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0;gap:var(--spacing-4)}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary)}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSelectComponent, selector: "mrx-input-select", inputs: ["fields", "size", "selected", "bindValue", "bindLabel", "customClasses", "wrapperCustomClasses", "multiple", "loading", "addTag", "clearable", "items", "groupBy", "emptyValue", "virtualScroll", "trackByFn", "displayValue", "disabledFromDisplay", "maxLength", "customSearchFn", "isBottomLabel", "search", "required", "disabled", "readonly", "showEmptyFields", "placeholder", "searchable", "loadLabel", "notFoundText", "closeOnSelect", "multiCollapseCount", "invalid", "invalidMessage", "checkInvalid", "label", "labelRequiredHidden", "labelExtraClass", "tooltip", "tooltipHidden", "tooltipVisible", "maxSelectedItems"], outputs: ["changed", "modelChange", "searched"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-paginator', template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n    \r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <ng-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (change)=\"onChangePageSize($event)\"\r\n      class=\"ml-3\"\r\n    ></ng-select>\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary);margin-left:var(--spacing-4)}:host::ng-deep .mrx-paginator .ng-select .ng-select-container.ng-select-container{min-height:40px!important;background-color:#fff}:host::ng-deep .mrx-paginator .ng-select .ng-arrow-wrapper.ng-arrow-wrapper{min-height:40px!important}:host::ng-deep .mrx-paginator .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value.ng-value{white-space:nowrap!important}:host::ng-deep .mrx-paginator .ng-dropdown-panel.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option{white-space:nowrap!important}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\n"] }]
+            args: [{ selector: 'mrx-paginator', template: "<div class=\"mrx-paginator\" [class]=\"getClasses\" *ngIf=\"isEmptyPaginator || total\">\r\n  <ul class=\"mrx-paginator__list\">\r\n    <li\r\n      class=\"mrx-paginator__previous\"\r\n      [class.disabled]=\"currentPage <= 1\"\r\n      (click)=\"currentPage > 1 && onChangeCurrentPage(currentPage - 1)\">\r\n      <div class=\"mrx-icon icon-chevron-left icon-font-24\"></div>\r\n    </li>\r\n\r\n    <li *ngIf=\"getViewItems.length === 0\" class=\"mrx-paginator__item\">1</li>\r\n\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage > 3 && getItems > 5\" (click)=\"onChangeCurrentPage(1)\">1</li>\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage > 3 && getItems > 5\">...</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__item\"\r\n      *ngFor=\"let item of getViewItems; trackBy: trackByFn\"\r\n      (click)=\"onChangeCurrentPage(item.index)\"\r\n      [class.active]=\"currentPage === item.index\"\r\n    >\r\n      {{item.index}}\r\n    </li>\r\n\r\n    <li class=\"mrx-paginator__item dots\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\">...</li>\r\n    <li class=\"mrx-paginator__item\" *ngIf=\"currentPage < getItems - 2 && getItems > 5\"\r\n        (click)=\"onChangeCurrentPage(getItems)\">{{getItems}}</li>\r\n\r\n    <li\r\n      class=\"mrx-paginator__next\"\r\n      [class.disabled]=\"currentPage >= getItems\"\r\n      (click)=\"currentPage < getItems && onChangeCurrentPage(currentPage + 1)\">\r\n      <div class=\"mrx-icon icon-chevron-right icon-font-24\"></div>\r\n    </li>\r\n  </ul>\r\n\r\n  <ng-template #select>\r\n    <mrx-input-select\r\n      *ngIf=\"withPageSize\"\r\n      [(ngModel)]=\"pageSize\"\r\n      [items]=\"pageSizes\"\r\n      [clearable]=\"false\"\r\n      [searchable]=\"false\"\r\n      (ngModelChange)=\"onChangePageSize($event)\"\r\n    ></mrx-input-select>\r\n<!--    <ng-select-->\r\n<!--      *ngIf=\"withPageSize\"-->\r\n<!--      [(ngModel)]=\"pageSize\"-->\r\n<!--      [items]=\"pageSizes\"-->\r\n<!--      [clearable]=\"false\"-->\r\n<!--      [searchable]=\"false\"-->\r\n<!--      (change)=\"onChangePageSize($event)\"-->\r\n<!--      class=\"ml-3\"-->\r\n<!--    ></ng-select>-->\r\n  </ng-template>\r\n\r\n  <ng-container *ngTemplateOutlet=\"select\"></ng-container>\r\n\r\n  <div *ngIf=\"isPaginatorText\" class=\"mrx-paginator__text\">\r\n    \u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u044B {{paginatorText}} {{getFirstNumberCurrentPage}} - {{getLastNumberCurrentPage}} \u0438\u0437 {{total}}\r\n  </div>\r\n</div>\r\n\r\n\r\n", styles: [".mrx-paginator{display:flex;align-items:center;list-style:none;padding-left:0;gap:var(--spacing-4)}.mrx-paginator ul{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--spacing-1)}.mrx-paginator ul li{display:flex;align-items:center;justify-content:center;cursor:pointer}.mrx-paginator .mrx-paginator__item{padding-left:var(--spacing-3);padding-right:var(--spacing-3);min-width:32px;min-height:32px;border-radius:4px;font-weight:400;font-size:16px;line-height:24px;transition:.2s}.mrx-paginator .mrx-paginator__item.active{background-color:var(--brand-bg-primary-default);color:#fff}.mrx-paginator .mrx-paginator__item.dots,.mrx-paginator .mrx-paginator__item.disabled{cursor:default}.mrx-paginator .mrx-paginator__item:not(.dots,.active):hover{background-color:var(--brand-bg-tertiary-hover)}.mrx-paginator .mrx-paginator__previous,.mrx-paginator .mrx-paginator__next{min-width:24px;min-height:24px}.mrx-paginator .mrx-paginator__previous.disabled .mrx-icon,.mrx-paginator .mrx-paginator__next.disabled .mrx-icon{color:var(--neutral-icon-disabled)}.mrx-paginator__text{font-size:16px;line-height:24px;color:var(--neutral-text-primary)}.mrx-paginator.mrx-paginator.paginator-centered{justify-content:center}.mrx-paginator.mrx-paginator.paginator-left{justify-content:flex-start}.mrx-paginator.mrx-paginator.paginator-right{justify-content:flex-end}\n"] }]
         }], propDecorators: { pageSizes: [{
                 type: Input
             }], currentPage: [{
@@ -2114,16 +2362,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Output
             }] } });
 
-class PaginatorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
-            NgSelectModule,
-            FormsModule], exports: [PaginatorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, imports: [CommonModule,
-            NgSelectModule,
-            FormsModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, decorators: [{
+class InputSelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, declarations: [InputSelectComponent], imports: [CommonModule,
+            FormsModule,
+            LabelModule,
+            LoaderModule,
+            SaveStateModule,
+            ErrorMessageModule,
+            NgSelectModule], exports: [InputSelectComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, imports: [CommonModule,
+            FormsModule,
+            LabelModule,
+            LoaderModule,
+            SaveStateModule,
+            ErrorMessageModule,
+            NgSelectModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [InputSelectComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        LabelModule,
+                        LoaderModule,
+                        SaveStateModule,
+                        ErrorMessageModule,
+                        NgSelectModule
+                    ],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    exports: [InputSelectComponent],
+                }]
+        }] });
+
+class PaginatorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [CommonModule,
+            FormsModule,
+            InputSelectModule], exports: [PaginatorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, imports: [CommonModule,
+            FormsModule,
+            InputSelectModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2131,8 +2414,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                     ],
                     imports: [
                         CommonModule,
-                        NgSelectModule,
-                        FormsModule
+                        FormsModule,
+                        InputSelectModule
                     ],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     exports: [PaginatorComponent]
@@ -2575,289 +2858,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 type: Output
             }] } });
 
-var InputSelectSizeEnum;
-(function (InputSelectSizeEnum) {
-    InputSelectSizeEnum["medium"] = "mrx-input-select-md";
-    InputSelectSizeEnum["large"] = "mrx-input-select-lg";
-})(InputSelectSizeEnum || (InputSelectSizeEnum = {}));
-
-class InputSelectComponent {
-    maxSelectedItems;
-    _value = [];
-    // SAVE STATE
-    uuid = v4();
-    fields = [];
-    size = 'large';
-    selected;
-    bindValue = '';
-    bindLabel = '';
-    customClasses = '';
-    wrapperCustomClasses = '';
-    multiple = false;
-    loading = false;
-    addTag = false;
-    clearable = true;
-    items = [];
-    groupBy = '';
-    emptyValue;
-    virtualScroll = false;
-    trackByFn;
-    displayValue;
-    disabledFromDisplay;
-    maxLength = 0;
-    customSearchFn;
-    isBottomLabel = false;
-    search = false;
-    required = false;
-    disabled = false;
-    readonly = false;
-    showEmptyFields = false;
-    placeholder = '';
-    searchable = true;
-    loadLabel = '';
-    notFoundText = 'Не найдено';
-    closeOnSelect = true;
-    multiCollapseCount = null;
-    // ERROR
-    invalid = false;
-    invalidMessage = '';
-    checkInvalid = null;
-    // LABEL
-    label = '';
-    labelRequiredHidden = false;
-    labelExtraClass = '';
-    // TOOLTIP
-    tooltip = '';
-    tooltipHidden = false;
-    tooltipVisible = false;
-    // REFS
-    selectOptionsTemplate;
-    labelTemplate;
-    tagTemplate;
-    multiLabelTemplate;
-    set setMaxSelectedItems(val) {
-        if (val) {
-            this.maxSelectedItems = val;
-        }
-    }
-    changed = new EventEmitter();
-    modelChange = new EventEmitter();
-    searched = new EventEmitter();
-    get isValid() {
-        return true;
-    }
-    get isVerified() {
-        return !(this.value === null ||
-            this.value === undefined ||
-            this.value === this.emptyValue);
-    }
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        this._value = value;
-    }
-    get isInvalidMessage() {
-        return !!this.invalidMessage || !!this.invalidMessage?.length;
-    }
-    get invalidMessageArray() {
-        if (typeof this.invalidMessage === 'string') {
-            return Array(this.invalidMessage);
-        }
-        else {
-            return this.invalidMessage;
-        }
-    }
-    get checkValidClasses() {
-        return this.checkInvalid === false ?
-            'mrx-input-checked-success' :
-            this.checkInvalid === true ? 'mrx-input-checked-error' : '';
-    }
-    get getClasses() {
-        return `${this.customClasses} ${this.checkValidClasses} ${InputSelectSizeEnum[this.size]} ${this.checkLoading}`;
-    }
-    get checkLoading() {
-        return this.loading ? 'mrx-input-loading' : '';
-    }
-    onChange(val) { }
-    onTouched = () => { };
-    writeValue(value) {
-        this._value = value;
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    updateValue(insideValue) {
-        this.value = insideValue;
-        this.changed.emit(insideValue);
-        this.modelChange.emit({ value: insideValue, id: this.uuid });
-        this.onChange(insideValue);
-        this.onTouched();
-    }
-    updateSearch(event) {
-        this.searched.emit({ term: event.term, items: event.items });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: InputSelectComponent, selector: "mrx-input-select", inputs: { fields: "fields", size: "size", selected: "selected", bindValue: "bindValue", bindLabel: "bindLabel", customClasses: "customClasses", wrapperCustomClasses: "wrapperCustomClasses", multiple: "multiple", loading: "loading", addTag: "addTag", clearable: "clearable", items: "items", groupBy: "groupBy", emptyValue: "emptyValue", virtualScroll: "virtualScroll", trackByFn: "trackByFn", displayValue: "displayValue", disabledFromDisplay: "disabledFromDisplay", maxLength: "maxLength", customSearchFn: "customSearchFn", isBottomLabel: "isBottomLabel", search: "search", required: "required", disabled: "disabled", readonly: "readonly", showEmptyFields: "showEmptyFields", placeholder: "placeholder", searchable: "searchable", loadLabel: "loadLabel", notFoundText: "notFoundText", closeOnSelect: "closeOnSelect", multiCollapseCount: "multiCollapseCount", invalid: "invalid", invalidMessage: "invalidMessage", checkInvalid: "checkInvalid", label: "label", labelRequiredHidden: "labelRequiredHidden", labelExtraClass: "labelExtraClass", tooltip: "tooltip", tooltipHidden: "tooltipHidden", tooltipVisible: "tooltipVisible", setMaxSelectedItems: ["maxSelectedItems", "setMaxSelectedItems"] }, outputs: { changed: "changed", modelChange: "modelChange", searched: "searched" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => InputSelectComponent),
-                multi: true,
-            },
-        ], queries: [{ propertyName: "selectOptionsTemplate", first: true, predicate: ["selectOptionsTemplate"], descendants: true }, { propertyName: "labelTemplate", first: true, predicate: ["labelTemplate"], descendants: true }, { propertyName: "tagTemplate", first: true, predicate: ["tagTemplate"], descendants: true }, { propertyName: "multiLabelTemplate", first: true, predicate: ["multiLabelTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"mrx-input-select\" [class.mrx-input-error]=\"invalid\" [class]=\"wrapperCustomClasses\">\r\n  <div [class.inputbox-error]=\"showEmptyFields && required && !isVerified\"\r\n       [class.inputbox-success]=\"showEmptyFields && required && isVerified\">\r\n\r\n    <ng-select\r\n      [items]=\"items\"\r\n      [ngModel]=\"value\"\r\n      [addTag]=\"addTag\"\r\n      [bindValue]=\"bindValue\"\r\n      [bindLabel]=\"bindLabel\"\r\n      [multiple]=\"multiple\"\r\n      [maxSelectedItems]=\"maxSelectedItems\"\r\n      [groupBy]=\"groupBy ? groupBy : ''\"\r\n      [placeholder]=\"placeholder\"\r\n      [trackByFn]=\"trackByFn\"\r\n      [virtualScroll]=\"virtualScroll\"\r\n      [loading]=\"loading\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [class]=\"getClasses\"\r\n      [searchable]=\"searchable\"\r\n      [closeOnSelect]=\"closeOnSelect\"\r\n      [searchFn]=\"customSearchFn\"\r\n      [notFoundText]=\"notFoundText\"\r\n      [maxlength]=\"maxLength.toString() || 'none'\"\r\n      clearAllText=\"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C\"\r\n      addTagText=\"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\"\r\n      loadingText=\"\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (search)=\"updateSearch($event)\"\r\n    >\r\n      <ng-template ng-label-tmp let-item=\"item\" *ngIf=\"disabled && disabledFromDisplay\">\r\n        {{ displayValue }}\r\n      </ng-template>\r\n      <ng-template ng-option-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"selectOptionsTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"selectOptionsTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"labelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"labelTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-tag-tmp let-items=\"items\" *ngIf=\"tagTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"tagTemplate; context:{items: items}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-loadingtext-tmp>\r\n        <div class=\"ng-option disabled\">{{ loadLabel || '\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430' }}</div>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiLabelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context:{items: items, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiCollapseCount\">\r\n        <ng-container *ngIf=\"value.length < multiCollapseCount\">\r\n          <div class=\"ng-value\" *ngFor=\"let item of items\">\r\n            <span class=\"ng-value-label\">{{ item['label'] }}</span>\r\n            <span class=\"ng-value-icon right\" (click)=\"clear(item)\">\u00D7</span>\r\n          </div>\r\n        </ng-container>\r\n        <div *ngIf=\"value.length >= multiCollapseCount\" class=\"ng-summary-list\">\r\n          <div class=\"ng-value ng-value-empty\">\r\n            <span class=\"ng-value-label\">\u0412\u044B\u0431\u0440\u0430\u043D\u043E: {{ value.length }}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template ng-loadingspinner-tmp>\r\n        <mrx-loader\r\n          [ngStyle]=\"{display: 'flex'}\"\r\n          [color]=\"'brand'\" size=\"small\"\r\n          customClasses=\"align-self-center mr-2\"\r\n        ></mrx-loader>\r\n      </ng-template>\r\n    </ng-select>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-input-select{position:relative}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container{background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow:after{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container{align-items:flex-start;padding:var(--spacing-2);padding-right:var(--spacing-3);box-sizing:border-box;border:none!important;border-radius:var(--border-radius-1)!important;width:100%;height:auto;outline:none;transition:outline-width .2s,border .2s;z-index:1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container.ng-has-value .ng-placeholder{display:none}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:focus,:host::ng-deep .mrx-input-select .ng-select .ng-select-container:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container{display:flex;align-items:center;position:relative;padding:var(--spacing-1) var(--spacing-2)!important;min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-placeholder{top:revert!important;color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value{display:flex;align-items:center;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{overflow:hidden;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:transparent}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input{display:flex;align-items:center;height:auto;padding-left:var(--spacing-2)!important;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input>input{position:relative;z-index:-1;padding:0;transform:none;padding-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .mrx-loader{transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{display:flex;align-items:center;justify-content:center;padding:0;transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow{font-size:0;position:relative;width:100%!important;height:100%!important;background-image:none;line-height:normal;border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow:after{content:\"\";position:absolute;inset:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-extra-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{margin-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after{content:\"\\e92b\"}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after{content:\"\\e923\"}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-select-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 88px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container{max-width:calc(100% - var(--sizing-6))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container .ng-value{min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container{min-height:var(--sizing-12)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-arrow-wrapper{width:var(--sizing-6)!important;min-width:var(--sizing-6);height:var(--sizing-6);min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 64px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:var(--sizing-10)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding:0 var(--spacing-2) 0 var(--spacing-2)!important;min-height:var(--sizing-6);max-width:calc(100% - var(--sizing-4))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-value{margin-bottom:0;min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .mrx-loader{width:var(--sizing-4);height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper{width:var(--sizing-4)!important;min-width:var(--sizing-4);height:var(--sizing-4);min-height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-arrow:after{font-size:var(--body-lg-font-size)}:host::ng-deep .mrx-input-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-label{text-overflow:ellipsis!important;overflow:hidden;max-width:100%!important;display:block;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{gap:var(--spacing-2);padding:0!important;padding-right:var(--spacing-2)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:flex;flex-direction:row;width:100%;max-width:max-content;margin:0;background:var(--brand-bg-secondary-default);border-radius:var(--border-radius-1);padding:0;padding-left:var(--spacing-2);padding-right:var(--spacing-1)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-empty{padding-right:var(--spacing-3)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{color:var(--neutral-text-primary);padding-right:var(--spacing-1);text-overflow:ellipsis!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{position:relative;min-width:var(--sizing-4);min-height:var(--sizing-4);order:1}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:after{content:\"\\e92b\";position:absolute;left:0;top:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);transform:none!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel{z-index:900;background:var(--brand-bg-tertiary-default);box-shadow:0 4px 10px #3a3a3a26;border-radius:var(--border-radius-1);margin-top:var(--spacing-1);border:none}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items{border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:8px;background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{border-radius:var(--border-radius-2);background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{border-radius:var(--border-radius-2);background-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:var(--spacing-6)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{display:flex;align-items:center;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:var(--brand-bg-tertiary-default);color:var(--neutral-text-primary)!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:var(--brand-bg-tertiary-default);position:relative;padding-right:40px;color:var(--neutral-text-primary)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-label{font-weight:400}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");position:absolute;top:50%;transform:translateY(-50%);right:16px;line-height:0}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover{background:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal;color:var(--neutral-text-tertiary);font-weight:700}:host::ng-deep .mrx-input-select.mrx-input-error{display:block}:host::ng-deep .mrx-input-select.mrx-input-error .ng-select .ng-select-container:before{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container{background-color:var(--system-bg-negative-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container:hover{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container{background-color:var(--system-bg-positive-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:before{border-color:var(--system-bg-controls-positive-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value{max-width:100%!important}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value .ng-value-label{text-overflow:initial!important;overflow:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderComponent, selector: "mrx-loader", inputs: ["size", "color", "customClasses"] }, { kind: "component", type: SaveStateComponent, selector: "mrx-save-state", inputs: ["type", "fields", "id"] }, { kind: "component", type: ErrorMessageComponent, selector: "mrx-error-message", inputs: ["invalid", "invalidMessage", "customClasses"] }, { kind: "component", type: i6.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i6.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i6.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i6.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i6.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "directive", type: i6.NgTagTemplateDirective, selector: "[ng-tag-tmp]" }, { kind: "directive", type: i6.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mrx-input-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => InputSelectComponent),
-                            multi: true,
-                        },
-                    ], template: "<div class=\"mrx-input-select\" [class.mrx-input-error]=\"invalid\" [class]=\"wrapperCustomClasses\">\r\n  <div [class.inputbox-error]=\"showEmptyFields && required && !isVerified\"\r\n       [class.inputbox-success]=\"showEmptyFields && required && isVerified\">\r\n\r\n    <ng-select\r\n      [items]=\"items\"\r\n      [ngModel]=\"value\"\r\n      [addTag]=\"addTag\"\r\n      [bindValue]=\"bindValue\"\r\n      [bindLabel]=\"bindLabel\"\r\n      [multiple]=\"multiple\"\r\n      [maxSelectedItems]=\"maxSelectedItems\"\r\n      [groupBy]=\"groupBy ? groupBy : ''\"\r\n      [placeholder]=\"placeholder\"\r\n      [trackByFn]=\"trackByFn\"\r\n      [virtualScroll]=\"virtualScroll\"\r\n      [loading]=\"loading\"\r\n      [disabled]=\"disabled\"\r\n      [readonly]=\"readonly\"\r\n      [clearable]=\"clearable\"\r\n      [class]=\"getClasses\"\r\n      [searchable]=\"searchable\"\r\n      [closeOnSelect]=\"closeOnSelect\"\r\n      [searchFn]=\"customSearchFn\"\r\n      [notFoundText]=\"notFoundText\"\r\n      [maxlength]=\"maxLength.toString() || 'none'\"\r\n      clearAllText=\"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C\"\r\n      addTagText=\"\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C\"\r\n      loadingText=\"\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...\"\r\n      (ngModelChange)=\"updateValue($event)\"\r\n      (search)=\"updateSearch($event)\"\r\n    >\r\n      <ng-template ng-label-tmp let-item=\"item\" *ngIf=\"disabled && disabledFromDisplay\">\r\n        {{ displayValue }}\r\n      </ng-template>\r\n      <ng-template ng-option-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"selectOptionsTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"selectOptionsTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-label-tmp let-item=\"item\" let-clear=\"clear\" *ngIf=\"labelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"labelTemplate; context:{item: item, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-tag-tmp let-items=\"items\" *ngIf=\"tagTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"tagTemplate; context:{items: items}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-loadingtext-tmp>\r\n        <div class=\"ng-option disabled\">{{ loadLabel || '\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430' }}</div>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiLabelTemplate\">\r\n        <ng-container *ngTemplateOutlet=\"multiLabelTemplate; context:{items: items, clear: clear}\"></ng-container>\r\n      </ng-template>\r\n      <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\" *ngIf=\"multiCollapseCount\">\r\n        <ng-container *ngIf=\"value.length < multiCollapseCount\">\r\n          <div class=\"ng-value\" *ngFor=\"let item of items\">\r\n            <span class=\"ng-value-label\">{{ item['label'] }}</span>\r\n            <span class=\"ng-value-icon right\" (click)=\"clear(item)\">\u00D7</span>\r\n          </div>\r\n        </ng-container>\r\n        <div *ngIf=\"value.length >= multiCollapseCount\" class=\"ng-summary-list\">\r\n          <div class=\"ng-value ng-value-empty\">\r\n            <span class=\"ng-value-label\">\u0412\u044B\u0431\u0440\u0430\u043D\u043E: {{ value.length }}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n      <ng-template ng-loadingspinner-tmp>\r\n        <mrx-loader\r\n          [ngStyle]=\"{display: 'flex'}\"\r\n          [color]=\"'brand'\" size=\"small\"\r\n          customClasses=\"align-self-center mr-2\"\r\n        ></mrx-loader>\r\n      </ng-template>\r\n    </ng-select>\r\n  </div>\r\n\r\n  <mrx-error-message\r\n    *ngIf=\"invalid && isInvalidMessage\"\r\n    [invalidMessage]=\"invalidMessage\"\r\n  ></mrx-error-message>\r\n\r\n  <mrx-save-state [id]=\"uuid\" [fields]=\"fields\"></mrx-save-state>\r\n</div>\r\n", styles: [":host::ng-deep .mrx-input-select{position:relative}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container{background-color:var(--neutral-bg-disabled)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow:after{color:var(--neutral-icon-disabled)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container{align-items:flex-start;padding:var(--spacing-2);padding-right:var(--spacing-3);box-sizing:border-box;border:none!important;border-radius:var(--border-radius-1)!important;width:100%;height:auto;outline:none;transition:outline-width .2s,border .2s;z-index:1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;border:var(--border-width-default) solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container.ng-has-value .ng-placeholder{display:none}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:focus,:host::ng-deep .mrx-input-select .ng-select .ng-select-container:active{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select .ng-select-container:hover:before{border-color:var(--neutral-bg-stroke-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container{display:flex;align-items:center;position:relative;padding:var(--spacing-1) var(--spacing-2)!important;min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-placeholder{top:revert!important;color:var(--neutral-text-tertiary)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value{display:flex;align-items:center;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{overflow:hidden;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:transparent}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input{display:flex;align-items:center;height:auto;padding-left:var(--spacing-2)!important;z-index:-1}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-value-container .ng-input>input{position:relative;z-index:-1;padding:0;transform:none;padding-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .mrx-loader{transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{display:flex;align-items:center;justify-content:center;padding:0;transform:translateY(4px)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow{font-size:0;position:relative;width:100%!important;height:100%!important;background-image:none;line-height:normal;border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-arrow:after{content:\"\";position:absolute;inset:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-extra-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-clear,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:hover .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper:focus .ng-arrow,:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper:focus .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper{margin-right:var(--spacing-2)}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-clear-wrapper .ng-clear:after{content:\"\\e92b\"}:host::ng-deep .mrx-input-select .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow:after{content:\"\\e923\"}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-select-container{outline:var(--neutral-bg-island-default) solid var(--border-width-focused)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{background-color:var(--brand-bg-tertiary-hover)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 88px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - 56px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container{max-width:calc(100% - var(--sizing-6))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg.ng-select-multiple .ng-value-container .ng-value{min-height:var(--sizing-8)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container{min-height:var(--sizing-12)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-lg .ng-select-container .ng-arrow-wrapper{width:var(--sizing-6)!important;min-width:var(--sizing-6);height:var(--sizing-6);min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable .ng-has-value .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container.ng-has-value .ng-value-container{max-width:calc(100% - 64px)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.ng-select-clearable.mrx-input-loading .ng-select-container .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple.mrx-input-loading .ng-value-container{max-width:calc(100% - var(--sizing-10))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:var(--body-sm-font-size);line-height:var(--body-sm-line-height)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container{min-height:var(--sizing-10)!important}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container{padding:0 var(--spacing-2) 0 var(--spacing-2)!important;min-height:var(--sizing-6);max-width:calc(100% - var(--sizing-4))}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-value-container .ng-value{margin-bottom:0;min-height:var(--sizing-6)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .mrx-loader{width:var(--sizing-4);height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper{width:var(--sizing-4)!important;min-width:var(--sizing-4);height:var(--sizing-4);min-height:var(--sizing-4)}:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-clear:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-clear-wrapper .ng-arrow:after,:host::ng-deep .mrx-input-select .ng-select.mrx-input-select-md .ng-select-container .ng-arrow-wrapper .ng-arrow:after{font-size:var(--body-lg-font-size)}:host::ng-deep .mrx-input-select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-label{text-overflow:ellipsis!important;overflow:hidden;max-width:100%!important;display:block;white-space:nowrap}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{gap:var(--spacing-2);padding:0!important;padding-right:var(--spacing-2)!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:flex;flex-direction:row;width:100%;max-width:max-content;margin:0;background:var(--brand-bg-secondary-default);border-radius:var(--border-radius-1);padding:0;padding-left:var(--spacing-2);padding-right:var(--spacing-1)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-empty{padding-right:var(--spacing-3)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{color:var(--neutral-text-primary);padding-right:var(--spacing-1);text-overflow:ellipsis!important}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{position:relative;min-width:var(--sizing-4);min-height:var(--sizing-4);order:1}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:after{content:\"\\e92b\";position:absolute;left:0;top:0;width:100%;height:100%;font-family:mrx-icon-font;font-size:var(--body-lg-font-size);color:var(--neutral-icon-default)}:host::ng-deep .mrx-input-select .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{font-size:var(--body-md-font-size);line-height:var(--body-md-line-height);transform:none!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel{z-index:900;background:var(--brand-bg-tertiary-default);box-shadow:0 4px 10px #3a3a3a26;border-radius:var(--border-radius-1);margin-top:var(--spacing-1);border:none}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items{border-radius:var(--border-radius-1)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:8px;background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{border-radius:var(--border-radius-2);background-color:transparent}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{border-radius:var(--border-radius-2);background-color:var(--neutral-bg-stroke-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:var(--spacing-6)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span{display:flex;align-items:center;font-size:var(--body-md-font-size);line-height:var(--body-md-line-height)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:var(--brand-bg-tertiary-default);color:var(--neutral-text-primary)!important}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:var(--brand-bg-tertiary-default);position:relative;padding-right:40px;color:var(--neutral-text-primary)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-label{font-weight:400}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected:before{content:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3336 4.6665L6.00032 11.9998L2.66699 8.66649' stroke='%23000' stroke-width='0.999998' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\");position:absolute;top:50%;transform:translateY(-50%);right:16px;line-height:0}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover{background:var(--brand-bg-secondary-default)}:host::ng-deep .mrx-input-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{min-height:var(--sizing-10);transition:.2s;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-4);white-space:normal;color:var(--neutral-text-tertiary);font-weight:700}:host::ng-deep .mrx-input-select.mrx-input-error{display:block}:host::ng-deep .mrx-input-select.mrx-input-error .ng-select .ng-select-container:before{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container{background-color:var(--system-bg-negative-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-error.ng-select .ng-select-container:hover{border-color:var(--system-bg-controls-negative-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container{background-color:var(--system-bg-positive-secondary)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:before{border-color:var(--system-bg-controls-positive-default)}:host::ng-deep .mrx-input-select .mrx-input-checked-success.ng-select .ng-select-container:hover{border:var(--border-width-default) solid var(--system-bg-controls-positive-default)}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value{max-width:100%!important}:host::ng-deep .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-summary-list .ng-value .ng-value-label{text-overflow:initial!important;overflow:initial}\n"] }]
-        }], propDecorators: { fields: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], bindValue: [{
-                type: Input
-            }], bindLabel: [{
-                type: Input
-            }], customClasses: [{
-                type: Input
-            }], wrapperCustomClasses: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], addTag: [{
-                type: Input
-            }], clearable: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], groupBy: [{
-                type: Input
-            }], emptyValue: [{
-                type: Input
-            }], virtualScroll: [{
-                type: Input
-            }], trackByFn: [{
-                type: Input
-            }], displayValue: [{
-                type: Input
-            }], disabledFromDisplay: [{
-                type: Input
-            }], maxLength: [{
-                type: Input
-            }], customSearchFn: [{
-                type: Input
-            }], isBottomLabel: [{
-                type: Input
-            }], search: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }], showEmptyFields: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], searchable: [{
-                type: Input
-            }], loadLabel: [{
-                type: Input
-            }], notFoundText: [{
-                type: Input
-            }], closeOnSelect: [{
-                type: Input
-            }], multiCollapseCount: [{
-                type: Input
-            }], invalid: [{
-                type: Input
-            }], invalidMessage: [{
-                type: Input
-            }], checkInvalid: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], labelRequiredHidden: [{
-                type: Input
-            }], labelExtraClass: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }], tooltipHidden: [{
-                type: Input
-            }], tooltipVisible: [{
-                type: Input
-            }], selectOptionsTemplate: [{
-                type: ContentChild,
-                args: ['selectOptionsTemplate']
-            }], labelTemplate: [{
-                type: ContentChild,
-                args: ['labelTemplate']
-            }], tagTemplate: [{
-                type: ContentChild,
-                args: ['tagTemplate']
-            }], multiLabelTemplate: [{
-                type: ContentChild,
-                args: ['multiLabelTemplate']
-            }], setMaxSelectedItems: [{
-                type: Input,
-                args: ['maxSelectedItems']
-            }], changed: [{
-                type: Output
-            }], modelChange: [{
-                type: Output
-            }], searched: [{
-                type: Output
-            }] } });
-
-class InputSelectModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, declarations: [InputSelectComponent], imports: [CommonModule,
-            FormsModule,
-            LabelModule,
-            LoaderModule,
-            SaveStateModule,
-            ErrorMessageModule,
-            NgSelectModule], exports: [InputSelectComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, imports: [CommonModule,
-            FormsModule,
-            LabelModule,
-            LoaderModule,
-            SaveStateModule,
-            ErrorMessageModule,
-            NgSelectModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: InputSelectModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [InputSelectComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        LabelModule,
-                        LoaderModule,
-                        SaveStateModule,
-                        ErrorMessageModule,
-                        NgSelectModule
-                    ],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                    exports: [InputSelectComponent],
-                }]
-        }] });
-
 class TableModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: TableModule, declarations: [TableComponent,
@@ -4159,6 +4159,7 @@ class ToasterService {
             closeButton: true,
             positionClass: ToasterPosition.BottomRight,
             enableHtml: false,
+            timeOut: 5000
         };
         if (customConfig) {
             for (let key in customConfig) {
@@ -15850,8 +15851,7 @@ class PdfViewerComponent {
         this._ref = _ref;
     }
     ngOnChanges(changes) {
-        const { defaultZoom } = changes;
-        if (defaultZoom.currentValue != defaultZoom.previousValue) {
+        if (changes['defaultZoom'] && changes['defaultZoom'].currentValue != changes['defaultZoom'].previousValue) {
             this.initZoom();
         }
     }