@morozeckiy/dd-lib 0.7.44 → 0.7.51

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -1296,6 +1296,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class FixedPositionDirective {
+    set destroyedItem(val) {
+        this.isShown = val;
+        if (!val) {
+            this.child2 = null;
+        }
+    }
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
@@ -1321,7 +1327,7 @@ class FixedPositionDirective {
         }
     }
     ngAfterViewChecked() {
-        if (!this.child2) {
+        if (!this.child2 && this.isShown !== false) {
             this.child2 = this.parentElement.querySelector(`[data-child="${this.childName2}"]`);
             if (this.child2) {
                 this.updateChild2Position();
@@ -1334,6 +1340,7 @@ class FixedPositionDirective {
         }
     }
     updateChild2Position() {
+        console.log(1);
         if (this.child1 && this.child2) {
             const child1Rect = this.child1.getBoundingClientRect();
             this.renderer.setStyle(this.child2, 'width', `${child1Rect.width}px`);
@@ -1365,7 +1372,7 @@ class FixedPositionDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FixedPositionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.2", type: FixedPositionDirective, isStandalone: true, selector: "[ddFixedPosition]", inputs: { childName1: "childName1", childName2: "childName2" }, host: { listeners: { "window:scroll": "onScroll()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.2", type: FixedPositionDirective, isStandalone: true, selector: "[ddFixedPosition]", inputs: { childName1: "childName1", childName2: "childName2", destroyedItem: "destroyedItem" }, host: { listeners: { "window:resize": "onScroll()", "window:scroll": "onScroll()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FixedPositionDirective, decorators: [{
             type: Directive,
@@ -1377,7 +1384,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                 type: Input
             }], childName2: [{
                 type: Input
+            }], destroyedItem: [{
+                type: Input
             }], onScroll: [{
+                type: HostListener,
+                args: ['window:resize']
+            }, {
                 type: HostListener,
                 args: ['window:scroll']
             }] } });
@@ -3196,6 +3208,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                 args: ['window:scroll']
             }] } });
 
+class LibHorizontalScrollComponent {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.isDown = false;
+        this.startX = 0;
+        this.scrollLeft = 0;
+        this.velocity = 0;
+        this.lastTime = 0;
+        this.lastScrollLeft = 0;
+        this.animationFrameId = null;
+    }
+    onMouseDown(e) {
+        this.startDragging(e.pageX);
+        e.preventDefault();
+    }
+    onTouchStart(e) {
+        this.startDragging(e.touches[0].pageX);
+    }
+    startDragging(pageX) {
+        const container = this.el.nativeElement.querySelector('.scroll-container');
+        this.isDown = true;
+        this.renderer.setStyle(container, 'cursor', 'grabbing');
+        this.startX = pageX - container.offsetLeft;
+        this.scrollLeft = container.scrollLeft;
+        this.lastTime = Date.now();
+        this.lastScrollLeft = this.scrollLeft;
+        this.cancelAnimation();
+    }
+    onMouseLeave() {
+        this.stopDragging();
+    }
+    onMouseUp() {
+        this.stopDragging();
+    }
+    onTouchEnd() {
+        this.stopDragging();
+    }
+    stopDragging() {
+        const container = this.el.nativeElement.querySelector('.scroll-container');
+        this.isDown = false;
+        this.renderer.setStyle(container, 'cursor', 'grab');
+        this.startInertialScroll();
+    }
+    onMouseMove(e) {
+        this.handleMove(e.pageX);
+    }
+    onTouchMove(e) {
+        this.handleMove(e.touches[0].pageX);
+    }
+    handleMove(pageX) {
+        if (!this.isDown)
+            return;
+        const container = this.el.nativeElement.querySelector('.scroll-container');
+        const x = pageX - container.offsetLeft;
+        const walk = (x - this.startX) * 2; // если им будет слишком быстро, убрать умножение, ну и наоборот
+        container.scrollLeft = this.scrollLeft - walk;
+        // Рассчитываем максимально возможный scrollLeft
+        const maxScroll = container.scrollWidth - container.clientWidth;
+        // Устанавливаем новое положение с проверкой границ
+        container.scrollLeft = Math.max(0, Math.min(this.scrollLeft - walk, maxScroll));
+        // Обновляем расчет скорости для инерции
+        const time = Date.now();
+        if (this.lastTime) {
+            const deltaTime = time - this.lastTime;
+            const deltaScroll = container.scrollLeft - this.lastScrollLeft;
+            this.velocity = deltaScroll / deltaTime;
+        }
+        this.lastTime = time;
+        this.lastScrollLeft = container.scrollLeft;
+    }
+    startInertialScroll() {
+        this.cancelAnimation();
+        const animate = () => {
+            this.velocity *= 0.95;
+            if (Math.abs(this.velocity) > 0.5) {
+                const container = this.el.nativeElement.querySelector('.scroll-container');
+                container.scrollLeft += this.velocity;
+                this.animationFrameId = requestAnimationFrame(animate);
+            }
+            else {
+                this.velocity = 0;
+            }
+        };
+        this.animationFrameId = requestAnimationFrame(animate);
+    }
+    cancelAnimation() {
+        if (this.animationFrameId) {
+            cancelAnimationFrame(this.animationFrameId);
+            this.animationFrameId = null;
+        }
+    }
+    ngOnDestroy() {
+        this.cancelAnimation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibHorizontalScrollComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: LibHorizontalScrollComponent, isStandalone: true, selector: "dd-lib-horizontal-scroll", ngImport: i0, template: "<div class=\"scroll-container\"\r\n     (mousedown)=\"onMouseDown($event)\"\r\n     (mouseleave)=\"onMouseLeave()\"\r\n     (mouseup)=\"onMouseUp()\"\r\n     (mousemove)=\"onMouseMove($event)\"\r\n     (touchstart)=\"onTouchStart($event)\"\r\n     (touchend)=\"onTouchEnd()\"\r\n     (touchmove)=\"onTouchMove($event)\">\r\n  <div class=\"scroll-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".scroll-container{width:100%;overflow-x:auto;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.scroll-container:active{cursor:grabbing}.scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-flex;-webkit-user-select:none;user-select:none;gap:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibHorizontalScrollComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-horizontal-scroll', imports: [], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scroll-container\"\r\n     (mousedown)=\"onMouseDown($event)\"\r\n     (mouseleave)=\"onMouseLeave()\"\r\n     (mouseup)=\"onMouseUp()\"\r\n     (mousemove)=\"onMouseMove($event)\"\r\n     (touchstart)=\"onTouchStart($event)\"\r\n     (touchend)=\"onTouchEnd()\"\r\n     (touchmove)=\"onTouchMove($event)\">\r\n  <div class=\"scroll-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".scroll-container{width:100%;overflow-x:auto;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.scroll-container:active{cursor:grabbing}.scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-flex;-webkit-user-select:none;user-select:none;gap:4px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
 class LibSelectComponent extends LibCommonInputTextComponent {
     static { this.idCounter = 1; }
     set data(d) {
@@ -3204,11 +3319,11 @@ class LibSelectComponent extends LibCommonInputTextComponent {
         }
         this.stringArray.set(typeof d?.[0] === 'string');
         if (!d?.length) {
-            this.isShownList = false;
+            // this.isShownList = false;
             this.changeDetection.detectChanges();
             this.control?.updateValueAndValidity();
         }
-        this.itemSize = d.length === 1 ? 56 : this.itemSize;
+        this.itemSize = d?.length === 1 ? 56 : this.itemSize;
     }
     ;
     constructor(destroyed$, changeDetection, el, controlContainer) {
@@ -3218,24 +3333,22 @@ class LibSelectComponent extends LibCommonInputTextComponent {
         this.controlContainer = controlContainer;
         this.tooltipPosition = 'top';
         this.highlight = true;
+        this.searchOn = true;
         this.itemSize = 40;
         this.keyTitle = '';
         this.keyDesc = '';
         this.keyValue = '';
+        this.noDataError = 'Список пуст';
+        this.searchPlaceholder = 'Напишите, что вы ищете';
         this.placeholder = 'Выберите из списка';
         this.selectedItem = new EventEmitter();
         this.selectedItems = new EventEmitter();
-        // TODO: надо сделать типизацию и конструктор принмайющий объект форматирующий во внутренний и отдающий обратно что нужно
         this._data = signal(undefined);
+        // TODO: надо сделать типизацию и конструктор принмайющий объект форматирующий во внутренний и отдающий обратно что нужно
         this.checkedItems = [];
         this.initWriteValue = true;
         this.stringArray = signal(false);
     }
-    onWindowScroll() {
-        if (this.isShownList) {
-            this.updateDropdownPosition(this.el, this._data(), this.itemSize, 300);
-        }
-    }
     ngOnInit() {
         this.showMultiCountValue = this.multi;
         if (!this.selectId) {
@@ -3278,14 +3391,6 @@ class LibSelectComponent extends LibCommonInputTextComponent {
     searchInput($event) {
         this.isShownList = true;
         // this.searchValue = this.inputValue;
-        // меняем позицию дропдауна тк список будет меняться
-        if (this.isShownList && this.searchValue) {
-            const filteredData = new FilterByKeyPipe().transform.bind(this)(this._data(), this.filterList(this));
-            this.updateDropdownPosition(this.el, filteredData, this.itemSize, 300);
-        }
-        else if (this.isShownList && !this.searchValue) {
-            this.updateDropdownPosition(this.el, this._data(), this.itemSize, 300);
-        }
     }
     handleInput(e) {
         this.isShownList = true;
@@ -3299,7 +3404,6 @@ class LibSelectComponent extends LibCommonInputTextComponent {
                 setTimeout(() => {
                     this.searchInputEl?.nativeElement.focus();
                 });
-                this.updateDropdownPosition(this.el, this._data(), this.itemSize, 300);
             }
             if (this.fetchMode) {
                 this.fetchEvent.emit();
@@ -3343,14 +3447,14 @@ class LibSelectComponent extends LibCommonInputTextComponent {
                     this.inputValue = value;
                 }
                 else {
-                    if (!!this.keyValue) {
-                        const fVal = this._data()?.find((f) => f?.[this.keyValue] === value);
+                    if (!!this.keyValue && this._data()?.length) {
+                        const fVal = this._data().find((f) => f?.[this.keyValue] === value);
                         this.value = fVal?.[this.keyValue];
                         this.inputValue = this.keyTitle ? fVal?.[this.keyTitle] : fVal;
                         this.checkedItem = fVal;
                     }
-                    else {
-                        const fVal = this._data()?.find((f) => JSON.stringify(f) === JSON.stringify(value));
+                    else if (this._data()?.length) {
+                        const fVal = this._data().find((f) => JSON.stringify(f) === JSON.stringify(value));
                         this.value = fVal;
                         this.inputValue = this.keyTitle ? fVal?.[this.keyTitle] : fVal;
                         this.checkedItem = fVal;
@@ -3369,6 +3473,7 @@ class LibSelectComponent extends LibCommonInputTextComponent {
         this.initWriteValue = false;
         this.changeDetection.detectChanges();
     }
+    // Дебаунс нужен для того, что бы клик по удаленным элементам не тупил, потому что кликОтсуайд не успевает их увидеть и засчитывает клик вне блока
     selectItem(item, cleared) {
         if (this.disabled || item.disabled) {
             return;
@@ -3484,13 +3589,13 @@ class LibSelectComponent extends LibCommonInputTextComponent {
         // this.showMultiCountValue = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibSelectComponent, deps: [{ token: i0.DestroyRef }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$5.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: LibSelectComponent, isStandalone: true, selector: "dd-lib-select", inputs: { data: "data", virtualScroll: "virtualScroll", multi: "multi", tooltipPosition: "tooltipPosition", highlight: "highlight", selectId: "selectId", itemSize: "itemSize", keyTitle: "keyTitle", keyDesc: "keyDesc", keyValue: "keyValue", noDataError: "noDataError", placeholder: "placeholder" }, outputs: { selectedItem: "selectedItem", selectedItems: "selectedItems" }, host: { listeners: { "window:resize": "onWindowScroll()", "window:scroll": "onWindowScroll()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: LibSelectComponent, isStandalone: true, selector: "dd-lib-select", inputs: { data: "data", virtualScroll: "virtualScroll", multi: "multi", tooltipPosition: "tooltipPosition", highlight: "highlight", searchOn: "searchOn", selectId: "selectId", itemSize: "itemSize", keyTitle: "keyTitle", keyDesc: "keyDesc", keyValue: "keyValue", noDataError: "noDataError", searchPlaceholder: "searchPlaceholder", placeholder: "placeholder" }, outputs: { selectedItem: "selectedItem", selectedItems: "selectedItems" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LibSelectComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "selectEl", first: true, predicate: ["select"], descendants: true, read: ElementRef, static: true }, { propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"id\" class=\"lib-select__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n    <div class=\"search-block\"\r\n         [style.right]=\"multiCountValue ? '125px' : multi ? '40px' : '30px'\"\r\n         [style.display]=\"(isShownList) ? 'flex' : 'none'\">\r\n      <input class=\"search-block__input\"  #searchInputEl [attr.name]=\"name\"\r\n             [readOnly]=\"readOnly\"\r\n             (input)=\"searchInput($event)\"\r\n             (blur)=\"handleBlur()\"\r\n             (focus)=\"handleFocus()\"\r\n             [(ngModel)]=\"searchValue\" type=\"text\" >\r\n        <dd-lib-svg-icon\r\n          [style.display]=\"searchValue ? 'block' : 'none'\"\r\n          class=\"cup\"\r\n          (click)=\"searchValue=''\"\r\n          id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    </div>\r\n    @if (!this._data()) {\r\n      <div class=\"data-loader\">\r\n        <dd-lib-loader></dd-lib-loader>\r\n      </div>\r\n    }\r\n    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent($event)\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur()\"\r\n      (focus)=\"handleFocus()\"\r\n      [attr.id]=\"selectId\"\r\n      [attr.placeholder]=\"(multiCountValue || searchValue) ? '' : placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [style.color]=\"(searchValue && isShownList) ? 'transparent' : 'inherit'\"\r\n      [attr.type]=\"'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"showError\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"true\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [title]=\"inputValue || ''\"\r\n      class=\"text-select select-block\" />\r\n    @if (multiCountValue) {\r\n      <span class=\"multi-count text-plain small\">{{multiCountValue}}</span>\r\n    }\r\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\r\n    @if (!checkedItem) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent($event)\"\r\n        [class.black-svg]=\"isShownList\"\r\n        [class.disabled]=\"disabled\"\r\n        [class.gray-svg]=\"!isShownList\"\r\n        [class.up]=\"isShownList\"\r\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\r\n\r\n    } @else if (clearable && !searchValue) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"onClear(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n\r\n  @if (errorTexts.length && showError) {\r\n    @for (error of errorTexts; track error) {\r\n      <div class=\"lib-select__error\">{{ error }}</div>\r\n    }\r\n  }\r\n  @if (errorText && showSelfError && showError) {\r\n    <div class=\"lib-select__error\">{{ errorText }}</div>\r\n  }\r\n  @if (isShownList) {\r\n  <div\r\n    id=\"dropdown\"\r\n    data-child=\"list\"\r\n    [ngStyle]=\"dropdownStyle\"\r\n    (ddClickOutside)=\"notifyFocusEvent($event);fullBlur.emit($event)\"\r\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\r\n    ddListKeyboardNavigation\r\n    class=\"select-list-wrapper\">\r\n    @if (_data()) {\r\n      @if (!_data()?.length && noDataError) {\r\n        <div class=\"select-no-data\">\r\n          {{noDataError}}\r\n        </div>\r\n      }\r\n      @if (virtualScroll) {\r\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\" [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\r\n          <div *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this)\">\r\n            <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n          </div>\r\n        </cdk-virtual-scroll-viewport>\r\n      } @else {\r\n        @for (item of _data() | filterByKey: filterList.bind(this); track item) {\r\n          <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n        }\r\n      }\r\n    } @else {\r\n    <div class=\"select-loader\">\r\n      <dd-lib-loader></dd-lib-loader>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<ng-template #rowItem let-item=item>\r\n  <div ddSelectableItem [ddTooltip]=\"item.tooltip ? item.tooltip : ''\" [position]=\"tooltipPosition\"\r\n       (click)=\"selectItem(item)\"\r\n       (itemSelected)=\"selectItem(item)\"\r\n       [class.s-item-active]=\"checkSelected(item) && !item.disabled\"\r\n       [class.s-item-disabled]=\"item.disabled\"\r\n       class=\"select-data\">\r\n    @if (stringArray()) {\r\n      <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n           class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyTitle && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyTitle!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyDesc && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyDesc!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        [title]=\"item[keyDesc]\"\r\n        class=\"select-data__desc\"></div>\r\n    }\r\n    @if (checkSelected(item)) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"checked\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".lib-select{position:relative}.lib-select .select-block{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select .select-block:hover{border-color:var(--input-active-border-colort)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select .select-block:disabled::placeholder{color:var(--input-placeholder)}.lib-select .select-block.invalid,.lib-select .select-block.invalid:hover{border-color:var(--input-error-border-color)}.lib-select .select-block.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-select .multi-count{position:absolute;top:10px;right:42px;white-space:nowrap}.lib-select .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-select .chevron{cursor:pointer;position:absolute;right:16px;top:10px}.lib-select .chevron.up{transform:rotate(180deg)}.lib-select__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-select .select-list-wrapper{position:absolute;display:block;z-index:100;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-select .select-list-wrapper cdk-virtual-scroll-viewport{max-height:300px}.lib-select .select-list-wrapper.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative;min-height:40px}.lib-select .select-list-wrapper .select-data__desc{font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;text-wrap:nowrap;padding-top:2px;overflow:hidden;color:var(--second-gray-color)}.lib-select .select-list-wrapper .select-data.key-down-active,.lib-select .select-list-wrapper .select-data:hover,.lib-select .select-list-wrapper .select-data.s-item-active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.s-item-active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-data.s-item-disabled{cursor:auto;background:var(--disabled-bgc);color:var(--disabled-color)}.lib-select .select-list-wrapper .select-no-data{padding:12px 42px 12px 16px;cursor:auto;position:relative;color:var(--disabled-color)}.lib-select .select-list-wrapper .select-loader{padding:24px}.search-block{position:absolute;height:12px;top:17px;z-index:1;left:16px;display:flex;gap:4px;align-items:center}.search-block__input{border:none;background:transparent;width:100%}.data-loader{position:absolute;right:0;left:0;bottom:12px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: TooltipDirective, selector: "[ddTooltip]", inputs: ["ddTooltip", "withClick", "position"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ListKeyboardNavigationDirective, selector: "[ddListKeyboardNavigation]" }, { kind: "directive", type: SelectableItemDirective, selector: "[ddSelectableItem]", outputs: ["itemSelected"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["childName1", "childName2"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "selectEl", first: true, predicate: ["select"], descendants: true, read: ElementRef, static: true }, { propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" [destroyedItem]=\"isShownList\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"id\" class=\"lib-select__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n\r\n    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent($event)\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur()\"\r\n      (focus)=\"handleFocus()\"\r\n      [attr.id]=\"selectId\"\r\n      [attr.placeholder]=\"(multiCountValue || searchValue) ? '' : placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"showError\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"true\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [title]=\"inputValue || ''\"\r\n      class=\"text-select select-block\" />\r\n\r\n    @if (multiCountValue) {\r\n      <div  class=\"selected-items-container\"\r\n           id=\"selected-{{selectId}}\">\r\n\r\n        <dd-lib-horizontal-scroll>\r\n          @for (item of checkedItems; track item) {\r\n            <div class=\"selected-items__item\">\r\n              @if (stringArray()) {\r\n                <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n                     class=\"selected-items__item-title\"></div>\r\n              }\r\n              @if (keyTitle && !stringArray()) {\r\n                <div\r\n                  [innerHTML]=\"item[keyTitle!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n                  class=\"selected-items__item-title\"></div>\r\n              }\r\n              @if (keyDesc && !stringArray()) {\r\n                <div\r\n                  [innerHTML]=\"item[keyDesc!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n                  [title]=\"item[keyDesc]\"\r\n                  class=\"selected-items__item-desc\"></div>\r\n              }\r\n              <dd-lib-svg-icon id=\"selected-clear-{{selectId}}\" icon=\"clear\" class=\"cup\"\r\n                               (click)=\"selectItem(item)\"></dd-lib-svg-icon>\r\n            </div>\r\n          }\r\n        </dd-lib-horizontal-scroll>\r\n      </div>\r\n\r\n    }\r\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\r\n    @if (!checkedItem) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent($event)\"\r\n        [class.black-svg]=\"isShownList\"\r\n        [class.disabled]=\"disabled\"\r\n        [class.gray-svg]=\"!isShownList\"\r\n        [class.up]=\"isShownList\"\r\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\r\n\r\n    } @else if (clearable && !searchValue) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"onClear(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n\r\n  @if (errorTexts.length && showError) {\r\n    @for (error of errorTexts; track error) {\r\n      <div class=\"lib-select__error\">{{ error }}</div>\r\n    }\r\n  }\r\n  @if (errorText && showSelfError && showError) {\r\n    <div class=\"lib-select__error\">{{ errorText }}</div>\r\n  }\r\n\r\n  @if (isShownList) {\r\n  <div\r\n    id=\"dropdown\"\r\n    [style.max-height]=\"searchOn ? '342px' : '300px'\"\r\n    data-child=\"list\"\r\n    (ddClickOutside)=\"notifyFocusEvent($event);fullBlur.emit($event)\"\r\n    [elements]=\"['lib-select-' + selectId, 'chevron-' + selectId, 'selected-' + selectId, 'selected-clear-' + selectId]\"\r\n    ddListKeyboardNavigation\r\n    class=\"select-list-wrapper\">\r\n    @if (_data()) {\r\n      <!--      \u0415\u0441\u043B\u0438 \u0434\u0430\u043D\u043D\u044B\u0435 \u0434\u043B\u044F \u0441\u0435\u0434\u0435\u043A\u0442\u0430 \u043D\u0435 \u043F\u0440\u0438\u0448\u043B\u043E-->\r\n      @if (!_data()?.length && noDataError) {\r\n        <div class=\"info-container\">\r\n          <div class=\"b2-title no-wrap-text\">\r\n            {{ noDataError }}\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!--      \u043F\u043E\u0438\u0441\u043A-->\r\n      @if (_data()?.length && _data()!.length > 5 && searchOn) {\r\n        <div class=\"search-block\">\r\n          <dd-lib-svg-icon\r\n            class=\"search-icon\"\r\n            id=\"chevron-{{ selectId }}\" icon=\"search\"></dd-lib-svg-icon>\r\n          <input class=\"search-block__input\" #searchInputEl [attr.name]=\"name\"\r\n                 [readOnly]=\"readOnly\"\r\n                 (input)=\"searchInput($event)\"\r\n                 [placeholder]=\"searchPlaceholder\"\r\n                 (blur)=\"handleBlur()\"\r\n                 (focus)=\"handleFocus()\"\r\n                 [(ngModel)]=\"searchValue\" type=\"text\">\r\n          <dd-lib-svg-icon\r\n            [style.display]=\"searchValue ? 'block' : 'none'\"\r\n            class=\"cup\"\r\n            (click)=\"searchValue=''\"\r\n            id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n        </div>\r\n      }\r\n      <!--      \u0415\u0441\u043B\u0438 \u043F\u043E\u0438\u0441\u043A \u043D\u0435 \u0434\u0430\u043B \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432-->\r\n      @if (_data()?.length && (_data() | filterByKey: filterList.bind(this))?.length === 0) {\r\n        <div class=\"info-container\">\r\n          <div class=\"b2-title no-wrap-text\">\r\n            \u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\r\n          </div>\r\n        </div>\r\n      }\r\n      @if (virtualScroll) {\r\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\" [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\r\n          <div *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this)\">\r\n            <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n          </div>\r\n        </cdk-virtual-scroll-viewport>\r\n      } @else {\r\n        @for (item of _data() | filterByKey: filterList.bind(this); track item) {\r\n          <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n        }\r\n      }\r\n    } @else {\r\n      <div class=\"info-container\">\r\n        <div class=\"d-flex gap-12 align-center\">\r\n          <div class=\"b2-title no-wrap-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445</div>\r\n          <dd-lib-loader></dd-lib-loader>\r\n        </div>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<ng-template #rowItem let-item=item>\r\n  <div ddSelectableItem [ddTooltip]=\"item.tooltip ? item.tooltip : ''\" [position]=\"tooltipPosition\"\r\n       (click)=\"selectItem(item)\"\r\n       (itemSelected)=\"selectItem(item)\"\r\n       [class.s-item-active]=\"checkSelected(item) && !item.disabled\"\r\n       [class.s-item-disabled]=\"item.disabled\"\r\n       class=\"select-data\">\r\n    @if (stringArray()) {\r\n      <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n           class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyTitle && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyTitle!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyDesc && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyDesc!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        [title]=\"item[keyDesc]\"\r\n        class=\"select-data__desc\"></div>\r\n    }\r\n    @if (checkSelected(item)) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"checked\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".lib-select{position:relative}.lib-select .select-block{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select .select-block:hover{border-color:var(--input-active-border-colort)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select .select-block:disabled::placeholder{color:var(--input-placeholder)}.lib-select .select-block.invalid,.lib-select .select-block.invalid:hover{border-color:var(--input-error-border-color)}.lib-select .select-block.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-select .multi-count{position:absolute;top:10px;right:42px;white-space:nowrap}.lib-select .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-select .chevron{cursor:pointer;position:absolute;right:16px;top:10px}.lib-select .chevron.up{transform:rotate(180deg)}.lib-select__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-select .select-list-wrapper{position:absolute;display:block;z-index:100;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-select .select-list-wrapper cdk-virtual-scroll-viewport{max-height:300px}.lib-select .select-list-wrapper.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative;min-height:40px}.lib-select .select-list-wrapper .select-data__desc{font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;text-wrap:nowrap;padding-top:2px;overflow:hidden;color:var(--second-gray-color)}.lib-select .select-list-wrapper .select-data.key-down-active,.lib-select .select-list-wrapper .select-data:hover,.lib-select .select-list-wrapper .select-data.s-item-active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.s-item-active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-data.s-item-disabled{cursor:auto;background:var(--disabled-bgc);color:var(--disabled-color)}.lib-select .select-list-wrapper .select-no-data{padding:12px 42px 12px 16px;cursor:auto;position:relative;color:var(--disabled-color)}.lib-select .select-list-wrapper .info-container{padding:36px;display:flex;align-items:center;justify-content:center}.search-block{position:relative;padding:12px;z-index:1;display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--gray-bgc)}.search-block__input{border:none;background:transparent;width:100%;padding-left:40px}.search-block .search-icon{position:absolute;left:20px;top:0;bottom:0}.data-loader{position:absolute;right:0;left:0;bottom:12px}.selected-items{position:absolute;display:flex;gap:4px;flex-wrap:wrap;z-index:101;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color);padding:8px}.selected-items__item{background:var(--disabled-color);color:#fff;padding:12px;border-radius:12px}.selected-items-container{overflow:hidden;border-radius:8px;top:0;bottom:0;position:absolute;max-width:calc(100% - 60px);left:6px;margin:8px;align-items:center}.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--primary-green-color);padding:4px;border-radius:8px;display:flex;gap:4px;align-items:center}.selected-items-container .selected-items__item-title{white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: TooltipDirective, selector: "[ddTooltip]", inputs: ["ddTooltip", "withClick", "position"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ListKeyboardNavigationDirective, selector: "[ddListKeyboardNavigation]" }, { kind: "directive", type: SelectableItemDirective, selector: "[ddSelectableItem]", outputs: ["itemSelected"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["childName1", "childName2", "destroyedItem"] }, { kind: "component", type: LibHorizontalScrollComponent, selector: "dd-lib-horizontal-scroll" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibSelectComponent, decorators: [{
             type: Component,
@@ -3509,14 +3614,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                         NgTemplateOutlet,
                         ListKeyboardNavigationDirective,
                         SelectableItemDirective,
-                        FixedPositionDirective
+                        FixedPositionDirective,
+                        LibHorizontalScrollComponent
                     ], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => LibSelectComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"id\" class=\"lib-select__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n    <div class=\"search-block\"\r\n         [style.right]=\"multiCountValue ? '125px' : multi ? '40px' : '30px'\"\r\n         [style.display]=\"(isShownList) ? 'flex' : 'none'\">\r\n      <input class=\"search-block__input\"  #searchInputEl [attr.name]=\"name\"\r\n             [readOnly]=\"readOnly\"\r\n             (input)=\"searchInput($event)\"\r\n             (blur)=\"handleBlur()\"\r\n             (focus)=\"handleFocus()\"\r\n             [(ngModel)]=\"searchValue\" type=\"text\" >\r\n        <dd-lib-svg-icon\r\n          [style.display]=\"searchValue ? 'block' : 'none'\"\r\n          class=\"cup\"\r\n          (click)=\"searchValue=''\"\r\n          id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    </div>\r\n    @if (!this._data()) {\r\n      <div class=\"data-loader\">\r\n        <dd-lib-loader></dd-lib-loader>\r\n      </div>\r\n    }\r\n    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent($event)\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur()\"\r\n      (focus)=\"handleFocus()\"\r\n      [attr.id]=\"selectId\"\r\n      [attr.placeholder]=\"(multiCountValue || searchValue) ? '' : placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [style.color]=\"(searchValue && isShownList) ? 'transparent' : 'inherit'\"\r\n      [attr.type]=\"'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"showError\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"true\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [title]=\"inputValue || ''\"\r\n      class=\"text-select select-block\" />\r\n    @if (multiCountValue) {\r\n      <span class=\"multi-count text-plain small\">{{multiCountValue}}</span>\r\n    }\r\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\r\n    @if (!checkedItem) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent($event)\"\r\n        [class.black-svg]=\"isShownList\"\r\n        [class.disabled]=\"disabled\"\r\n        [class.gray-svg]=\"!isShownList\"\r\n        [class.up]=\"isShownList\"\r\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\r\n\r\n    } @else if (clearable && !searchValue) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"onClear(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n\r\n  @if (errorTexts.length && showError) {\r\n    @for (error of errorTexts; track error) {\r\n      <div class=\"lib-select__error\">{{ error }}</div>\r\n    }\r\n  }\r\n  @if (errorText && showSelfError && showError) {\r\n    <div class=\"lib-select__error\">{{ errorText }}</div>\r\n  }\r\n  @if (isShownList) {\r\n  <div\r\n    id=\"dropdown\"\r\n    data-child=\"list\"\r\n    [ngStyle]=\"dropdownStyle\"\r\n    (ddClickOutside)=\"notifyFocusEvent($event);fullBlur.emit($event)\"\r\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\r\n    ddListKeyboardNavigation\r\n    class=\"select-list-wrapper\">\r\n    @if (_data()) {\r\n      @if (!_data()?.length && noDataError) {\r\n        <div class=\"select-no-data\">\r\n          {{noDataError}}\r\n        </div>\r\n      }\r\n      @if (virtualScroll) {\r\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\" [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\r\n          <div *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this)\">\r\n            <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n          </div>\r\n        </cdk-virtual-scroll-viewport>\r\n      } @else {\r\n        @for (item of _data() | filterByKey: filterList.bind(this); track item) {\r\n          <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n        }\r\n      }\r\n    } @else {\r\n    <div class=\"select-loader\">\r\n      <dd-lib-loader></dd-lib-loader>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<ng-template #rowItem let-item=item>\r\n  <div ddSelectableItem [ddTooltip]=\"item.tooltip ? item.tooltip : ''\" [position]=\"tooltipPosition\"\r\n       (click)=\"selectItem(item)\"\r\n       (itemSelected)=\"selectItem(item)\"\r\n       [class.s-item-active]=\"checkSelected(item) && !item.disabled\"\r\n       [class.s-item-disabled]=\"item.disabled\"\r\n       class=\"select-data\">\r\n    @if (stringArray()) {\r\n      <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n           class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyTitle && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyTitle!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyDesc && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyDesc!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        [title]=\"item[keyDesc]\"\r\n        class=\"select-data__desc\"></div>\r\n    }\r\n    @if (checkSelected(item)) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"checked\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".lib-select{position:relative}.lib-select .select-block{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select .select-block:hover{border-color:var(--input-active-border-colort)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select .select-block:disabled::placeholder{color:var(--input-placeholder)}.lib-select .select-block.invalid,.lib-select .select-block.invalid:hover{border-color:var(--input-error-border-color)}.lib-select .select-block.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-select .multi-count{position:absolute;top:10px;right:42px;white-space:nowrap}.lib-select .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-select .chevron{cursor:pointer;position:absolute;right:16px;top:10px}.lib-select .chevron.up{transform:rotate(180deg)}.lib-select__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-select .select-list-wrapper{position:absolute;display:block;z-index:100;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-select .select-list-wrapper cdk-virtual-scroll-viewport{max-height:300px}.lib-select .select-list-wrapper.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative;min-height:40px}.lib-select .select-list-wrapper .select-data__desc{font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;text-wrap:nowrap;padding-top:2px;overflow:hidden;color:var(--second-gray-color)}.lib-select .select-list-wrapper .select-data.key-down-active,.lib-select .select-list-wrapper .select-data:hover,.lib-select .select-list-wrapper .select-data.s-item-active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.s-item-active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-data.s-item-disabled{cursor:auto;background:var(--disabled-bgc);color:var(--disabled-color)}.lib-select .select-list-wrapper .select-no-data{padding:12px 42px 12px 16px;cursor:auto;position:relative;color:var(--disabled-color)}.lib-select .select-list-wrapper .select-loader{padding:24px}.search-block{position:absolute;height:12px;top:17px;z-index:1;left:16px;display:flex;gap:4px;align-items:center}.search-block__input{border:none;background:transparent;width:100%}.data-loader{position:absolute;right:0;left:0;bottom:12px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" [destroyedItem]=\"isShownList\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"id\" class=\"lib-select__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n\r\n    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent($event)\"\r\n      (input)=\"handleInput($event)\"\r\n      (blur)=\"handleBlur()\"\r\n      (focus)=\"handleFocus()\"\r\n      [attr.id]=\"selectId\"\r\n      [attr.placeholder]=\"(multiCountValue || searchValue) ? '' : placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"showError\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"true\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [title]=\"inputValue || ''\"\r\n      class=\"text-select select-block\" />\r\n\r\n    @if (multiCountValue) {\r\n      <div  class=\"selected-items-container\"\r\n           id=\"selected-{{selectId}}\">\r\n\r\n        <dd-lib-horizontal-scroll>\r\n          @for (item of checkedItems; track item) {\r\n            <div class=\"selected-items__item\">\r\n              @if (stringArray()) {\r\n                <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n                     class=\"selected-items__item-title\"></div>\r\n              }\r\n              @if (keyTitle && !stringArray()) {\r\n                <div\r\n                  [innerHTML]=\"item[keyTitle!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n                  class=\"selected-items__item-title\"></div>\r\n              }\r\n              @if (keyDesc && !stringArray()) {\r\n                <div\r\n                  [innerHTML]=\"item[keyDesc!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n                  [title]=\"item[keyDesc]\"\r\n                  class=\"selected-items__item-desc\"></div>\r\n              }\r\n              <dd-lib-svg-icon id=\"selected-clear-{{selectId}}\" icon=\"clear\" class=\"cup\"\r\n                               (click)=\"selectItem(item)\"></dd-lib-svg-icon>\r\n            </div>\r\n          }\r\n        </dd-lib-horizontal-scroll>\r\n      </div>\r\n\r\n    }\r\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\r\n    @if (!checkedItem) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent($event)\"\r\n        [class.black-svg]=\"isShownList\"\r\n        [class.disabled]=\"disabled\"\r\n        [class.gray-svg]=\"!isShownList\"\r\n        [class.up]=\"isShownList\"\r\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\r\n\r\n    } @else if (clearable && !searchValue) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"onClear(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n\r\n  @if (errorTexts.length && showError) {\r\n    @for (error of errorTexts; track error) {\r\n      <div class=\"lib-select__error\">{{ error }}</div>\r\n    }\r\n  }\r\n  @if (errorText && showSelfError && showError) {\r\n    <div class=\"lib-select__error\">{{ errorText }}</div>\r\n  }\r\n\r\n  @if (isShownList) {\r\n  <div\r\n    id=\"dropdown\"\r\n    [style.max-height]=\"searchOn ? '342px' : '300px'\"\r\n    data-child=\"list\"\r\n    (ddClickOutside)=\"notifyFocusEvent($event);fullBlur.emit($event)\"\r\n    [elements]=\"['lib-select-' + selectId, 'chevron-' + selectId, 'selected-' + selectId, 'selected-clear-' + selectId]\"\r\n    ddListKeyboardNavigation\r\n    class=\"select-list-wrapper\">\r\n    @if (_data()) {\r\n      <!--      \u0415\u0441\u043B\u0438 \u0434\u0430\u043D\u043D\u044B\u0435 \u0434\u043B\u044F \u0441\u0435\u0434\u0435\u043A\u0442\u0430 \u043D\u0435 \u043F\u0440\u0438\u0448\u043B\u043E-->\r\n      @if (!_data()?.length && noDataError) {\r\n        <div class=\"info-container\">\r\n          <div class=\"b2-title no-wrap-text\">\r\n            {{ noDataError }}\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <!--      \u043F\u043E\u0438\u0441\u043A-->\r\n      @if (_data()?.length && _data()!.length > 5 && searchOn) {\r\n        <div class=\"search-block\">\r\n          <dd-lib-svg-icon\r\n            class=\"search-icon\"\r\n            id=\"chevron-{{ selectId }}\" icon=\"search\"></dd-lib-svg-icon>\r\n          <input class=\"search-block__input\" #searchInputEl [attr.name]=\"name\"\r\n                 [readOnly]=\"readOnly\"\r\n                 (input)=\"searchInput($event)\"\r\n                 [placeholder]=\"searchPlaceholder\"\r\n                 (blur)=\"handleBlur()\"\r\n                 (focus)=\"handleFocus()\"\r\n                 [(ngModel)]=\"searchValue\" type=\"text\">\r\n          <dd-lib-svg-icon\r\n            [style.display]=\"searchValue ? 'block' : 'none'\"\r\n            class=\"cup\"\r\n            (click)=\"searchValue=''\"\r\n            id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n        </div>\r\n      }\r\n      <!--      \u0415\u0441\u043B\u0438 \u043F\u043E\u0438\u0441\u043A \u043D\u0435 \u0434\u0430\u043B \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432-->\r\n      @if (_data()?.length && (_data() | filterByKey: filterList.bind(this))?.length === 0) {\r\n        <div class=\"info-container\">\r\n          <div class=\"b2-title no-wrap-text\">\r\n            \u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\r\n          </div>\r\n        </div>\r\n      }\r\n      @if (virtualScroll) {\r\n        <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\" [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\r\n          <div *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this)\">\r\n            <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n          </div>\r\n        </cdk-virtual-scroll-viewport>\r\n      } @else {\r\n        @for (item of _data() | filterByKey: filterList.bind(this); track item) {\r\n          <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item}\"></ng-container>\r\n        }\r\n      }\r\n    } @else {\r\n      <div class=\"info-container\">\r\n        <div class=\"d-flex gap-12 align-center\">\r\n          <div class=\"b2-title no-wrap-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445</div>\r\n          <dd-lib-loader></dd-lib-loader>\r\n        </div>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n\r\n<ng-template #rowItem let-item=item>\r\n  <div ddSelectableItem [ddTooltip]=\"item.tooltip ? item.tooltip : ''\" [position]=\"tooltipPosition\"\r\n       (click)=\"selectItem(item)\"\r\n       (itemSelected)=\"selectItem(item)\"\r\n       [class.s-item-active]=\"checkSelected(item) && !item.disabled\"\r\n       [class.s-item-disabled]=\"item.disabled\"\r\n       class=\"select-data\">\r\n    @if (stringArray()) {\r\n      <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n           class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyTitle && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyTitle!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        class=\"select-data__title\"></div>\r\n    }\r\n    @if (keyDesc && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyDesc!] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\r\n        [title]=\"item[keyDesc]\"\r\n        class=\"select-data__desc\"></div>\r\n    }\r\n    @if (checkSelected(item)) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"checked\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", styles: [".lib-select{position:relative}.lib-select .select-block{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select .select-block:hover{border-color:var(--input-active-border-colort)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select .select-block:disabled::placeholder{color:var(--input-placeholder)}.lib-select .select-block.invalid,.lib-select .select-block.invalid:hover{border-color:var(--input-error-border-color)}.lib-select .select-block.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-select .multi-count{position:absolute;top:10px;right:42px;white-space:nowrap}.lib-select .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-select .chevron{cursor:pointer;position:absolute;right:16px;top:10px}.lib-select .chevron.up{transform:rotate(180deg)}.lib-select__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-select .select-list-wrapper{position:absolute;display:block;z-index:100;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}.lib-select .select-list-wrapper cdk-virtual-scroll-viewport{max-height:300px}.lib-select .select-list-wrapper.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative;min-height:40px}.lib-select .select-list-wrapper .select-data__desc{font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;text-wrap:nowrap;padding-top:2px;overflow:hidden;color:var(--second-gray-color)}.lib-select .select-list-wrapper .select-data.key-down-active,.lib-select .select-list-wrapper .select-data:hover,.lib-select .select-list-wrapper .select-data.s-item-active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.s-item-active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-data.s-item-disabled{cursor:auto;background:var(--disabled-bgc);color:var(--disabled-color)}.lib-select .select-list-wrapper .select-no-data{padding:12px 42px 12px 16px;cursor:auto;position:relative;color:var(--disabled-color)}.lib-select .select-list-wrapper .info-container{padding:36px;display:flex;align-items:center;justify-content:center}.search-block{position:relative;padding:12px;z-index:1;display:flex;gap:4px;align-items:center;border-bottom:1px solid var(--gray-bgc)}.search-block__input{border:none;background:transparent;width:100%;padding-left:40px}.search-block .search-icon{position:absolute;left:20px;top:0;bottom:0}.data-loader{position:absolute;right:0;left:0;bottom:12px}.selected-items{position:absolute;display:flex;gap:4px;flex-wrap:wrap;z-index:101;width:100%;max-height:300px;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color);padding:8px}.selected-items__item{background:var(--disabled-color);color:#fff;padding:12px;border-radius:12px}.selected-items-container{overflow:hidden;border-radius:8px;top:0;bottom:0;position:absolute;max-width:calc(100% - 60px);left:6px;margin:8px;align-items:center}.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--primary-green-color);padding:4px;border-radius:8px;display:flex;gap:4px;align-items:center}.selected-items-container .selected-items__item-title{white-space:nowrap}\n"] }]
         }], ctorParameters: () => [{ type: i0.DestroyRef }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$5.ControlContainer, decorators: [{
                     type: Optional
                 }, {
@@ -3539,6 +3645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                 type: Input
             }], highlight: [{
                 type: Input
+            }], searchOn: [{
+                type: Input
             }], selectId: [{
                 type: Input
             }], itemSize: [{
@@ -3551,18 +3659,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                 type: Input
             }], noDataError: [{
                 type: Input
+            }], searchPlaceholder: [{
+                type: Input
             }], placeholder: [{
                 type: Input
             }], selectedItem: [{
                 type: Output
             }], selectedItems: [{
                 type: Output
-            }], onWindowScroll: [{
-                type: HostListener,
-                args: ['window:resize']
-            }, {
-                type: HostListener,
-                args: ['window:scroll']
             }] } });
 
 const DefaultSort = [
@@ -4020,7 +4124,7 @@ class LibDateRangeComponent {
                 useExisting: forwardRef(() => LibDateRangeComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"rangeId\" class=\"lib-range__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n    <input\r\n      [attr.id]=\"rangeId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedPeriodStr\"\r\n      [mask]=\"'d0.M0.0000 - d0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedPeriodStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownPeriod\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ rangeId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownPeriod) {\r\n    <div  data-child=\"list\"\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-range-' + rangeId, 'calendar' + rangeId]\"\r\n      class=\"calendar-wrapper\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedPeriod\" [rangeMode]=\"true\" (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-range{min-width:340px;position:relative}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-range input:hover{border-color:var(--input-active-border-colort)}.lib-range input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-range input:disabled::placeholder{color:var(--input-placeholder)}.lib-range input.invalid,.lib-range input.invalid:hover{border-color:var(--input-error-border-color)}.lib-range input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-range .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-range .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-range .calendar.up{transform:rotate(180deg)}.lib-range__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-range__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-range .calendar-wrapper{position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "rangeMode", "maxHours", "maxMinutes", "needTime", "mode", "maxDate", "minDate"], outputs: ["emitDate", "emitPeriod"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["childName1", "childName2"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" [destroyedItem]=\"isShownPeriod\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"rangeId\" class=\"lib-range__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n    <input\r\n      [attr.id]=\"rangeId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedPeriodStr\"\r\n      [mask]=\"'d0.M0.0000 - d0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedPeriodStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownPeriod\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ rangeId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownPeriod) {\r\n    <div  data-child=\"list\"\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-range-' + rangeId, 'calendar' + rangeId]\"\r\n      class=\"calendar-wrapper\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedPeriod\" [rangeMode]=\"true\" (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-range{min-width:340px;position:relative}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-range input:hover{border-color:var(--input-active-border-colort)}.lib-range input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-range input:disabled::placeholder{color:var(--input-placeholder)}.lib-range input.invalid,.lib-range input.invalid:hover{border-color:var(--input-error-border-color)}.lib-range input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-range .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-range .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-range .calendar.up{transform:rotate(180deg)}.lib-range__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-range__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-range .calendar-wrapper{position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "rangeMode", "maxHours", "maxMinutes", "needTime", "mode", "maxDate", "minDate"], outputs: ["emitDate", "emitPeriod"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["childName1", "childName2", "destroyedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibDateRangeComponent, decorators: [{
             type: Component,
@@ -4038,7 +4142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                             useExisting: forwardRef(() => LibDateRangeComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"rangeId\" class=\"lib-range__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n    <input\r\n      [attr.id]=\"rangeId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedPeriodStr\"\r\n      [mask]=\"'d0.M0.0000 - d0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedPeriodStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownPeriod\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ rangeId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownPeriod) {\r\n    <div  data-child=\"list\"\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-range-' + rangeId, 'calendar' + rangeId]\"\r\n      class=\"calendar-wrapper\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedPeriod\" [rangeMode]=\"true\" (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-range{min-width:340px;position:relative}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-range input:hover{border-color:var(--input-active-border-colort)}.lib-range input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-range input:disabled::placeholder{color:var(--input-placeholder)}.lib-range input.invalid,.lib-range input.invalid:hover{border-color:var(--input-error-border-color)}.lib-range input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-range .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-range .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-range .calendar.up{transform:rotate(180deg)}.lib-range__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-range__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-range .calendar-wrapper{position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" [destroyedItem]=\"isShownPeriod\" ddFixedPosition>\r\n  @if (label) {\r\n    <label [for]=\"rangeId\" class=\"lib-range__title\">\r\n      {{ label }}\r\n      @if (required) {\r\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n      }\r\n    </label>\r\n  }\r\n  <div class=\"pos-relative\" data-child=\"input\">\r\n    <input\r\n      [attr.id]=\"rangeId\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"selectedPeriodStr\"\r\n      [mask]=\"'d0.M0.0000 - d0.M0.0000'\"\r\n      (ngModelChange)=\"changeStrDate($event)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    @if (!selectedPeriodStr) {\r\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownPeriod\"\r\n                       (click)=\"openCalendar()\"\r\n                       id=\"calendar-{{ rangeId }}\"\r\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"setPeriod(undefined)\"\r\n        class=\"clear\"\r\n        icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n  @if (isShownPeriod) {\r\n    <div  data-child=\"list\"\r\n      (ddClickOutside)=\"closeCalendar()\"\r\n      [elements]=\"['lib-range-' + rangeId, 'calendar' + rangeId]\"\r\n      class=\"calendar-wrapper\">\r\n      <dd-lib-calendar [(ngModel)]=\"selectedPeriod\" [rangeMode]=\"true\" (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-range{min-width:340px;position:relative}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-range input:hover{border-color:var(--input-active-border-colort)}.lib-range input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-range input:disabled::placeholder{color:var(--input-placeholder)}.lib-range input.invalid,.lib-range input.invalid:hover{border-color:var(--input-error-border-color)}.lib-range input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-range .clear{cursor:pointer;position:absolute;right:8px;top:12px}.lib-range .calendar{cursor:pointer;position:absolute;right:16px;top:10px}.lib-range .calendar.up{transform:rotate(180deg)}.lib-range__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-range__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute}.lib-range .calendar-wrapper{position:absolute;display:block;z-index:100;width:100%;overflow:auto;border-radius:8px;box-shadow:var(--main-card-shadow);background-color:var(--main-card-color)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { rangeId: [{
                 type: Input
             }], placeholder: [{
@@ -4912,7 +5016,7 @@ class FooterComponent {
                     { name: 'Голосования', link: 'https://vmeste.mosreg.ru/votings' },
                     { name: 'Народный бюджет', link: 'https://vote.vmeste.mosreg.ru/narodniy_budjet' },
                 ],
-                lastElement: this.socSharing
+                // lastElement: this.socSharing
             },
             { title: 'Обратная связь', links: [{ name: 'Обратная связь', action: () => this.linkAction.emit('feedback') }] },
             { title: 'Мобильное приложение', lastElement: this.appLink },
@@ -5036,5 +5140,5 @@ const t = true;
  * Generated bundle index. Do not edit.
  */
 
-export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
+export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
 //# sourceMappingURL=morozeckiy-dd-lib.mjs.map