@morozeckiy/dd-lib 0.9.8 → 0.9.10

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -6,7 +6,7 @@ import { BehaviorSubject, Subject, throwError, fromEvent, of, combineLatest } fr
 import { format, parse, isAfter, isBefore, isValid } from 'date-fns';
 import * as i1$5 from '@angular/common/http';
 import { HttpErrorResponse, HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
-import { catchError, map, filter, takeUntil, shareReplay, tap, debounceTime, mergeMap, delay, switchMap } from 'rxjs/operators';
+import { catchError, map, takeUntil, debounceTime, filter, shareReplay, tap, mergeMap, delay, switchMap } from 'rxjs/operators';
 import * as i1 from '@angular/router';
 import { RouterLink } from '@angular/router';
 import * as i1$1 from '@angular/platform-browser';
@@ -435,9 +435,7 @@ class ValidatorsService {
                 }
             }
             else if (key && !presetErrors.includes(key)) {
-                return typeof error[key] === 'string' ? error[key] : 'Неверно заполнено поле' +
-                    '' +
-                    '';
+                return typeof error[key] === 'string' ? error[key] : 'Неверно заполнено поле';
             }
         }
         return '';
@@ -938,33 +936,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                 }] }] });
 
 const TOOLTIP_RIGHT = {
-    originX: 'end', // привязываемся к правому краю элемента
-    originY: 'center', // по центру по вертикали
-    overlayX: 'start', // overlay начинается с левого края
+    originX: 'end',
+    originY: 'center',
+    overlayX: 'start',
     overlayY: 'center',
     panelClass: 'right',
-    offsetX: 8, // небольшой отступ
+    offsetX: 8,
 };
 const TOOLTIP_BOTTOM = {
     originX: 'center',
-    originY: 'bottom', // привязываемся к нижнему краю элемента
+    originY: 'bottom',
     overlayX: 'center',
-    overlayY: 'top', // overlay привязывается сверху
+    overlayY: 'top',
     panelClass: 'bottom',
     offsetY: 8,
 };
 const TOOLTIP_TOP = {
     originX: 'center',
-    originY: 'top', // привязываемся к верхнему краю элемента
+    originY: 'top',
     overlayX: 'center',
-    overlayY: 'bottom', // overlay привязывается снизу
+    overlayY: 'bottom',
     panelClass: 'top',
     offsetY: -8,
 };
 const TOOLTIP_LEFT = {
-    originX: 'start', // привязываемся к левому краю элемента
+    originX: 'start',
     originY: 'center',
-    overlayX: 'end', // overlay привязывается справа
+    overlayX: 'end',
     overlayY: 'center',
     panelClass: 'left',
     offsetX: -8,
@@ -990,12 +988,15 @@ class TooltipDirective {
             }
         }
     }
+    static { this.activeTooltip = null; }
     constructor(element, overlay, viewContainer) {
         this.element = element;
         this.overlay = overlay;
         this.viewContainer = viewContainer;
         this.withClick = false;
         this.overlayRef = null;
+        this.destroy$ = new Subject();
+        this.scrollContainer = null;
     }
     onClick(targetElement) {
         if (!this.ddTooltip) {
@@ -1042,17 +1043,25 @@ class TooltipDirective {
         if (this.overlayRef?.hasAttached()) {
             this.overlayRef.detach();
         }
-    }
-    ngOnDestroy() {
-        this.overlayRef?.dispose();
+        // Отписываемся от событий скролла при скрытии
+        this.unsubscribeFromScroll();
     }
     attachTooltip() {
+        // Закрываем предыдущий активный тултип
+        if (TooltipDirective.activeTooltip && TooltipDirective.activeTooltip !== this) {
+            TooltipDirective.activeTooltip.closeTooltip();
+        }
         if (this.overlayRef) {
             this.overlayRef.dispose();
             this.overlayRef = null;
         }
         const positionStrategy = this.getPositionStrategy();
-        this.overlayRef = this.overlay.create({ positionStrategy });
+        this.overlayRef = this.overlay.create({
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition()
+        });
+        // Сохраняем ссылку на текущий тултип
+        TooltipDirective.activeTooltip = this;
         const injector = Injector.create({
             providers: [
                 {
@@ -1063,6 +1072,18 @@ class TooltipDirective {
         });
         const component = new ComponentPortal(TooltipComponent, this.viewContainer, injector);
         this.overlayRef.attach(component);
+        this.subscribeToScroll();
+    }
+    closeTooltip() {
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+        this.unsubscribeFromScroll();
+        // Очищаем статическую ссылку, если это текущий тултип
+        if (TooltipDirective.activeTooltip === this) {
+            TooltipDirective.activeTooltip = null;
+        }
     }
     getPositionStrategy() {
         let positions;
@@ -1080,7 +1101,73 @@ class TooltipDirective {
         return this.overlay
             .position()
             .flexibleConnectedTo(this.element)
-            .withPositions(positions);
+            .withPositions(positions)
+            .withLockedPosition(false) // Разрешаем пересчет позиции
+            .withPush(false); // Не пушим если не помещается
+    }
+    subscribeToScroll() {
+        // Находим ближайший скроллируемый контейнер
+        this.scrollContainer = this.findScrollableParent(this.element.nativeElement);
+        if (this.scrollContainer) {
+            fromEvent(this.scrollContainer, 'scroll')
+                .pipe(takeUntil(this.destroy$), debounceTime(10) // Небольшая задержка для производительности
+            )
+                .subscribe(() => {
+                this.updateTooltipPosition();
+            });
+        }
+        // Также подписываемся на скролл окна
+        fromEvent(window, 'scroll')
+            .pipe(takeUntil(this.destroy$), debounceTime(10))
+            .subscribe(() => {
+            this.updateTooltipPosition();
+        });
+        // Подписываемся на изменение размеров окна
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this.destroy$), debounceTime(100))
+            .subscribe(() => {
+            this.updateTooltipPosition();
+        });
+    }
+    unsubscribeFromScroll() {
+        this.scrollContainer = null;
+        // destroy$ сам отпишет все подписки
+    }
+    findScrollableParent(element) {
+        let parent = element.parentElement;
+        while (parent) {
+            const overflow = window.getComputedStyle(parent).overflow;
+            const overflowY = window.getComputedStyle(parent).overflowY;
+            if (overflow === 'auto' || overflow === 'scroll' ||
+                overflowY === 'auto' || overflowY === 'scroll') {
+                return parent;
+            }
+            parent = parent.parentElement;
+        }
+        return null;
+    }
+    updateTooltipPosition() {
+        if (this.overlayRef?.hasAttached()) {
+            // Обновляем позицию оверлея
+            const positionStrategy = this.overlayRef.getConfig().positionStrategy;
+            if (positionStrategy && 'apply' in positionStrategy) {
+                positionStrategy.apply();
+            }
+            // Альтернативный способ - обновить через updatePosition
+            // this.overlayRef.updatePosition();
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
+        }
+        this.unsubscribeFromScroll();
+        if (TooltipDirective.activeTooltip === this) {
+            TooltipDirective.activeTooltip = null;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: TooltipDirective, isStandalone: true, selector: "[ddTooltip]", inputs: { ddTooltip: "ddTooltip", withClick: "withClick", position: "position" }, host: { listeners: { "document:click": "onClick($event)", "click": "showTooltipOnClick()", "mouseenter": "showTooltip()", "focus": "showTooltip()", "mouseleave": "hideTooltip()", "blur": "hideTooltip()" } }, ngImport: i0 }); }
@@ -1649,10 +1736,10 @@ const defaultToastConfig = {
         right: 20,
     },
     animation: {
-        fadeOut: 2500,
-        fadeIn: 300,
+        fadeOut: 1000, // 1 секунда на затухание
+        fadeIn: 300, // 0.3 секунды на появление
     },
-    interval: 5000
+    interval: 5000 // 5 секунд до начала затухания
 };
 const TOAST_CONFIG_TOKEN = new InjectionToken('toast config');
 const provideToast = (config = defaultToastConfig) => {
@@ -2003,11 +2090,11 @@ class LibLoaderComponent {
         this.size = 'standard';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.2", type: LibLoaderComponent, isStandalone: true, selector: "dd-lib-loader", inputs: { color: ["color", "color", (value) => value ? value : '#07b700'], size: "size" }, ngImport: i0, template: "<div [class.big]=\"size === 'big'\" [class.giant]=\"size === 'giant'\" class=\"loader\">\n  <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_728_22764)\">\n      <path\n        [attr.stroke]=\"color\"\n        d=\"M12 6V3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"1.7\"\n        class=\"line line-1\" />\n      <path\n        [attr.stroke]=\"color\"\n        d=\"M6 12H3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        class=\"line line-2\" />\n      <path\n        [attr.stroke]=\"color\"\n        d=\"M7.74961 7.74961L5.59961 5.59961\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        class=\"line line-3\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_728_22764\">\n        <rect fill=\"white\" height=\"24\" width=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;justify-content:center;overflow:hidden;z-index:999}.loader{width:24px;height:24px}.loader svg{animation:rotate 2.4s linear infinite}.loader svg .line{opacity:1;transform-origin:center;animation:linePulse .8s ease-in-out infinite}.loader svg .line-1{animation-delay:0s}.loader svg .line-2{animation-delay:.2s}.loader svg .line-3{animation-delay:.4s}.loader.big{zoom:2}.loader.giant{zoom:4}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes linePulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.2", type: LibLoaderComponent, isStandalone: true, selector: "dd-lib-loader", inputs: { color: ["color", "color", (value) => value ? value : '#07b700'], size: "size" }, ngImport: i0, template: "<div [class.big]=\"size === 'big'\" [class.giant]=\"size === 'giant'\" class=\"loader\">\r\n  <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <g clip-path=\"url(#clip0_728_22764)\">\r\n      <path\r\n        [attr.stroke]=\"color\"\r\n        d=\"M12 6V3\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        stroke-width=\"1.7\"\r\n        class=\"line line-1\" />\r\n      <path\r\n        [attr.stroke]=\"color\"\r\n        d=\"M6 12H3\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        stroke-width=\"2\"\r\n        class=\"line line-2\" />\r\n      <path\r\n        [attr.stroke]=\"color\"\r\n        d=\"M7.74961 7.74961L5.59961 5.59961\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        stroke-width=\"2\"\r\n        class=\"line line-3\" />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_728_22764\">\r\n        <rect fill=\"white\" height=\"24\" width=\"24\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;width:100%;justify-content:center;overflow:hidden;z-index:999}.loader{width:24px;height:24px}.loader svg{animation:rotate 2.4s linear infinite}.loader svg .line{opacity:1;transform-origin:center;animation:linePulse .8s ease-in-out infinite}.loader svg .line-1{animation-delay:0s}.loader svg .line-2{animation-delay:.2s}.loader svg .line-3{animation-delay:.4s}.loader.big{zoom:2}.loader.giant{zoom:4}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes linePulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-loader', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.big]=\"size === 'big'\" [class.giant]=\"size === 'giant'\" class=\"loader\">\n  <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g clip-path=\"url(#clip0_728_22764)\">\n      <path\n        [attr.stroke]=\"color\"\n        d=\"M12 6V3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"1.7\"\n        class=\"line line-1\" />\n      <path\n        [attr.stroke]=\"color\"\n        d=\"M6 12H3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        class=\"line line-2\" />\n      <path\n        [attr.stroke]=\"color\"\n        d=\"M7.74961 7.74961L5.59961 5.59961\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\"\n        class=\"line line-3\" />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_728_22764\">\n        <rect fill=\"white\" height=\"24\" width=\"24\" />\n      </clipPath>\n    </defs>\n  </svg>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;justify-content:center;overflow:hidden;z-index:999}.loader{width:24px;height:24px}.loader svg{animation:rotate 2.4s linear infinite}.loader svg .line{opacity:1;transform-origin:center;animation:linePulse .8s ease-in-out infinite}.loader svg .line-1{animation-delay:0s}.loader svg .line-2{animation-delay:.2s}.loader svg .line-3{animation-delay:.4s}.loader.big{zoom:2}.loader.giant{zoom:4}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes linePulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}\n"] }]
+            args: [{ selector: 'dd-lib-loader', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class.big]=\"size === 'big'\" [class.giant]=\"size === 'giant'\" class=\"loader\">\r\n  <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <g clip-path=\"url(#clip0_728_22764)\">\r\n      <path\r\n        [attr.stroke]=\"color\"\r\n        d=\"M12 6V3\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        stroke-width=\"1.7\"\r\n        class=\"line line-1\" />\r\n      <path\r\n        [attr.stroke]=\"color\"\r\n        d=\"M6 12H3\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        stroke-width=\"2\"\r\n        class=\"line line-2\" />\r\n      <path\r\n        [attr.stroke]=\"color\"\r\n        d=\"M7.74961 7.74961L5.59961 5.59961\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        stroke-width=\"2\"\r\n        class=\"line line-3\" />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_728_22764\">\r\n        <rect fill=\"white\" height=\"24\" width=\"24\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;width:100%;justify-content:center;overflow:hidden;z-index:999}.loader{width:24px;height:24px}.loader svg{animation:rotate 2.4s linear infinite}.loader svg .line{opacity:1;transform-origin:center;animation:linePulse .8s ease-in-out infinite}.loader svg .line-1{animation-delay:0s}.loader svg .line-2{animation-delay:.2s}.loader svg .line-3{animation-delay:.4s}.loader.big{zoom:2}.loader.giant{zoom:4}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes linePulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}\n"] }]
         }], propDecorators: { color: [{
                 type: Input,
                 args: [{
@@ -2025,11 +2112,11 @@ class LibButtonComponent extends LibCommonButtonComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibButtonComponent, isStandalone: true, selector: "dd-lib-button", inputs: { noPadding: "noPadding", loaderColor: "loaderColor" }, usesInheritance: true, ngImport: i0, template: "<div (click)=\"onClick($event)\" [ngStyle]=\"{width, height}\" class=\"button-container\">\n  <button\n    #btn\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\n    [autofocus]=\"autofocus\"\n    [class.active]=\"active\"\n    [class.disabled]=\"disabled || showLoader\"\n    [class.green]=\"btnColor === 'green'\"\n    [class.loader]=\"showLoader\"\n    [class.no-padding]=\"noPadding\"\n    [class.red]=\"btnColor === 'red'\"\n    [class.transparent]=\"btnColor === 'transparent'\"\n    [class.white]=\"btnColor === 'white'\"\n    [class.dark]=\"btnColor === 'dark'\"\n    [disabled]=\"disabled || showLoader\"\n    [ngStyle]=\"{width, height}\"\n    [type]=\"buttonType\"\n    class=\"lib-button\"\n    role=\"button\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    @if (showLoader) {\n        <dd-lib-loader class=\"pos-absolute\" [color]=\"loaderColor\"></dd-lib-loader>\n    }\n\n  </button>\n</div>\n\n<ng-template #content>\n  <span #contentData class=\"d-flex\"><ng-content></ng-content></span>\n</ng-template>\n", styles: [".button-container{display:inline-block}.button-container button{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 32px;font-size:14px;line-height:24px;font-weight:var(--font-wheit-big);border-radius:12px;outline:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;background-color:var(--btn-green-bgc);color:#fff}@media screen and (max-width:840px){.button-container button{height:48px}}.button-container button:hover,.button-container button:focus{background-color:var(--btn-green-hover)}.button-container button:active,.button-container button.active{background-color:var(--btn-green-hover)}.button-container button.loader{min-width:100px}.button-container button.white{background-color:var(--btn-light-green-bgc);color:var(--btn-white-color)}.button-container button.white:hover{color:var(--btn-white-hover-color)}.button-container button.transparent{background-color:transparent;color:var(--btn-white-color);border-color:var(--gray-color-200)}.button-container button.transparent:hover{color:var(--btn-white-hover-color)}.button-container button.red{background-color:var(--btn-red-bgc);color:var(--btn-red-color)}.button-container button.red:hover{color:var(--btn-red-hover-color)}.button-container button.dark{background-color:var(--btn-dark-bgc);color:var(--btn-dark-color)}.button-container button.dark:hover{background-color:var(--btn-dark-hover-color)}.button-container button.no-padding{padding:0}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibButtonComponent, isStandalone: true, selector: "dd-lib-button", inputs: { noPadding: "noPadding", loaderColor: "loaderColor" }, usesInheritance: true, ngImport: i0, template: "<div (click)=\"onClick($event)\" [ngStyle]=\"{width, height}\" class=\"button-container\">\r\n  <button\r\n    #btn\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [autofocus]=\"autofocus\"\r\n    [class.active]=\"active\"\r\n    [class.disabled]=\"disabled || showLoader\"\r\n    [class.green]=\"btnColor === 'green'\"\r\n    [class.loader]=\"showLoader\"\r\n    [class.no-padding]=\"noPadding\"\r\n    [class.red]=\"btnColor === 'red'\"\r\n    [class.transparent]=\"btnColor === 'transparent'\"\r\n    [class.white]=\"btnColor === 'white'\"\r\n    [class.dark]=\"btnColor === 'dark'\"\r\n    [disabled]=\"disabled || showLoader\"\r\n    [ngStyle]=\"{width, height}\"\r\n    [type]=\"buttonType\"\r\n    class=\"lib-button\"\r\n    role=\"button\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    @if (showLoader) {\r\n        <dd-lib-loader class=\"pos-absolute\" [color]=\"loaderColor\"></dd-lib-loader>\r\n    }\r\n\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  <span #contentData class=\"d-flex\"><ng-content></ng-content></span>\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 32px;font-size:14px;line-height:24px;font-weight:var(--font-wheit-big);border-radius:12px;outline:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;background-color:var(--btn-green-bgc);color:#fff}@media screen and (max-width:840px){.button-container button{height:48px}}.button-container button:hover,.button-container button:focus{background-color:var(--btn-green-hover)}.button-container button:active,.button-container button.active{background-color:var(--btn-green-hover)}.button-container button.loader{min-width:100px}.button-container button.white{background-color:var(--btn-light-green-bgc);color:var(--btn-white-color)}.button-container button.white:hover{color:var(--btn-white-hover-color)}.button-container button.transparent{background-color:transparent;color:var(--btn-white-color);border-color:var(--gray-color-200)}.button-container button.transparent:hover{color:var(--btn-white-hover-color)}.button-container button.red{background-color:var(--btn-red-bgc);color:var(--btn-red-color)}.button-container button.red:hover{color:var(--btn-red-hover-color)}.button-container button.dark{background-color:var(--btn-dark-bgc);color:var(--btn-dark-color)}.button-container button.dark:hover{background-color:var(--btn-dark-hover-color)}.button-container button.no-padding{padding:0}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, LibLoaderComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], template: "<div (click)=\"onClick($event)\" [ngStyle]=\"{width, height}\" class=\"button-container\">\n  <button\n    #btn\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\n    [autofocus]=\"autofocus\"\n    [class.active]=\"active\"\n    [class.disabled]=\"disabled || showLoader\"\n    [class.green]=\"btnColor === 'green'\"\n    [class.loader]=\"showLoader\"\n    [class.no-padding]=\"noPadding\"\n    [class.red]=\"btnColor === 'red'\"\n    [class.transparent]=\"btnColor === 'transparent'\"\n    [class.white]=\"btnColor === 'white'\"\n    [class.dark]=\"btnColor === 'dark'\"\n    [disabled]=\"disabled || showLoader\"\n    [ngStyle]=\"{width, height}\"\n    [type]=\"buttonType\"\n    class=\"lib-button\"\n    role=\"button\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    @if (showLoader) {\n        <dd-lib-loader class=\"pos-absolute\" [color]=\"loaderColor\"></dd-lib-loader>\n    }\n\n  </button>\n</div>\n\n<ng-template #content>\n  <span #contentData class=\"d-flex\"><ng-content></ng-content></span>\n</ng-template>\n", styles: [".button-container{display:inline-block}.button-container button{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 32px;font-size:14px;line-height:24px;font-weight:var(--font-wheit-big);border-radius:12px;outline:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;background-color:var(--btn-green-bgc);color:#fff}@media screen and (max-width:840px){.button-container button{height:48px}}.button-container button:hover,.button-container button:focus{background-color:var(--btn-green-hover)}.button-container button:active,.button-container button.active{background-color:var(--btn-green-hover)}.button-container button.loader{min-width:100px}.button-container button.white{background-color:var(--btn-light-green-bgc);color:var(--btn-white-color)}.button-container button.white:hover{color:var(--btn-white-hover-color)}.button-container button.transparent{background-color:transparent;color:var(--btn-white-color);border-color:var(--gray-color-200)}.button-container button.transparent:hover{color:var(--btn-white-hover-color)}.button-container button.red{background-color:var(--btn-red-bgc);color:var(--btn-red-color)}.button-container button.red:hover{color:var(--btn-red-hover-color)}.button-container button.dark{background-color:var(--btn-dark-bgc);color:var(--btn-dark-color)}.button-container button.dark:hover{background-color:var(--btn-dark-hover-color)}.button-container button.no-padding{padding:0}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}\n"] }]
+            args: [{ selector: 'dd-lib-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, LibLoaderComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], template: "<div (click)=\"onClick($event)\" [ngStyle]=\"{width, height}\" class=\"button-container\">\r\n  <button\r\n    #btn\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [autofocus]=\"autofocus\"\r\n    [class.active]=\"active\"\r\n    [class.disabled]=\"disabled || showLoader\"\r\n    [class.green]=\"btnColor === 'green'\"\r\n    [class.loader]=\"showLoader\"\r\n    [class.no-padding]=\"noPadding\"\r\n    [class.red]=\"btnColor === 'red'\"\r\n    [class.transparent]=\"btnColor === 'transparent'\"\r\n    [class.white]=\"btnColor === 'white'\"\r\n    [class.dark]=\"btnColor === 'dark'\"\r\n    [disabled]=\"disabled || showLoader\"\r\n    [ngStyle]=\"{width, height}\"\r\n    [type]=\"buttonType\"\r\n    class=\"lib-button\"\r\n    role=\"button\">\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    @if (showLoader) {\r\n        <dd-lib-loader class=\"pos-absolute\" [color]=\"loaderColor\"></dd-lib-loader>\r\n    }\r\n\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  <span #contentData class=\"d-flex\"><ng-content></ng-content></span>\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:0 32px;font-size:14px;line-height:24px;font-weight:var(--font-wheit-big);border-radius:12px;outline:none;cursor:pointer;white-space:nowrap;border:1px solid transparent;background-color:var(--btn-green-bgc);color:#fff}@media screen and (max-width:840px){.button-container button{height:48px}}.button-container button:hover,.button-container button:focus{background-color:var(--btn-green-hover)}.button-container button:active,.button-container button.active{background-color:var(--btn-green-hover)}.button-container button.loader{min-width:100px}.button-container button.white{background-color:var(--btn-light-green-bgc);color:var(--btn-white-color)}.button-container button.white:hover{color:var(--btn-white-hover-color)}.button-container button.transparent{background-color:transparent;color:var(--btn-white-color);border-color:var(--gray-color-200)}.button-container button.transparent:hover{color:var(--btn-white-hover-color)}.button-container button.red{background-color:var(--btn-red-bgc);color:var(--btn-red-color)}.button-container button.red:hover{color:var(--btn-red-hover-color)}.button-container button.dark{background-color:var(--btn-dark-bgc);color:var(--btn-dark-color)}.button-container button.dark:hover{background-color:var(--btn-dark-hover-color)}.button-container button.no-padding{padding:0}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}\n"] }]
         }], propDecorators: { noPadding: [{
                 type: Input
             }], loaderColor: [{
@@ -2560,11 +2647,11 @@ class LibAccordionComponent {
         this.accordionPack = 'lib-svg';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle", accordionPack: "accordionPack" }, ngImport: i0, template: "<div class=\"accordion\">\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\n    @if (accTitle) {\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\n    }\n    <div>\n      <dd-lib-svg-viewer [pack]=\"accordionPack\" class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-viewer>\n    </div>\n  </div>\n  @if (showAccordionContent) {\n  <div class=\"mt-8\">\n    <ng-content></ng-content>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;min-width:100%}.accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width:480px){.accordion__title{font-size:16px;line-height:24px}}\n"], dependencies: [{ kind: "component", type: LibSvgViewerComponent, selector: "dd-lib-svg-viewer", inputs: ["path", "pack", "icon", "width", "height", "color", "containerClass", "fullSize", "colorRules"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle", accordionPack: "accordionPack" }, ngImport: i0, template: "<div class=\"accordion\">\r\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n    @if (accTitle) {\r\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n    }\r\n    <div>\r\n      <dd-lib-svg-viewer [pack]=\"accordionPack\" class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-viewer>\r\n    </div>\r\n  </div>\r\n  @if (showAccordionContent) {\r\n  <div class=\"mt-8\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;min-width:100%}.accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width:480px){.accordion__title{font-size:16px;line-height:24px}}\n"], dependencies: [{ kind: "component", type: LibSvgViewerComponent, selector: "dd-lib-svg-viewer", inputs: ["path", "pack", "icon", "width", "height", "color", "containerClass", "fullSize", "colorRules"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [LibSvgViewerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\n    @if (accTitle) {\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\n    }\n    <div>\n      <dd-lib-svg-viewer [pack]=\"accordionPack\" class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-viewer>\n    </div>\n  </div>\n  @if (showAccordionContent) {\n  <div class=\"mt-8\">\n    <ng-content></ng-content>\n  </div>\n  }\n</div>\n", styles: [":host{display:block;min-width:100%}.accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width:480px){.accordion__title{font-size:16px;line-height:24px}}\n"] }]
+            args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [LibSvgViewerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n    @if (accTitle) {\r\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n    }\r\n    <div>\r\n      <dd-lib-svg-viewer [pack]=\"accordionPack\" class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-viewer>\r\n    </div>\r\n  </div>\r\n  @if (showAccordionContent) {\r\n  <div class=\"mt-8\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;min-width:100%}.accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width:480px){.accordion__title{font-size:16px;line-height:24px}}\n"] }]
         }], propDecorators: { accTitle: [{
                 type: Input
             }], accordionPack: [{
@@ -3038,7 +3125,7 @@ class LibCalendarComponent {
                 useExisting: forwardRef(() => LibCalendarComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "@if (mode === 'icon') {\n<div class=\"pos-relative d-flex align-center\">\n  @if (dateValue) {\n  <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\n  }\n  <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\n  @if (dateValue) {\n    <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\n  } @if (showCalendar) {\n  <div class=\"calendar-abs-wrapper\">\n    <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\n  </div>\n  }\n</div>\n} @if (mode === 'full') {\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\n}\n\n<ng-template #calendar>\n  <dd-lib-card class=\"calendar-block\" type=\"small\">\n   <div class=\"full-width\">\n     <div class=\"calendar-block__header\">\n       <div class=\"calendar-block__header_arrow\">\n         <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\n       </div>\n       <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\n       <div class=\"calendar-block__header_arrow\">\n         <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\n       </div>\n     </div>\n     <div class=\"calendar-block__week\">\n       @for (day of week; track day) {\n         <div class=\"calendar-block__week_day\">{{ day }}</div>\n       }\n     </div>\n     <div class=\"calendar-block__days\">\n       @for (day of daysInMonth?.prevDays; track day) {\n         <div class=\"calendar-block__days_day hide\">{{ day }}</div>\n       } @for (day of daysInMonth?.days; track day) {\n       <div\n         (click)=\"selectDay(day)\"\n         [class.active]=\"checkActiveDay(day)\"\n\n         [class.current]=\"\n          dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\n        \"\n         [class.hide]=\"checkHideDay(day)\"\n         class=\"calendar-block__days_day normal\">\n         {{ day }}\n       </div>\n     } @for (day of daysInMonth?.lastDays; track day) {\n       <div class=\"calendar-block__days_day hide\">{{ day }}</div>\n     }\n     </div>\n     @if(needTime) {\n       <div class=\"calendar-block__time\">\n         <div class=\"d-flex justify-between\">\n           <div class=\"g-text\">\u0412\u0440\u0435\u043C\u044F</div>\n           <div class=\"d-flex\">\n             <input [(ngModel)]=\"hours\" class=\"calendar-block__time-input\"\n                    type=\"text\"\n                    [ddMaxNum]=\"maxHours\"\n                    [curVal]=\"hours\"\n                    [disabled]=\"!dateValue\"\n                    [regExp]=\"true\"\n                    ddBanSymbol=\"^\\d+$\"\n                    max=\"23\"\n                    maxlength=\"2\"\n                    pattern=\"^\\d+$\">\n             <span class=\"second-dot\">:</span>\n             <input [(ngModel)]=\"minutes\" class=\"calendar-block__time-input\"\n                    [ddMaxNum]=\"maxMinutes\"\n                    [curVal]=\"minutes\"\n                    [disabled]=\"!dateValue\"\n                    [regExp]=\"true\"\n                    ddBanSymbol=\"^\\d+$\"\n                    max=\"59\"\n                    maxlength=\"2\"\n                    pattern=\"^\\d+$\"\n                    type=\"text\">\n           </div>\n         </div>\n       </div>\n     }\n     <div class=\"calendar-block__footer\">\n       <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\n       >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\n       </dd-lib-button>\n       <dd-lib-button (click)=\"selectDate()\"\n                      [disabled]=\"(!dateValue && !rangeMode)\n                      || (rangeMode && !dateStart && !dateEnd)\n                      || (rangeMode && rangeModeFullPeriod && (!dateStart || !dateEnd))\"\n                      class=\"calendar-block__footer_btn\"\n       >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\n       </dd-lib-button>\n     </div>\n   </div>\n  </dd-lib-card>\n</ng-template>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none}.calendar-block{z-index:1100;display:block}@media screen and (max-width:840px){.calendar-block{height:100%}}.calendar-block__time{padding:22px 0;margin:22px 0;border-top:1px solid var(--gray-color-200);border-bottom:1px solid var(--gray-color-200)}.calendar-block__time-input{width:56px;height:36px;border-radius:12px;border:1px solid var(--primary-gray-color);text-align:center}.calendar-block__time .second-dot{margin:auto 8px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.calendar-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--calendar-gray-color);font-size:14px;font-weight:400;line-height:24px}.calendar-block__header_arrow{cursor:pointer}.calendar-block__week{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;color:var(--primary-green-color);font-size:10px;font-weight:400;line-height:12px;letter-spacing:1.5px;margin-bottom:22px}.calendar-block__week_day{display:flex;align-items:center;justify-content:space-around}.calendar-block__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;justify-items:center;margin-bottom:22px}.calendar-block__days_day{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:29px;color:var(--light-black-color)}.calendar-block__days_day.current{border:1px solid var(--primary-green-color)}.calendar-block__days_day.active,.calendar-block__days_day.normal:hover{background-color:var(--primary-green-color);color:var(--white-color)}.calendar-block__days_day.hide{pointer-events:none;cursor:default;color:var(--calendar-gray-hide-color)}.calendar-block__footer{display:flex;align-items:center;justify-content:space-between}.calendar-abs-wrapper{position:absolute;box-shadow:var(--main-card-shadow);top:0;right:0;z-index:1111}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: BanSymbolDirective, selector: "[ddBanSymbol]", inputs: ["ddBanSymbol", "regExp"] }, { kind: "directive", type: MaxNumDirective, selector: "[ddMaxNum]", inputs: ["ddMaxNum", "curVal"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (mode === 'icon') {\r\n<div class=\"pos-relative d-flex align-center\">\r\n  @if (dateValue) {\r\n  <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\r\n  }\r\n  <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n  @if (dateValue) {\r\n    <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\r\n  } @if (showCalendar) {\r\n  <div class=\"calendar-abs-wrapper\">\r\n    <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n  </div>\r\n  }\r\n</div>\r\n} @if (mode === 'full') {\r\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n}\r\n\r\n<ng-template #calendar>\r\n  <dd-lib-card class=\"calendar-block\" type=\"small\">\r\n   <div class=\"full-width\">\r\n     <div class=\"calendar-block__header\">\r\n       <div class=\"calendar-block__header_arrow\">\r\n         <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\r\n       </div>\r\n       <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\r\n       <div class=\"calendar-block__header_arrow\">\r\n         <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\r\n       </div>\r\n     </div>\r\n     <div class=\"calendar-block__week\">\r\n       @for (day of week; track day) {\r\n         <div class=\"calendar-block__week_day\">{{ day }}</div>\r\n       }\r\n     </div>\r\n     <div class=\"calendar-block__days\">\r\n       @for (day of daysInMonth?.prevDays; track day) {\r\n         <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n       } @for (day of daysInMonth?.days; track day) {\r\n       <div\r\n         (click)=\"selectDay(day)\"\r\n         [class.active]=\"checkActiveDay(day)\"\r\n\r\n         [class.current]=\"\r\n          dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\r\n        \"\r\n         [class.hide]=\"checkHideDay(day)\"\r\n         class=\"calendar-block__days_day normal\">\r\n         {{ day }}\r\n       </div>\r\n     } @for (day of daysInMonth?.lastDays; track day) {\r\n       <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n     }\r\n     </div>\r\n     @if(needTime) {\r\n       <div class=\"calendar-block__time\">\r\n         <div class=\"d-flex justify-between\">\r\n           <div class=\"g-text\">\u0412\u0440\u0435\u043C\u044F</div>\r\n           <div class=\"d-flex\">\r\n             <input [(ngModel)]=\"hours\" class=\"calendar-block__time-input\"\r\n                    type=\"text\"\r\n                    [ddMaxNum]=\"maxHours\"\r\n                    [curVal]=\"hours\"\r\n                    [disabled]=\"!dateValue\"\r\n                    [regExp]=\"true\"\r\n                    ddBanSymbol=\"^\\d+$\"\r\n                    max=\"23\"\r\n                    maxlength=\"2\"\r\n                    pattern=\"^\\d+$\">\r\n             <span class=\"second-dot\">:</span>\r\n             <input [(ngModel)]=\"minutes\" class=\"calendar-block__time-input\"\r\n                    [ddMaxNum]=\"maxMinutes\"\r\n                    [curVal]=\"minutes\"\r\n                    [disabled]=\"!dateValue\"\r\n                    [regExp]=\"true\"\r\n                    ddBanSymbol=\"^\\d+$\"\r\n                    max=\"59\"\r\n                    maxlength=\"2\"\r\n                    pattern=\"^\\d+$\"\r\n                    type=\"text\">\r\n           </div>\r\n         </div>\r\n       </div>\r\n     }\r\n     <div class=\"calendar-block__footer\">\r\n       <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\r\n       >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n       </dd-lib-button>\r\n       <dd-lib-button (click)=\"selectDate()\"\r\n                      [disabled]=\"(!dateValue && !rangeMode)\r\n                      || (rangeMode && !dateStart && !dateEnd)\r\n                      || (rangeMode && rangeModeFullPeriod && (!dateStart || !dateEnd))\"\r\n                      class=\"calendar-block__footer_btn\"\r\n       >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\r\n       </dd-lib-button>\r\n     </div>\r\n   </div>\r\n  </dd-lib-card>\r\n</ng-template>\r\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none}.calendar-block{z-index:1100;display:block}@media screen and (max-width:840px){.calendar-block{height:100%}}.calendar-block__time{padding:22px 0;margin:22px 0;border-top:1px solid var(--gray-color-200);border-bottom:1px solid var(--gray-color-200)}.calendar-block__time-input{width:56px;height:36px;border-radius:12px;border:1px solid var(--primary-gray-color);text-align:center}.calendar-block__time .second-dot{margin:auto 8px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.calendar-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--calendar-gray-color);font-size:14px;font-weight:400;line-height:24px}.calendar-block__header_arrow{cursor:pointer}.calendar-block__week{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;color:var(--primary-green-color);font-size:10px;font-weight:400;line-height:12px;letter-spacing:1.5px;margin-bottom:22px}.calendar-block__week_day{display:flex;align-items:center;justify-content:space-around}.calendar-block__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;justify-items:center;margin-bottom:22px}.calendar-block__days_day{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:29px;color:var(--light-black-color)}.calendar-block__days_day.current{border:1px solid var(--primary-green-color)}.calendar-block__days_day.active,.calendar-block__days_day.normal:hover{background-color:var(--primary-green-color);color:var(--white-color)}.calendar-block__days_day.hide{pointer-events:none;cursor:default;color:var(--calendar-gray-hide-color)}.calendar-block__footer{display:flex;align-items:center;justify-content:space-between}.calendar-abs-wrapper{position:absolute;box-shadow:var(--main-card-shadow);top:0;right:0;z-index:1111}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: BanSymbolDirective, selector: "[ddBanSymbol]", inputs: ["ddBanSymbol", "regExp"] }, { kind: "directive", type: MaxNumDirective, selector: "[ddMaxNum]", inputs: ["ddMaxNum", "curVal"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibCalendarComponent, decorators: [{
             type: Component,
@@ -3056,7 +3143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                             useExisting: forwardRef(() => LibCalendarComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mode === 'icon') {\n<div class=\"pos-relative d-flex align-center\">\n  @if (dateValue) {\n  <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\n  }\n  <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\n  @if (dateValue) {\n    <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\n  } @if (showCalendar) {\n  <div class=\"calendar-abs-wrapper\">\n    <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\n  </div>\n  }\n</div>\n} @if (mode === 'full') {\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\n}\n\n<ng-template #calendar>\n  <dd-lib-card class=\"calendar-block\" type=\"small\">\n   <div class=\"full-width\">\n     <div class=\"calendar-block__header\">\n       <div class=\"calendar-block__header_arrow\">\n         <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\n       </div>\n       <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\n       <div class=\"calendar-block__header_arrow\">\n         <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\n       </div>\n     </div>\n     <div class=\"calendar-block__week\">\n       @for (day of week; track day) {\n         <div class=\"calendar-block__week_day\">{{ day }}</div>\n       }\n     </div>\n     <div class=\"calendar-block__days\">\n       @for (day of daysInMonth?.prevDays; track day) {\n         <div class=\"calendar-block__days_day hide\">{{ day }}</div>\n       } @for (day of daysInMonth?.days; track day) {\n       <div\n         (click)=\"selectDay(day)\"\n         [class.active]=\"checkActiveDay(day)\"\n\n         [class.current]=\"\n          dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\n        \"\n         [class.hide]=\"checkHideDay(day)\"\n         class=\"calendar-block__days_day normal\">\n         {{ day }}\n       </div>\n     } @for (day of daysInMonth?.lastDays; track day) {\n       <div class=\"calendar-block__days_day hide\">{{ day }}</div>\n     }\n     </div>\n     @if(needTime) {\n       <div class=\"calendar-block__time\">\n         <div class=\"d-flex justify-between\">\n           <div class=\"g-text\">\u0412\u0440\u0435\u043C\u044F</div>\n           <div class=\"d-flex\">\n             <input [(ngModel)]=\"hours\" class=\"calendar-block__time-input\"\n                    type=\"text\"\n                    [ddMaxNum]=\"maxHours\"\n                    [curVal]=\"hours\"\n                    [disabled]=\"!dateValue\"\n                    [regExp]=\"true\"\n                    ddBanSymbol=\"^\\d+$\"\n                    max=\"23\"\n                    maxlength=\"2\"\n                    pattern=\"^\\d+$\">\n             <span class=\"second-dot\">:</span>\n             <input [(ngModel)]=\"minutes\" class=\"calendar-block__time-input\"\n                    [ddMaxNum]=\"maxMinutes\"\n                    [curVal]=\"minutes\"\n                    [disabled]=\"!dateValue\"\n                    [regExp]=\"true\"\n                    ddBanSymbol=\"^\\d+$\"\n                    max=\"59\"\n                    maxlength=\"2\"\n                    pattern=\"^\\d+$\"\n                    type=\"text\">\n           </div>\n         </div>\n       </div>\n     }\n     <div class=\"calendar-block__footer\">\n       <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\n       >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\n       </dd-lib-button>\n       <dd-lib-button (click)=\"selectDate()\"\n                      [disabled]=\"(!dateValue && !rangeMode)\n                      || (rangeMode && !dateStart && !dateEnd)\n                      || (rangeMode && rangeModeFullPeriod && (!dateStart || !dateEnd))\"\n                      class=\"calendar-block__footer_btn\"\n       >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\n       </dd-lib-button>\n     </div>\n   </div>\n  </dd-lib-card>\n</ng-template>\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none}.calendar-block{z-index:1100;display:block}@media screen and (max-width:840px){.calendar-block{height:100%}}.calendar-block__time{padding:22px 0;margin:22px 0;border-top:1px solid var(--gray-color-200);border-bottom:1px solid var(--gray-color-200)}.calendar-block__time-input{width:56px;height:36px;border-radius:12px;border:1px solid var(--primary-gray-color);text-align:center}.calendar-block__time .second-dot{margin:auto 8px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.calendar-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--calendar-gray-color);font-size:14px;font-weight:400;line-height:24px}.calendar-block__header_arrow{cursor:pointer}.calendar-block__week{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;color:var(--primary-green-color);font-size:10px;font-weight:400;line-height:12px;letter-spacing:1.5px;margin-bottom:22px}.calendar-block__week_day{display:flex;align-items:center;justify-content:space-around}.calendar-block__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;justify-items:center;margin-bottom:22px}.calendar-block__days_day{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:29px;color:var(--light-black-color)}.calendar-block__days_day.current{border:1px solid var(--primary-green-color)}.calendar-block__days_day.active,.calendar-block__days_day.normal:hover{background-color:var(--primary-green-color);color:var(--white-color)}.calendar-block__days_day.hide{pointer-events:none;cursor:default;color:var(--calendar-gray-hide-color)}.calendar-block__footer{display:flex;align-items:center;justify-content:space-between}.calendar-abs-wrapper{position:absolute;box-shadow:var(--main-card-shadow);top:0;right:0;z-index:1111}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mode === 'icon') {\r\n<div class=\"pos-relative d-flex align-center\">\r\n  @if (dateValue) {\r\n  <span class=\"mr-12 green\">{{ dateValue | date: 'dd.MM.yyyy' }}</span>\r\n  }\r\n  <dd-lib-svg-icon class=\"cup\" (click)=\"showCalendar = !showCalendar\" icon=\"calendar\"></dd-lib-svg-icon>\r\n  @if (dateValue) {\r\n    <dd-lib-svg-icon class=\"cup\" (click)=\"canselDate()\" icon=\"clear\"></dd-lib-svg-icon>\r\n  } @if (showCalendar) {\r\n  <div class=\"calendar-abs-wrapper\">\r\n    <ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n  </div>\r\n  }\r\n</div>\r\n} @if (mode === 'full') {\r\n<ng-template [ngTemplateOutlet]=\"calendar\"></ng-template>\r\n}\r\n\r\n<ng-template #calendar>\r\n  <dd-lib-card class=\"calendar-block\" type=\"small\">\r\n   <div class=\"full-width\">\r\n     <div class=\"calendar-block__header\">\r\n       <div class=\"calendar-block__header_arrow\">\r\n         <dd-lib-svg-icon (click)=\"changeMonth(-1)\" icon=\"left_chevron\"></dd-lib-svg-icon>\r\n       </div>\r\n       <div class=\"calendar-block__header_year\">{{ getMonth() + ' ' + year }}</div>\r\n       <div class=\"calendar-block__header_arrow\">\r\n         <dd-lib-svg-icon (click)=\"changeMonth(1)\" icon=\"right_chevron\"></dd-lib-svg-icon>\r\n       </div>\r\n     </div>\r\n     <div class=\"calendar-block__week\">\r\n       @for (day of week; track day) {\r\n         <div class=\"calendar-block__week_day\">{{ day }}</div>\r\n       }\r\n     </div>\r\n     <div class=\"calendar-block__days\">\r\n       @for (day of daysInMonth?.prevDays; track day) {\r\n         <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n       } @for (day of daysInMonth?.days; track day) {\r\n       <div\r\n         (click)=\"selectDay(day)\"\r\n         [class.active]=\"checkActiveDay(day)\"\r\n\r\n         [class.current]=\"\r\n          dateNow.getDate() === day && dateNow.getMonth() === month && dateNow.getFullYear() === year\r\n        \"\r\n         [class.hide]=\"checkHideDay(day)\"\r\n         class=\"calendar-block__days_day normal\">\r\n         {{ day }}\r\n       </div>\r\n     } @for (day of daysInMonth?.lastDays; track day) {\r\n       <div class=\"calendar-block__days_day hide\">{{ day }}</div>\r\n     }\r\n     </div>\r\n     @if(needTime) {\r\n       <div class=\"calendar-block__time\">\r\n         <div class=\"d-flex justify-between\">\r\n           <div class=\"g-text\">\u0412\u0440\u0435\u043C\u044F</div>\r\n           <div class=\"d-flex\">\r\n             <input [(ngModel)]=\"hours\" class=\"calendar-block__time-input\"\r\n                    type=\"text\"\r\n                    [ddMaxNum]=\"maxHours\"\r\n                    [curVal]=\"hours\"\r\n                    [disabled]=\"!dateValue\"\r\n                    [regExp]=\"true\"\r\n                    ddBanSymbol=\"^\\d+$\"\r\n                    max=\"23\"\r\n                    maxlength=\"2\"\r\n                    pattern=\"^\\d+$\">\r\n             <span class=\"second-dot\">:</span>\r\n             <input [(ngModel)]=\"minutes\" class=\"calendar-block__time-input\"\r\n                    [ddMaxNum]=\"maxMinutes\"\r\n                    [curVal]=\"minutes\"\r\n                    [disabled]=\"!dateValue\"\r\n                    [regExp]=\"true\"\r\n                    ddBanSymbol=\"^\\d+$\"\r\n                    max=\"59\"\r\n                    maxlength=\"2\"\r\n                    pattern=\"^\\d+$\"\r\n                    type=\"text\">\r\n           </div>\r\n         </div>\r\n       </div>\r\n     }\r\n     <div class=\"calendar-block__footer\">\r\n       <dd-lib-button (click)=\"canselDate()\" [btnColor]=\"'transparent'\" class=\"calendar-block__footer_btn\"\r\n       >\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C\r\n       </dd-lib-button>\r\n       <dd-lib-button (click)=\"selectDate()\"\r\n                      [disabled]=\"(!dateValue && !rangeMode)\r\n                      || (rangeMode && !dateStart && !dateEnd)\r\n                      || (rangeMode && rangeModeFullPeriod && (!dateStart || !dateEnd))\"\r\n                      class=\"calendar-block__footer_btn\"\r\n       >\u0412\u044B\u0431\u0440\u0430\u0442\u044C\r\n       </dd-lib-button>\r\n     </div>\r\n   </div>\r\n  </dd-lib-card>\r\n</ng-template>\r\n", styles: [":host{display:block;-webkit-user-select:none;user-select:none}.calendar-block{z-index:1100;display:block}@media screen and (max-width:840px){.calendar-block{height:100%}}.calendar-block__time{padding:22px 0;margin:22px 0;border-top:1px solid var(--gray-color-200);border-bottom:1px solid var(--gray-color-200)}.calendar-block__time-input{width:56px;height:36px;border-radius:12px;border:1px solid var(--primary-gray-color);text-align:center}.calendar-block__time .second-dot{margin:auto 8px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.calendar-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--calendar-gray-color);font-size:14px;font-weight:400;line-height:24px}.calendar-block__header_arrow{cursor:pointer}.calendar-block__week{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;justify-items:center;color:var(--primary-green-color);font-size:10px;font-weight:400;line-height:12px;letter-spacing:1.5px;margin-bottom:22px}.calendar-block__week_day{display:flex;align-items:center;justify-content:space-around}.calendar-block__days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;justify-items:center;margin-bottom:22px}.calendar-block__days_day{cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:29px;color:var(--light-black-color)}.calendar-block__days_day.current{border:1px solid var(--primary-green-color)}.calendar-block__days_day.active,.calendar-block__days_day.normal:hover{background-color:var(--primary-green-color);color:var(--white-color)}.calendar-block__days_day.hide{pointer-events:none;cursor:default;color:var(--calendar-gray-hide-color)}.calendar-block__footer{display:flex;align-items:center;justify-content:space-between}.calendar-abs-wrapper{position:absolute;box-shadow:var(--main-card-shadow);top:0;right:0;z-index:1111}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}\n"] }]
         }], ctorParameters: () => [{ type: DateService }], propDecorators: { type: [{
                 type: Input
             }], formatDate: [{
@@ -3130,7 +3217,7 @@ class LibCheckboxComponent {
                 useExisting: forwardRef(() => LibCheckboxComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<input\n  (change)=\"onChecked($event.target)\"\n  [checked]=\"checked\"\n  [class.disabled]=\"disabled\"\n  [class.invalid]=\"invalid\"\n  [disabled]=\"disabled\"\n  [id]=\"checkboxId\"\n  [required]=\"required\"\n  [tabindex]=\"disabled ? -1 : null\"\n  class=\"check-input\"\n  type=\"checkbox\" />\n<label [for]=\"checkboxId\" class=\"{{ customClass }} check\">\n  <span [class.focused]=\"focused\" class=\"checkbox\"></span>\n  @if (hasContent) {\n    <span class=\"ml-12\">\n      <ng-content></ng-content>\n      @if (required) {\n        <span class=\"red ml-4\">*</span>\n      }\n    </span>\n  }\n</label>\n", styles: [":host{outline:none;position:relative}.check{display:flex;position:relative;font-size:14px;width:fit-content;cursor:pointer;align-items:center}.check-input{appearance:none;position:absolute;opacity:0;margin:0;width:20px;height:20px}.check-input:hover+label .checkbox{border-color:var(--primary-green-color)}.check-input:hover:checked+label .checkbox{background:var(--cb-hover-bgc);border:none}.check-input:disabled+label,.check-input:disabled+label .checkbox,.check-input:hover:disabled+label,.check-input:hover:disabled+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border)}.check-input:disabled:checked+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border);background-color:var(--cb-init-border);font-weight:700}.check-input:checked+label{font-weight:700}.check-input:checked+label .checkbox{background:var(--cb-checked-bgc);border:none;position:relative}.check-input:checked+label .checkbox:before{content:\"\";background:url('data:image/svg+xml,<svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path d=\"M1.33301 5.00008L4.66634 8.33341L11.333 1.66675\" stroke=\"white\" stroke-linecap=\"round\"%0D%0A        stroke-linejoin=\"round\"%0D%0A        stroke-width=\"1.7\"/>%0D%0A</svg>%0D%0A') no-repeat;height:10px;position:absolute;width:13px;top:5px;left:4px}.checkbox{min-width:20px;min-height:20px;padding:3px;background-color:var(--white-color);border-radius:5px;border:1px solid var(--cb-init-border);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<input\r\n  (change)=\"onChecked($event.target)\"\r\n  [checked]=\"checked\"\r\n  [class.disabled]=\"disabled\"\r\n  [class.invalid]=\"invalid\"\r\n  [disabled]=\"disabled\"\r\n  [id]=\"checkboxId\"\r\n  [required]=\"required\"\r\n  [tabindex]=\"disabled ? -1 : null\"\r\n  class=\"check-input\"\r\n  type=\"checkbox\" />\r\n<label [for]=\"checkboxId\" class=\"{{ customClass }} check\">\r\n  <span [class.focused]=\"focused\" class=\"checkbox\"></span>\r\n  @if (hasContent) {\r\n    <span class=\"ml-12\">\r\n      <ng-content></ng-content>\r\n      @if (required) {\r\n        <span class=\"red ml-4\">*</span>\r\n      }\r\n    </span>\r\n  }\r\n</label>\r\n", styles: [":host{outline:none;position:relative}.check{display:flex;position:relative;font-size:14px;width:fit-content;cursor:pointer;align-items:center}.check-input{appearance:none;position:absolute;opacity:0;margin:0;width:20px;height:20px}.check-input:hover+label .checkbox{border-color:var(--primary-green-color)}.check-input:hover:checked+label .checkbox{background:var(--cb-hover-bgc);border:none}.check-input:disabled+label,.check-input:disabled+label .checkbox,.check-input:hover:disabled+label,.check-input:hover:disabled+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border)}.check-input:disabled:checked+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border);background-color:var(--cb-init-border);font-weight:700}.check-input:checked+label{font-weight:700}.check-input:checked+label .checkbox{background:var(--cb-checked-bgc);border:none;position:relative}.check-input:checked+label .checkbox:before{content:\"\";background:url('data:image/svg+xml,<svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path d=\"M1.33301 5.00008L4.66634 8.33341L11.333 1.66675\" stroke=\"white\" stroke-linecap=\"round\"%0D%0A        stroke-linejoin=\"round\"%0D%0A        stroke-width=\"1.7\"/>%0D%0A</svg>%0D%0A') no-repeat;height:10px;position:absolute;width:13px;top:5px;left:4px}.checkbox{min-width:20px;min-height:20px;padding:3px;background-color:var(--white-color);border-radius:5px;border:1px solid var(--cb-init-border);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibCheckboxComponent, decorators: [{
             type: Component,
@@ -3140,7 +3227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                             useExisting: forwardRef(() => LibCheckboxComponent),
                             multi: true,
                         },
-                    ], template: "<input\n  (change)=\"onChecked($event.target)\"\n  [checked]=\"checked\"\n  [class.disabled]=\"disabled\"\n  [class.invalid]=\"invalid\"\n  [disabled]=\"disabled\"\n  [id]=\"checkboxId\"\n  [required]=\"required\"\n  [tabindex]=\"disabled ? -1 : null\"\n  class=\"check-input\"\n  type=\"checkbox\" />\n<label [for]=\"checkboxId\" class=\"{{ customClass }} check\">\n  <span [class.focused]=\"focused\" class=\"checkbox\"></span>\n  @if (hasContent) {\n    <span class=\"ml-12\">\n      <ng-content></ng-content>\n      @if (required) {\n        <span class=\"red ml-4\">*</span>\n      }\n    </span>\n  }\n</label>\n", styles: [":host{outline:none;position:relative}.check{display:flex;position:relative;font-size:14px;width:fit-content;cursor:pointer;align-items:center}.check-input{appearance:none;position:absolute;opacity:0;margin:0;width:20px;height:20px}.check-input:hover+label .checkbox{border-color:var(--primary-green-color)}.check-input:hover:checked+label .checkbox{background:var(--cb-hover-bgc);border:none}.check-input:disabled+label,.check-input:disabled+label .checkbox,.check-input:hover:disabled+label,.check-input:hover:disabled+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border)}.check-input:disabled:checked+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border);background-color:var(--cb-init-border);font-weight:700}.check-input:checked+label{font-weight:700}.check-input:checked+label .checkbox{background:var(--cb-checked-bgc);border:none;position:relative}.check-input:checked+label .checkbox:before{content:\"\";background:url('data:image/svg+xml,<svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path d=\"M1.33301 5.00008L4.66634 8.33341L11.333 1.66675\" stroke=\"white\" stroke-linecap=\"round\"%0D%0A        stroke-linejoin=\"round\"%0D%0A        stroke-width=\"1.7\"/>%0D%0A</svg>%0D%0A') no-repeat;height:10px;position:absolute;width:13px;top:5px;left:4px}.checkbox{min-width:20px;min-height:20px;padding:3px;background-color:var(--white-color);border-radius:5px;border:1px solid var(--cb-init-border);cursor:pointer}\n"] }]
+                    ], template: "<input\r\n  (change)=\"onChecked($event.target)\"\r\n  [checked]=\"checked\"\r\n  [class.disabled]=\"disabled\"\r\n  [class.invalid]=\"invalid\"\r\n  [disabled]=\"disabled\"\r\n  [id]=\"checkboxId\"\r\n  [required]=\"required\"\r\n  [tabindex]=\"disabled ? -1 : null\"\r\n  class=\"check-input\"\r\n  type=\"checkbox\" />\r\n<label [for]=\"checkboxId\" class=\"{{ customClass }} check\">\r\n  <span [class.focused]=\"focused\" class=\"checkbox\"></span>\r\n  @if (hasContent) {\r\n    <span class=\"ml-12\">\r\n      <ng-content></ng-content>\r\n      @if (required) {\r\n        <span class=\"red ml-4\">*</span>\r\n      }\r\n    </span>\r\n  }\r\n</label>\r\n", styles: [":host{outline:none;position:relative}.check{display:flex;position:relative;font-size:14px;width:fit-content;cursor:pointer;align-items:center}.check-input{appearance:none;position:absolute;opacity:0;margin:0;width:20px;height:20px}.check-input:hover+label .checkbox{border-color:var(--primary-green-color)}.check-input:hover:checked+label .checkbox{background:var(--cb-hover-bgc);border:none}.check-input:disabled+label,.check-input:disabled+label .checkbox,.check-input:hover:disabled+label,.check-input:hover:disabled+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border)}.check-input:disabled:checked+label .checkbox{cursor:default;pointer-events:none;border-color:var(--cb-init-border);background-color:var(--cb-init-border);font-weight:700}.check-input:checked+label{font-weight:700}.check-input:checked+label .checkbox{background:var(--cb-checked-bgc);border:none;position:relative}.check-input:checked+label .checkbox:before{content:\"\";background:url('data:image/svg+xml,<svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path d=\"M1.33301 5.00008L4.66634 8.33341L11.333 1.66675\" stroke=\"white\" stroke-linecap=\"round\"%0D%0A        stroke-linejoin=\"round\"%0D%0A        stroke-width=\"1.7\"/>%0D%0A</svg>%0D%0A') no-repeat;height:10px;position:absolute;width:13px;top:5px;left:4px}.checkbox{min-width:20px;min-height:20px;padding:3px;background-color:var(--white-color);border-radius:5px;border:1px solid var(--cb-init-border);cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { checkboxId: [{
                 type: Input
             }], required: [{
@@ -3171,11 +3258,11 @@ class LibCommentInputComponent extends LibCommonInputTextComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibCommentInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: LibCommentInputComponent, isStandalone: true, selector: "dd-lib-comment-input", outputs: { sendComment: "sendComment" }, usesInheritance: true, ngImport: i0, template: "<div class=\"lib-comment-textarea\">\n  <textarea\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [readOnly]=\"readOnly\"\n    [ddResizeTextarea]=\"commentHeight\"\n    type=\"text\"></textarea>\n  <dd-lib-button [disabled]=\"disabled\" [noPadding]=\"true\" height=\"48px\" width=\"48px\" (click)=\"onClick(value)\">\n    <svg fill=\"none\" height=\"28\" viewBox=\"0 0 24 22\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g clip-path=\"url(#clip0_429_4922)\">\n        <path\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\n          d=\"M10 14L21 3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.7\" />\n        <path\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\n          d=\"M21.0001 3L14.5001 21C14.4562 21.0957 14.3858 21.1769 14.2971 21.2338C14.2085 21.2906 14.1054 21.3209 14.0001 21.3209C13.8948 21.3209 13.7917 21.2906 13.703 21.2338C13.6144 21.1769 13.5439 21.0957 13.5001 21L10.0001 14L3.00007 10.5C2.90433 10.4561 2.8232 10.3857 2.76632 10.2971C2.70944 10.2084 2.6792 10.1053 2.6792 10C2.6792 9.89468 2.70944 9.79158 2.76632 9.70295C2.8232 9.61431 2.90433 9.54387 3.00007 9.5L21.0001 3Z\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.7\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_429_4922\">\n          <rect [attr.fill]=\"disabled ? '#8e9cbe' : 'white'\" height=\"28\" width=\"24\" />\n        </clipPath>\n      </defs>\n    </svg>\n  </dd-lib-button>\n</div>\n", styles: [".lib-comment-textarea{position:relative;display:flex;align-items:center;flex-direction:row}.lib-comment-textarea textarea{margin-right:16px;width:100%;max-height:48px;padding:12px 16px;border-radius:12px;border:none;background-color:var(--gray-color-200);resize:none;box-sizing:inherit}.lib-comment-textarea textarea:disabled{background-color:var(--input-disable-input);pointer-events:none}.lib-comment-textarea textarea:disabled::placeholder{color:var(--disabled-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }, { kind: "directive", type: ResizeTextareaDirective, selector: "[ddResizeTextarea]", inputs: ["ddResizeTextarea"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: LibCommentInputComponent, isStandalone: true, selector: "dd-lib-comment-input", outputs: { sendComment: "sendComment" }, usesInheritance: true, ngImport: i0, template: "<div class=\"lib-comment-textarea\">\r\n  <textarea\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [readOnly]=\"readOnly\"\r\n    [ddResizeTextarea]=\"commentHeight\"\r\n    type=\"text\"></textarea>\r\n  <dd-lib-button [disabled]=\"disabled\" [noPadding]=\"true\" height=\"48px\" width=\"48px\" (click)=\"onClick(value)\">\r\n    <svg fill=\"none\" height=\"28\" viewBox=\"0 0 24 22\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <g clip-path=\"url(#clip0_429_4922)\">\r\n        <path\r\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\r\n          d=\"M10 14L21 3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"1.7\" />\r\n        <path\r\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\r\n          d=\"M21.0001 3L14.5001 21C14.4562 21.0957 14.3858 21.1769 14.2971 21.2338C14.2085 21.2906 14.1054 21.3209 14.0001 21.3209C13.8948 21.3209 13.7917 21.2906 13.703 21.2338C13.6144 21.1769 13.5439 21.0957 13.5001 21L10.0001 14L3.00007 10.5C2.90433 10.4561 2.8232 10.3857 2.76632 10.2971C2.70944 10.2084 2.6792 10.1053 2.6792 10C2.6792 9.89468 2.70944 9.79158 2.76632 9.70295C2.8232 9.61431 2.90433 9.54387 3.00007 9.5L21.0001 3Z\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"1.7\" />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"clip0_429_4922\">\r\n          <rect [attr.fill]=\"disabled ? '#8e9cbe' : 'white'\" height=\"28\" width=\"24\" />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  </dd-lib-button>\r\n</div>\r\n", styles: [".lib-comment-textarea{position:relative;display:flex;align-items:center;flex-direction:row}.lib-comment-textarea textarea{margin-right:16px;width:100%;max-height:48px;padding:12px 16px;border-radius:12px;border:none;background-color:var(--gray-color-200);resize:none;box-sizing:inherit}.lib-comment-textarea textarea:disabled{background-color:var(--input-disable-input);pointer-events:none}.lib-comment-textarea textarea:disabled::placeholder{color:var(--disabled-color)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }, { kind: "directive", type: ResizeTextareaDirective, selector: "[ddResizeTextarea]", inputs: ["ddResizeTextarea"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibCommentInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-comment-input', standalone: true, imports: [FormsModule, LibButtonComponent, ResizeTextareaDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-comment-textarea\">\n  <textarea\n    [(ngModel)]=\"value\"\n    [disabled]=\"disabled\"\n    [placeholder]=\"placeholder\"\n    [readOnly]=\"readOnly\"\n    [ddResizeTextarea]=\"commentHeight\"\n    type=\"text\"></textarea>\n  <dd-lib-button [disabled]=\"disabled\" [noPadding]=\"true\" height=\"48px\" width=\"48px\" (click)=\"onClick(value)\">\n    <svg fill=\"none\" height=\"28\" viewBox=\"0 0 24 22\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n      <g clip-path=\"url(#clip0_429_4922)\">\n        <path\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\n          d=\"M10 14L21 3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.7\" />\n        <path\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\n          d=\"M21.0001 3L14.5001 21C14.4562 21.0957 14.3858 21.1769 14.2971 21.2338C14.2085 21.2906 14.1054 21.3209 14.0001 21.3209C13.8948 21.3209 13.7917 21.2906 13.703 21.2338C13.6144 21.1769 13.5439 21.0957 13.5001 21L10.0001 14L3.00007 10.5C2.90433 10.4561 2.8232 10.3857 2.76632 10.2971C2.70944 10.2084 2.6792 10.1053 2.6792 10C2.6792 9.89468 2.70944 9.79158 2.76632 9.70295C2.8232 9.61431 2.90433 9.54387 3.00007 9.5L21.0001 3Z\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.7\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_429_4922\">\n          <rect [attr.fill]=\"disabled ? '#8e9cbe' : 'white'\" height=\"28\" width=\"24\" />\n        </clipPath>\n      </defs>\n    </svg>\n  </dd-lib-button>\n</div>\n", styles: [".lib-comment-textarea{position:relative;display:flex;align-items:center;flex-direction:row}.lib-comment-textarea textarea{margin-right:16px;width:100%;max-height:48px;padding:12px 16px;border-radius:12px;border:none;background-color:var(--gray-color-200);resize:none;box-sizing:inherit}.lib-comment-textarea textarea:disabled{background-color:var(--input-disable-input);pointer-events:none}.lib-comment-textarea textarea:disabled::placeholder{color:var(--disabled-color)}\n"] }]
+            args: [{ selector: 'dd-lib-comment-input', standalone: true, imports: [FormsModule, LibButtonComponent, ResizeTextareaDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-comment-textarea\">\r\n  <textarea\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    [placeholder]=\"placeholder\"\r\n    [readOnly]=\"readOnly\"\r\n    [ddResizeTextarea]=\"commentHeight\"\r\n    type=\"text\"></textarea>\r\n  <dd-lib-button [disabled]=\"disabled\" [noPadding]=\"true\" height=\"48px\" width=\"48px\" (click)=\"onClick(value)\">\r\n    <svg fill=\"none\" height=\"28\" viewBox=\"0 0 24 22\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <g clip-path=\"url(#clip0_429_4922)\">\r\n        <path\r\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\r\n          d=\"M10 14L21 3\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"1.7\" />\r\n        <path\r\n          [attr.stroke]=\"disabled ? '#8e9cbe' : 'white'\"\r\n          d=\"M21.0001 3L14.5001 21C14.4562 21.0957 14.3858 21.1769 14.2971 21.2338C14.2085 21.2906 14.1054 21.3209 14.0001 21.3209C13.8948 21.3209 13.7917 21.2906 13.703 21.2338C13.6144 21.1769 13.5439 21.0957 13.5001 21L10.0001 14L3.00007 10.5C2.90433 10.4561 2.8232 10.3857 2.76632 10.2971C2.70944 10.2084 2.6792 10.1053 2.6792 10C2.6792 9.89468 2.70944 9.79158 2.76632 9.70295C2.8232 9.61431 2.90433 9.54387 3.00007 9.5L21.0001 3Z\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"1.7\" />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"clip0_429_4922\">\r\n          <rect [attr.fill]=\"disabled ? '#8e9cbe' : 'white'\" height=\"28\" width=\"24\" />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  </dd-lib-button>\r\n</div>\r\n", styles: [".lib-comment-textarea{position:relative;display:flex;align-items:center;flex-direction:row}.lib-comment-textarea textarea{margin-right:16px;width:100%;max-height:48px;padding:12px 16px;border-radius:12px;border:none;background-color:var(--gray-color-200);resize:none;box-sizing:inherit}.lib-comment-textarea textarea:disabled{background-color:var(--input-disable-input);pointer-events:none}.lib-comment-textarea textarea:disabled::placeholder{color:var(--disabled-color)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { sendComment: [{
                 type: Output
             }] } });
@@ -3231,11 +3318,11 @@ class LibFilterButtonComponent extends LibCommonButtonComponent {
         this.hintEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibFilterButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibFilterButtonComponent, isStandalone: true, selector: "dd-lib-filter-button", inputs: { btnTitle: "btnTitle", hintContent: "hintContent" }, outputs: { clearEvent: "clearEvent", hintEvent: "hintEvent" }, usesInheritance: true, ngImport: i0, template: "<div (click)=\"onClick($event)\" [class.disabled]=\"disabled\" [ngStyle]=\"{width}\" class=\"button-container\">\r\n  <button\r\n    #btn\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [autofocus]=\"autofocus\"\r\n    [disabled]=\"disabled\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      loader: showLoader,\r\n      active: active,\r\n      white: btnColor === 'white',\r\n      transparent: btnColor === 'transparent',\r\n    }\"\r\n    [type]=\"buttonType\"\r\n    class=\"\"\r\n    role=\"button\">\r\n    @if (!showLoader) {\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    } @if (showLoader) {\r\n    <div class=\"loader\"></div>\r\n  }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  @if (btnTitle) {\r\n  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  }\r\n  <span #contentData><ng-content></ng-content></span>\r\n  <span class=\"d-flex\">\r\n    @if (hintContent) {\r\n      <dd-lib-svg-icon (click)=\"hintClick($event)\"\r\n                       [ddTooltip]=\"hintContent\"\r\n                       [withClick]=\"true\"\r\n                       class=\"ml-8\"\r\n                       icon=\"question{{ active ? '-white-g' : '' }}\"></dd-lib-svg-icon>\r\n    }\r\n    @if (active) {\r\n      <dd-lib-svg-icon (click)=\"onClear($event)\" color=\"white\" icon=\"close\" class=\"ml-8 cup close\"></dd-lib-svg-icon>\r\n    }\r\n    <dd-lib-svg-icon icon=\"toggle_arrow_right\" class=\"arrow show-tablet ml-12\"></dd-lib-svg-icon>\r\n  </span>\r\n</ng-template>\r\n", styles: [":host{display:block}.button-container{display:inline-block}@media screen and (max-width:840px){.button-container{display:block}}.button-container button{display:flex;align-items:center;justify-content:center;height:40px;font-size:14px;line-height:24px;outline:none;cursor:pointer;white-space:nowrap;color:var(--black-color);background-color:var(--btn-white-bgc);border:1px solid var(--gray-color-200);border-radius:24px;padding:8px 16px;font-weight:var(--font-wheit-small)}@media screen and (max-width:840px){.button-container button{width:100%;justify-content:space-between;border-top-color:transparent;border-left:none;border-right:none;border-radius:0;padding:35px 0;font-size:16px;font-weight:500}}.button-container button:hover{color:var(--btn-white-hover-color)}.button-container button.loader{min-width:100px}.button-container button.transparent{background-color:transparent}.button-container button.active{color:#fff;background-color:var(--primary-green-color)}@media screen and (max-width:840px){.button-container button.active{background-color:transparent;color:var(--black-color)}}.button-container button.active:hover{background-color:var(--btn-green-hover)}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}@media screen and (max-width:840px){.button-container button.disabled{background-color:transparent}}.button-container button .loader{width:24px;height:24px;background:url('data:image/svg+xml,<svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path%0D%0A    d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A    stroke=\"%23306030E8\" stroke-width=\"4\"/>%0D%0A  <mask height=\"24\" id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" width=\"24\" x=\"0\" y=\"0\">%0D%0A    <path%0D%0A      d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A      stroke=\"%23FAFCFF\" stroke-width=\"4\"/>%0D%0A  </mask>%0D%0A  <g mask=\"url(%23mask0)\">%0D%0A    <path d=\"M24.5621 -0.445973L12.0781 -0.00292969L12.9376 24.2163L25.4216 23.7733L24.5621 -0.445973Z\" fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.2578 4C13.3624 4 14.2578 3.10457 14.2578 2C14.2578 0.89543 13.3624 0 12.2578 0C11.1532 0 10.2578 0.89543 10.2578 2C10.2578 3.10457 11.1532 4 12.2578 4Z\"%0D%0A      fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.916 23.9609C14.0206 23.9609 14.916 23.0655 14.916 21.9609C14.916 20.8564 14.0206 19.9609 12.916 19.9609C11.8114 19.9609 10.916 20.8564 10.916 21.9609C10.916 23.0655 11.8114 23.9609 12.916 23.9609Z\"%0D%0A      fill=\"white\"/>%0D%0A  </g>%0D%0A</svg>%0D%0A') center no-repeat;animation:rotate 1.5s linear infinite}.button-container button .arrow::ng-deep svg path{stroke:var(--menu-arr-color)}@media screen and (max-width:840px){.button-container button .close{width:24px;height:24px;border-radius:8px;background-color:var(--gray-color-200)}.button-container button .close::ng-deep svg path{stroke:var(--second-gray-color)}}@keyframes rotate{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TooltipDirective, selector: "[ddTooltip]", inputs: ["ddTooltip", "withClick", "position"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibFilterButtonComponent, isStandalone: true, selector: "dd-lib-filter-button", inputs: { btnTitle: "btnTitle", hintContent: "hintContent" }, outputs: { clearEvent: "clearEvent", hintEvent: "hintEvent" }, usesInheritance: true, ngImport: i0, template: "<div (click)=\"onClick($event)\" [class.disabled]=\"disabled\" [ngStyle]=\"{width}\" class=\"button-container\">\r\n  <button\r\n    #btn\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [autofocus]=\"autofocus\"\r\n    [disabled]=\"disabled\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      loader: showLoader,\r\n      active: active,\r\n      white: btnColor === 'white',\r\n      transparent: btnColor === 'transparent',\r\n    }\"\r\n    [type]=\"buttonType\"\r\n    class=\"\"\r\n    role=\"button\">\r\n    @if (!showLoader) {\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    } @if (showLoader) {\r\n    <div class=\"loader\"></div>\r\n  }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  @if (btnTitle) {\r\n  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  }\r\n  <span #contentData><ng-content></ng-content></span>\r\n  <span class=\"d-flex\">\r\n\r\n    @if (active) {\r\n      <dd-lib-svg-icon (click)=\"onClear($event)\" color=\"white\" icon=\"close\" class=\"ml-8 cup close\"></dd-lib-svg-icon>\r\n    } @else if (hintContent) {\r\n    <dd-lib-svg-icon (click)=\"hintClick($event)\"\r\n                     [ddTooltip]=\"hintContent\"\r\n                     [withClick]=\"true\"\r\n                     class=\"ml-8\"\r\n                     icon=\"question{{ active ? '-white-g' : '' }}\"></dd-lib-svg-icon>\r\n  }\r\n    <dd-lib-svg-icon icon=\"toggle_arrow_right\" class=\"arrow show-tablet ml-12\"></dd-lib-svg-icon>\r\n  </span>\r\n</ng-template>\r\n", styles: [":host{display:block}.button-container{display:inline-block}@media screen and (max-width:840px){.button-container{display:block}}.button-container button{display:flex;align-items:center;justify-content:center;height:40px;font-size:14px;line-height:24px;outline:none;cursor:pointer;white-space:nowrap;color:var(--black-color);background-color:var(--btn-white-bgc);border:1px solid var(--gray-color-200);border-radius:24px;padding:8px 16px;font-weight:var(--font-wheit-small)}@media screen and (max-width:840px){.button-container button{width:100%;justify-content:space-between;border-top-color:transparent;border-left:none;border-right:none;border-radius:0;padding:35px 0;font-size:16px;font-weight:500}}.button-container button:hover{color:var(--btn-white-hover-color)}.button-container button.loader{min-width:100px}.button-container button.transparent{background-color:transparent}.button-container button.active{color:#fff;background-color:var(--primary-green-color)}@media screen and (max-width:840px){.button-container button.active{background-color:transparent;color:var(--black-color)}}.button-container button.active:hover{background-color:var(--btn-green-hover)}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}@media screen and (max-width:840px){.button-container button.disabled{background-color:transparent}}.button-container button .loader{width:24px;height:24px;background:url('data:image/svg+xml,<svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path%0D%0A    d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A    stroke=\"%23306030E8\" stroke-width=\"4\"/>%0D%0A  <mask height=\"24\" id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" width=\"24\" x=\"0\" y=\"0\">%0D%0A    <path%0D%0A      d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A      stroke=\"%23FAFCFF\" stroke-width=\"4\"/>%0D%0A  </mask>%0D%0A  <g mask=\"url(%23mask0)\">%0D%0A    <path d=\"M24.5621 -0.445973L12.0781 -0.00292969L12.9376 24.2163L25.4216 23.7733L24.5621 -0.445973Z\" fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.2578 4C13.3624 4 14.2578 3.10457 14.2578 2C14.2578 0.89543 13.3624 0 12.2578 0C11.1532 0 10.2578 0.89543 10.2578 2C10.2578 3.10457 11.1532 4 12.2578 4Z\"%0D%0A      fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.916 23.9609C14.0206 23.9609 14.916 23.0655 14.916 21.9609C14.916 20.8564 14.0206 19.9609 12.916 19.9609C11.8114 19.9609 10.916 20.8564 10.916 21.9609C10.916 23.0655 11.8114 23.9609 12.916 23.9609Z\"%0D%0A      fill=\"white\"/>%0D%0A  </g>%0D%0A</svg>%0D%0A') center no-repeat;animation:rotate 1.5s linear infinite}.button-container button .arrow::ng-deep svg path{stroke:var(--menu-arr-color)}@media screen and (max-width:840px){.button-container button .close{width:24px;height:24px;border-radius:8px;background-color:var(--gray-color-200)}.button-container button .close::ng-deep svg path{stroke:var(--second-gray-color)}}@keyframes rotate{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TooltipDirective, selector: "[ddTooltip]", inputs: ["ddTooltip", "withClick", "position"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibFilterButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-filter-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, TooltipDirective, LibSvgIconComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], template: "<div (click)=\"onClick($event)\" [class.disabled]=\"disabled\" [ngStyle]=\"{width}\" class=\"button-container\">\r\n  <button\r\n    #btn\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [autofocus]=\"autofocus\"\r\n    [disabled]=\"disabled\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      loader: showLoader,\r\n      active: active,\r\n      white: btnColor === 'white',\r\n      transparent: btnColor === 'transparent',\r\n    }\"\r\n    [type]=\"buttonType\"\r\n    class=\"\"\r\n    role=\"button\">\r\n    @if (!showLoader) {\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    } @if (showLoader) {\r\n    <div class=\"loader\"></div>\r\n  }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  @if (btnTitle) {\r\n  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  }\r\n  <span #contentData><ng-content></ng-content></span>\r\n  <span class=\"d-flex\">\r\n    @if (hintContent) {\r\n      <dd-lib-svg-icon (click)=\"hintClick($event)\"\r\n                       [ddTooltip]=\"hintContent\"\r\n                       [withClick]=\"true\"\r\n                       class=\"ml-8\"\r\n                       icon=\"question{{ active ? '-white-g' : '' }}\"></dd-lib-svg-icon>\r\n    }\r\n    @if (active) {\r\n      <dd-lib-svg-icon (click)=\"onClear($event)\" color=\"white\" icon=\"close\" class=\"ml-8 cup close\"></dd-lib-svg-icon>\r\n    }\r\n    <dd-lib-svg-icon icon=\"toggle_arrow_right\" class=\"arrow show-tablet ml-12\"></dd-lib-svg-icon>\r\n  </span>\r\n</ng-template>\r\n", styles: [":host{display:block}.button-container{display:inline-block}@media screen and (max-width:840px){.button-container{display:block}}.button-container button{display:flex;align-items:center;justify-content:center;height:40px;font-size:14px;line-height:24px;outline:none;cursor:pointer;white-space:nowrap;color:var(--black-color);background-color:var(--btn-white-bgc);border:1px solid var(--gray-color-200);border-radius:24px;padding:8px 16px;font-weight:var(--font-wheit-small)}@media screen and (max-width:840px){.button-container button{width:100%;justify-content:space-between;border-top-color:transparent;border-left:none;border-right:none;border-radius:0;padding:35px 0;font-size:16px;font-weight:500}}.button-container button:hover{color:var(--btn-white-hover-color)}.button-container button.loader{min-width:100px}.button-container button.transparent{background-color:transparent}.button-container button.active{color:#fff;background-color:var(--primary-green-color)}@media screen and (max-width:840px){.button-container button.active{background-color:transparent;color:var(--black-color)}}.button-container button.active:hover{background-color:var(--btn-green-hover)}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}@media screen and (max-width:840px){.button-container button.disabled{background-color:transparent}}.button-container button .loader{width:24px;height:24px;background:url('data:image/svg+xml,<svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path%0D%0A    d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A    stroke=\"%23306030E8\" stroke-width=\"4\"/>%0D%0A  <mask height=\"24\" id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" width=\"24\" x=\"0\" y=\"0\">%0D%0A    <path%0D%0A      d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A      stroke=\"%23FAFCFF\" stroke-width=\"4\"/>%0D%0A  </mask>%0D%0A  <g mask=\"url(%23mask0)\">%0D%0A    <path d=\"M24.5621 -0.445973L12.0781 -0.00292969L12.9376 24.2163L25.4216 23.7733L24.5621 -0.445973Z\" fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.2578 4C13.3624 4 14.2578 3.10457 14.2578 2C14.2578 0.89543 13.3624 0 12.2578 0C11.1532 0 10.2578 0.89543 10.2578 2C10.2578 3.10457 11.1532 4 12.2578 4Z\"%0D%0A      fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.916 23.9609C14.0206 23.9609 14.916 23.0655 14.916 21.9609C14.916 20.8564 14.0206 19.9609 12.916 19.9609C11.8114 19.9609 10.916 20.8564 10.916 21.9609C10.916 23.0655 11.8114 23.9609 12.916 23.9609Z\"%0D%0A      fill=\"white\"/>%0D%0A  </g>%0D%0A</svg>%0D%0A') center no-repeat;animation:rotate 1.5s linear infinite}.button-container button .arrow::ng-deep svg path{stroke:var(--menu-arr-color)}@media screen and (max-width:840px){.button-container button .close{width:24px;height:24px;border-radius:8px;background-color:var(--gray-color-200)}.button-container button .close::ng-deep svg path{stroke:var(--second-gray-color)}}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: 'dd-lib-filter-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, TooltipDirective, LibSvgIconComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA], template: "<div (click)=\"onClick($event)\" [class.disabled]=\"disabled\" [ngStyle]=\"{width}\" class=\"button-container\">\r\n  <button\r\n    #btn\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [autofocus]=\"autofocus\"\r\n    [disabled]=\"disabled\"\r\n    [ngClass]=\"{\r\n      disabled: disabled,\r\n      loader: showLoader,\r\n      active: active,\r\n      white: btnColor === 'white',\r\n      transparent: btnColor === 'transparent',\r\n    }\"\r\n    [type]=\"buttonType\"\r\n    class=\"\"\r\n    role=\"button\">\r\n    @if (!showLoader) {\r\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n    } @if (showLoader) {\r\n    <div class=\"loader\"></div>\r\n  }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  @if (btnTitle) {\r\n  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  }\r\n  <span #contentData><ng-content></ng-content></span>\r\n  <span class=\"d-flex\">\r\n\r\n    @if (active) {\r\n      <dd-lib-svg-icon (click)=\"onClear($event)\" color=\"white\" icon=\"close\" class=\"ml-8 cup close\"></dd-lib-svg-icon>\r\n    } @else if (hintContent) {\r\n    <dd-lib-svg-icon (click)=\"hintClick($event)\"\r\n                     [ddTooltip]=\"hintContent\"\r\n                     [withClick]=\"true\"\r\n                     class=\"ml-8\"\r\n                     icon=\"question{{ active ? '-white-g' : '' }}\"></dd-lib-svg-icon>\r\n  }\r\n    <dd-lib-svg-icon icon=\"toggle_arrow_right\" class=\"arrow show-tablet ml-12\"></dd-lib-svg-icon>\r\n  </span>\r\n</ng-template>\r\n", styles: [":host{display:block}.button-container{display:inline-block}@media screen and (max-width:840px){.button-container{display:block}}.button-container button{display:flex;align-items:center;justify-content:center;height:40px;font-size:14px;line-height:24px;outline:none;cursor:pointer;white-space:nowrap;color:var(--black-color);background-color:var(--btn-white-bgc);border:1px solid var(--gray-color-200);border-radius:24px;padding:8px 16px;font-weight:var(--font-wheit-small)}@media screen and (max-width:840px){.button-container button{width:100%;justify-content:space-between;border-top-color:transparent;border-left:none;border-right:none;border-radius:0;padding:35px 0;font-size:16px;font-weight:500}}.button-container button:hover{color:var(--btn-white-hover-color)}.button-container button.loader{min-width:100px}.button-container button.transparent{background-color:transparent}.button-container button.active{color:#fff;background-color:var(--primary-green-color)}@media screen and (max-width:840px){.button-container button.active{background-color:transparent;color:var(--black-color)}}.button-container button.active:hover{background-color:var(--btn-green-hover)}.button-container button.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}@media screen and (max-width:840px){.button-container button.disabled{background-color:transparent}}.button-container button .loader{width:24px;height:24px;background:url('data:image/svg+xml,<svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">%0D%0A  <path%0D%0A    d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A    stroke=\"%23306030E8\" stroke-width=\"4\"/>%0D%0A  <mask height=\"24\" id=\"mask0\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" width=\"24\" x=\"0\" y=\"0\">%0D%0A    <path%0D%0A      d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"%0D%0A      stroke=\"%23FAFCFF\" stroke-width=\"4\"/>%0D%0A  </mask>%0D%0A  <g mask=\"url(%23mask0)\">%0D%0A    <path d=\"M24.5621 -0.445973L12.0781 -0.00292969L12.9376 24.2163L25.4216 23.7733L24.5621 -0.445973Z\" fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.2578 4C13.3624 4 14.2578 3.10457 14.2578 2C14.2578 0.89543 13.3624 0 12.2578 0C11.1532 0 10.2578 0.89543 10.2578 2C10.2578 3.10457 11.1532 4 12.2578 4Z\"%0D%0A      fill=\"white\"/>%0D%0A    <path%0D%0A      d=\"M12.916 23.9609C14.0206 23.9609 14.916 23.0655 14.916 21.9609C14.916 20.8564 14.0206 19.9609 12.916 19.9609C11.8114 19.9609 10.916 20.8564 10.916 21.9609C10.916 23.0655 11.8114 23.9609 12.916 23.9609Z\"%0D%0A      fill=\"white\"/>%0D%0A  </g>%0D%0A</svg>%0D%0A') center no-repeat;animation:rotate 1.5s linear infinite}.button-container button .arrow::ng-deep svg path{stroke:var(--menu-arr-color)}@media screen and (max-width:840px){.button-container button .close{width:24px;height:24px;border-radius:8px;background-color:var(--gray-color-200)}.button-container button .close::ng-deep svg path{stroke:var(--second-gray-color)}}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { btnTitle: [{
                 type: Input
             }], clearEvent: [{
@@ -3307,7 +3394,7 @@ class LibInputComponent extends LibCommonInputTextComponent {
                 useExisting: forwardRef(() => LibInputComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "contentInput", first: true, predicate: ["input"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-input\">\n  @if (label) {\n  <label [for]=\"id\" class=\"lib-input__title g-text-sm\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n  }\n  <div class=\"pos-relative\">\n    <input\n      #input\n      (blur)=\"handleBlur()\"\n      (change)=\"handleChange()\"\n      (focus)=\"handleFocus()\"\n      (input)=\"handleInput($event)\"\n      (keyup.enter)=\"forceChange()\"\n      [showMaskTyped]=\"showMaskTyped\"\n      [dropSpecialCharacters]=\"dropSpecialCharacters\"\n      [shownMaskExpression]=\"shownMaskExpression\"\n      [mask]=\"mask\"\n      [validation]=\"validation\"\n      [prefix]=\"prefix\"\n      [suffix]=\"suffix\"\n      [(ngModel)]=\"value\"\n      [attr.autofocus]=\"autofocus\"\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\n      [attr.id]=\"id ? id : null\"\n      [attr.max]=\"max\"\n      [attr.min]=\"min\"\n      [attr.maxlength]=\"maxlength\"\n      [attr.minlength]=\"minlength\"\n      [attr.name]=\"name\"\n      [attr.placeholder]=\"placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"showPass ? 'text' : (type || 'text')\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"showError\"\n      [style.height]=\"height\"\n      [style.width]=\"width\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readOnly\"\n      class=\"text-input\" />\n    @if (type === 'password') {\n      <dd-lib-svg-viewer (click)=\"showPass = !showPass\" [pack]=\"'lib-svg'\" class=\"password-eye\" icon=\"{{ showPass ? 'eye' : 'eye-off' }}\"></dd-lib-svg-viewer>\n    }\n  </div>\n\n  @if (errorTexts.length && showError) {\n    @for (error of errorTexts; track error) {\n      <div class=\"lib-input__error\">{{ error }}</div>\n    }\n  }\n  @if (errorText && showSelfError && showError) {\n      <div class=\"lib-input__error\">{{ errorText }}</div>\n  }\n</div>\n", styles: [":host{display:block}.lib-input{position:relative}.lib-input input{width:100%;height:48px;padding:15px 16px;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;color:var(--light-black-color)}.lib-input input:hover{border-color:var(--input-active-border-colort)}.lib-input input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-input input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-input input:disabled::placeholder{color:var(--input-placeholder)}.lib-input input.invalid,.lib-input input.invalid:hover{border-color:var(--input-error-border-color)}.lib-input input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-input__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute;white-space:nowrap}.lib-input .password-eye{position:absolute;right:16px;top:12px;cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "errors", "disabled", "touched", "dirty", "invalid", "pending", "readonly", "required", "name"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "component", type: LibSvgViewerComponent, selector: "dd-lib-svg-viewer", inputs: ["path", "pack", "icon", "width", "height", "color", "containerClass", "fullSize", "colorRules"] }] }); }
+        ], viewQueries: [{ propertyName: "contentInput", first: true, predicate: ["input"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-input\">\r\n  @if (label) {\r\n  <label [for]=\"id\" class=\"lib-input__title g-text-sm\">\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\">\r\n    <input\r\n      #input\r\n      (blur)=\"handleBlur()\"\r\n      (change)=\"handleChange()\"\r\n      (focus)=\"handleFocus()\"\r\n      (input)=\"handleInput($event)\"\r\n      (keyup.enter)=\"forceChange()\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"dropSpecialCharacters\"\r\n      [shownMaskExpression]=\"shownMaskExpression\"\r\n      [mask]=\"mask\"\r\n      [validation]=\"validation\"\r\n      [prefix]=\"prefix\"\r\n      [suffix]=\"suffix\"\r\n      [(ngModel)]=\"value\"\r\n      [attr.autofocus]=\"autofocus\"\r\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\r\n      [attr.id]=\"id ? id : null\"\r\n      [attr.max]=\"max\"\r\n      [attr.min]=\"min\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [attr.minlength]=\"minlength\"\r\n      [attr.name]=\"name\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"showPass ? 'text' : (type || 'text')\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"showError\"\r\n      [style.height]=\"height\"\r\n      [style.width]=\"width\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      class=\"text-input\" />\r\n    @if (type === 'password') {\r\n      <dd-lib-svg-viewer (click)=\"showPass = !showPass\" [pack]=\"'lib-svg'\" class=\"password-eye\" icon=\"{{ showPass ? 'eye' : 'eye-off' }}\"></dd-lib-svg-viewer>\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-input__error\">{{ error }}</div>\r\n    }\r\n  }\r\n  @if (errorText && showSelfError && showError) {\r\n      <div class=\"lib-input__error\">{{ errorText }}</div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.lib-input{position:relative}.lib-input input{width:100%;height:48px;padding:15px 16px;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;color:var(--light-black-color)}.lib-input input:hover{border-color:var(--input-active-border-colort)}.lib-input input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-input input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-input input:disabled::placeholder{color:var(--input-placeholder)}.lib-input input.invalid,.lib-input input.invalid:hover{border-color:var(--input-error-border-color)}.lib-input input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-input__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute;white-space:nowrap}.lib-input .password-eye{position:absolute;right:16px;top:12px;cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "errors", "disabled", "touched", "dirty", "invalid", "pending", "readonly", "required", "name"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "component", type: LibSvgViewerComponent, selector: "dd-lib-svg-viewer", inputs: ["path", "pack", "icon", "width", "height", "color", "containerClass", "fullSize", "colorRules"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibInputComponent, decorators: [{
             type: Component,
@@ -3317,7 +3404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                             useExisting: forwardRef(() => LibInputComponent),
                             multi: true,
                         },
-                    ], imports: [FormsModule, NgxMaskDirective, LibSvgIconComponent, LibSvgViewerComponent], template: "<div class=\"lib-input\">\n  @if (label) {\n  <label [for]=\"id\" class=\"lib-input__title g-text-sm\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n  }\n  <div class=\"pos-relative\">\n    <input\n      #input\n      (blur)=\"handleBlur()\"\n      (change)=\"handleChange()\"\n      (focus)=\"handleFocus()\"\n      (input)=\"handleInput($event)\"\n      (keyup.enter)=\"forceChange()\"\n      [showMaskTyped]=\"showMaskTyped\"\n      [dropSpecialCharacters]=\"dropSpecialCharacters\"\n      [shownMaskExpression]=\"shownMaskExpression\"\n      [mask]=\"mask\"\n      [validation]=\"validation\"\n      [prefix]=\"prefix\"\n      [suffix]=\"suffix\"\n      [(ngModel)]=\"value\"\n      [attr.autofocus]=\"autofocus\"\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\n      [attr.id]=\"id ? id : null\"\n      [attr.max]=\"max\"\n      [attr.min]=\"min\"\n      [attr.maxlength]=\"maxlength\"\n      [attr.minlength]=\"minlength\"\n      [attr.name]=\"name\"\n      [attr.placeholder]=\"placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"showPass ? 'text' : (type || 'text')\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"showError\"\n      [style.height]=\"height\"\n      [style.width]=\"width\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readOnly\"\n      class=\"text-input\" />\n    @if (type === 'password') {\n      <dd-lib-svg-viewer (click)=\"showPass = !showPass\" [pack]=\"'lib-svg'\" class=\"password-eye\" icon=\"{{ showPass ? 'eye' : 'eye-off' }}\"></dd-lib-svg-viewer>\n    }\n  </div>\n\n  @if (errorTexts.length && showError) {\n    @for (error of errorTexts; track error) {\n      <div class=\"lib-input__error\">{{ error }}</div>\n    }\n  }\n  @if (errorText && showSelfError && showError) {\n      <div class=\"lib-input__error\">{{ errorText }}</div>\n  }\n</div>\n", styles: [":host{display:block}.lib-input{position:relative}.lib-input input{width:100%;height:48px;padding:15px 16px;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;color:var(--light-black-color)}.lib-input input:hover{border-color:var(--input-active-border-colort)}.lib-input input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-input input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-input input:disabled::placeholder{color:var(--input-placeholder)}.lib-input input.invalid,.lib-input input.invalid:hover{border-color:var(--input-error-border-color)}.lib-input input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-input__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute;white-space:nowrap}.lib-input .password-eye{position:absolute;right:16px;top:12px;cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}\n"] }]
+                    ], imports: [FormsModule, NgxMaskDirective, LibSvgIconComponent, LibSvgViewerComponent], template: "<div class=\"lib-input\">\r\n  @if (label) {\r\n  <label [for]=\"id\" class=\"lib-input__title g-text-sm\">\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\">\r\n    <input\r\n      #input\r\n      (blur)=\"handleBlur()\"\r\n      (change)=\"handleChange()\"\r\n      (focus)=\"handleFocus()\"\r\n      (input)=\"handleInput($event)\"\r\n      (keyup.enter)=\"forceChange()\"\r\n      [showMaskTyped]=\"showMaskTyped\"\r\n      [dropSpecialCharacters]=\"dropSpecialCharacters\"\r\n      [shownMaskExpression]=\"shownMaskExpression\"\r\n      [mask]=\"mask\"\r\n      [validation]=\"validation\"\r\n      [prefix]=\"prefix\"\r\n      [suffix]=\"suffix\"\r\n      [(ngModel)]=\"value\"\r\n      [attr.autofocus]=\"autofocus\"\r\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\r\n      [attr.id]=\"id ? id : null\"\r\n      [attr.max]=\"max\"\r\n      [attr.min]=\"min\"\r\n      [attr.maxlength]=\"maxlength\"\r\n      [attr.minlength]=\"minlength\"\r\n      [attr.name]=\"name\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"showPass ? 'text' : (type || 'text')\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"showError\"\r\n      [style.height]=\"height\"\r\n      [style.width]=\"width\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      class=\"text-input\" />\r\n    @if (type === 'password') {\r\n      <dd-lib-svg-viewer (click)=\"showPass = !showPass\" [pack]=\"'lib-svg'\" class=\"password-eye\" icon=\"{{ showPass ? 'eye' : 'eye-off' }}\"></dd-lib-svg-viewer>\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-input__error\">{{ error }}</div>\r\n    }\r\n  }\r\n  @if (errorText && showSelfError && showError) {\r\n      <div class=\"lib-input__error\">{{ errorText }}</div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.lib-input{position:relative}.lib-input input{width:100%;height:48px;padding:15px 16px;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;color:var(--light-black-color)}.lib-input input:hover{border-color:var(--input-active-border-colort)}.lib-input input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-input input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-input input:disabled::placeholder{color:var(--input-placeholder)}.lib-input input.invalid,.lib-input input.invalid:hover{border-color:var(--input-error-border-color)}.lib-input input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.lib-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start;color:var(--light-black-color)}.lib-input__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px;position:absolute;white-space:nowrap}.lib-input .password-eye{position:absolute;right:16px;top:12px;cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.DestroyRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.ControlContainer, decorators: [{
                     type: Optional
                 }, {
@@ -4226,7 +4313,7 @@ class LibSelectComponent extends LibCommonInputTextComponent {
                 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 }}\" [destroyedItem]=\"isShownList\" [ddFixedPosition]=\"fixedPosition\">\n  @if (label) {\n    <label [for]=\"selectId\" class=\"lib-select__title\">\n      {{ label }}\n      @if (required) {\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n      }\n    </label>\n  }\n\n  <div class=\"pos-relative\" data-child=\"input\">\n    <input\n      #select\n      (change)=\"handleChange()\"\n      (click)=\"notifyFocusEvent()\"\n      (input)=\"handleInput($event)\"\n      (blur)=\"handleBlur()\"\n      (focus)=\"handleFocus()\"\n      [attr.id]=\"selectId\"\n      [attr.placeholder]=\"(multiCountValue || searchValue) ? '' : placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"'text'\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"showError\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"true\"\n      [(ngModel)]=\"inputValue\"\n      [title]=\"inputValue || ''\"\n      class=\"text-select select-block\"/>\n\n    @if (!initialized && writtenValue) {\n      <div class=\"lib-select__value-loader\">\n        <dd-lib-loader></dd-lib-loader>\n      </div>\n    }\n\n    @if (multiCountValue && checkedItems().length > 0) {\n      <div class=\"selected-items-container\" id=\"selected-{{selectId}}\">\n        <dd-lib-horizontal-scroll>\n          @for (item of checkedItems(); track getItemTrackBy(item, $index)) {\n            <div class=\"selected-items__item\">\n              @if (stringArray()) {\n                <div [title]=\"item\" [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n                     class=\"selected-items__item-title\"></div>\n              }\n              @if (keyTitle && !stringArray()) {\n                <div [title]=\"item[keyTitle]\"\n                     [innerHTML]=\"item[keyTitle] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n                     class=\"selected-items__item-title\"></div>\n              }\n              @if (keyDesc && !stringArray()) {\n                <div\n                  [innerHTML]=\"item[keyDesc] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n                  [title]=\"item[keyDesc]\"\n                  class=\"selected-items__item-desc\"></div>\n              }\n              <dd-lib-svg-icon id=\"selected-clear-{{selectId}}-{{$index}}\" icon=\"clear\" class=\"cup\"\n                               (click)=\"selectItem(item);deleteMultiItem.emit(item)\"></dd-lib-svg-icon>\n            </div>\n          }\n        </dd-lib-horizontal-scroll>\n      </div>\n    }\n\n    @if (!checkedItem && !multiCountValue) {\n      <dd-lib-svg-icon\n        (click)=\"notifyFocusEvent()\"\n        [class.black-svg]=\"isShownList\"\n        [class.disabled]=\"disabled\"\n        [class.gray-svg]=\"!isShownList\"\n        [class.up]=\"isShownList\"\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\n    } @else if (clearable && !searchValue && !multi) {\n      <dd-lib-svg-icon\n        (click)=\"onClear(checkedItem)\"\n        class=\"clear\"\n        id=\"clear-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n    }\n  </div>\n\n  @if (errorTexts.length && showError) {\n    @for (error of errorTexts; track error) {\n      <div class=\"lib-select__error\">{{ error }}</div>\n    }\n  }\n  @if (errorText && showSelfError && showError) {\n    <div class=\"lib-select__error\">{{ errorText }}</div>\n  }\n\n  @if (isShownList) {\n    <div\n      id=\"dropdown-{{selectId}}\"\n      [style.max-height]=\"searchOn ? '343px' : '300px'\"\n      data-child=\"list\"\n      (ddClickOutside)=\"notifyFocusEvent();fullBlur.emit($event)\"\n      [elements]=\"getClickOutsideElements()\"\n      ddListKeyboardNavigation\n      class=\"select-list-wrapper\">\n\n      @if (!initialized) {\n        <div class=\"info-container\">\n          <div class=\"d-flex gap-12 align-center\">\n            <div class=\"g-text font-medium no-wrap-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445</div>\n            <dd-lib-loader></dd-lib-loader>\n          </div>\n        </div>\n      } @else {\n        @if (!_data()?.length) {\n          <div class=\"info-container\">\n            <div class=\"g-text font-medium no-wrap-text\">\n              {{ noDataError }}\n            </div>\n          </div>\n        }\n\n        @if (_data()?.length) {\n          @if (multi || (searchOn && _data()!.length > 5)) {\n            <div\n              class=\"d-flex full-width align-center {{(_data()!.length > 5 && searchOn) ? 'justify-between' : 'justify-end'}} head-wrapper\">\n              @if (_data()!.length > 5 && searchOn) {\n                <div class=\"search-block\">\n                  <dd-lib-svg-icon class=\"search-icon\" id=\"chevron-{{ selectId }}\" icon=\"search\"></dd-lib-svg-icon>\n                  <input class=\"search-block__input\" #searchInputEl [attr.name]=\"name\"\n                         [readOnly]=\"readOnly\"\n                         (input)=\"searchInput()\"\n                         [placeholder]=\"searchPlaceholder\"\n                         (blur)=\"handleBlur()\"\n                         (focus)=\"handleFocus()\"\n                         [(ngModel)]=\"searchValue\" type=\"text\">\n                  <dd-lib-svg-icon\n                    [style.display]=\"searchValue ? 'block' : 'none'\"\n                    class=\"cup\"\n                    (click)=\"searchValue=''\"\n                    id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n                </div>\n              }\n              @if (multi) {\n                <div class=\"mr-16\">\n                  <dd-lib-svg-viewer\n                    (click)=\"selectAll()\"\n                    class=\"checked cup\"\n                    pack=\"lib-svg\"\n                    id=\"chevron-{{ selectId }}\" [colorRules]=\"[{selector: 'path', color: !allSelected ? 'gray': '#07B700', attribute: 'stroke'}]\"\n                    icon=\"check-green\"></dd-lib-svg-viewer>\n                </div>\n              }\n            </div>\n          }\n\n\n          @if ((_data() | filterByKey: filterList.bind(this))?.length === 0) {\n            <div class=\"info-container\">\n              <div class=\"g-text font-medium no-wrap-text\">\n                \u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\n              </div>\n            </div>\n          }\n\n          @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\"\n                                         [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\n              <div\n                *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this); trackBy: trackByFn.bind(this)\">\n                <ng-container [ngTemplateOutlet]=\"itemsList\" [ngTemplateOutletContext]=\"{items: [item]}\"></ng-container>\n              </div>\n            </cdk-virtual-scroll-viewport>\n          } @else {\n            <ng-container [ngTemplateOutlet]=\"itemsList\"\n                          [ngTemplateOutletContext]=\"{items: _data() | filterByKey: filterList.bind(this)}\"></ng-container>\n          }\n        }\n      }\n    </div>\n  }\n</div>\n\n<ng-template #rowItem let-item=\"item\" let-index=\"index\">\n  <div ddSelectableItem [dragItem]=\"true\" [ddTooltip]=\"item.tooltip ? item.tooltip : ''\" [position]=\"tooltipPosition\"\n       (click)=\"selectItem(item)\"\n       (itemSelected)=\"selectItem(item)\"\n       [class.s-item-active]=\"checkSelected(item) && !item.disabled\"\n       [class.s-item-disabled]=\"item.disabled\"\n       class=\"select-data\">\n    @if (stringArray()) {\n      <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n           class=\"select-data__title\"></div>\n    }\n    @if (keyTitle && !stringArray()) {\n      <div\n        [innerHTML]=\"item[keyTitle] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n        class=\"select-data__title\"></div>\n    }\n    @if (keyDesc && !stringArray()) {\n      <div\n        [innerHTML]=\"item[keyDesc] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n        [title]=\"item[keyDesc]\"\n        class=\"select-data__desc\"></div>\n    }\n    @if (checkSelected(item)) {\n      <dd-lib-svg-icon\n        class=\"checked\"\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\n    }\n  </div>\n</ng-template>\n\n<ng-template #itemsList let-items=\"items\">\n  @for (item of items; track trackByFn($index, item)) {\n    @if (isGroup(item)) {\n      <div class=\"group-header\" [class.select-all-enabled]=\"selectAllInGroup\"\n           (click)=\"selectAllInGroup ? handleGroupClick(item) : null\">\n        <div class=\"group-title\">{{ getGroupTitle(item) }}</div>\n        @if (selectAllInGroup && isGroupSelected(item)) {\n          <dd-lib-svg-icon\n            [class.checked]=\"isGroupSelected(item)\"\n            icon=\"check_green\"></dd-lib-svg-icon>\n        }\n      </div>\n      <div class=\"group-items\">\n        @for (child of item[keyGroupChildren] | filterByKey: filterList.bind(this); track trackByFn($index, child)) {\n          <ng-container [ngTemplateOutlet]=\"rowItem\"\n                        [ngTemplateOutletContext]=\"{item: child, index: $index}\"></ng-container>\n        }\n      </div>\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item: item, index: $index}\"></ng-container>\n    }\n  }\n</ng-template>\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:hover~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:focus~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.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:disabled~.selected-items-container .selected-items__item{background:var(--gray-blue-300);color:var(--second-gray-color)}.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 .select-block:invalid~.selected-items-container .selected-items__item{background:var(--red-light-color);color:var(--font-light-black-color)}.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;white-space:nowrap}.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 .group-items{padding-left:16px}.lib-select .select-list-wrapper .group-items .select-data{margin-left:-16px;padding-left:32px}.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}.lib-select__value-loader{position:absolute;right:calc(50% - 12px);top:calc(50% - 12px)}.head-wrapper{display:flex;width:100%;align-items:center;border-bottom:1px solid var(--gray-bgc);min-height:40px}.search-block{position:relative;padding:12px;z-index:1;display:flex;gap:4px;flex:1;align-items:center}.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-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(--blue-card);color:var(--font-light-black-color);padding:4px;border-radius:8px;display:flex;gap:4px;align-items:center;max-width:170px;overflow:hidden}.selected-items-container .selected-items__item:hover{background:var(--light-green-color);color:var(--font-light-black-color)}.selected-items-container .selected-items__item-title{overflow:hidden;white-space:nowrap;max-width:150px;text-overflow:ellipsis}.group-header{height:48px;padding:8px 16px;font-weight:600;color:var(--font-light-black-color);border-bottom:1px solid var(--gray-bgc);display:flex;justify-content:space-between;align-items:center}.group-header.select-all-enabled{cursor:pointer}.group-header.select-all-enabled:hover{background-color:var(--gray-color-300)}.group-title{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$3.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$3.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$3.ɵɵ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]", inputs: ["dragItem"], outputs: ["itemSelected"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["ddFixedPosition", "childName1", "childName2", "destroyedItem"] }, { kind: "component", type: LibHorizontalScrollComponent, selector: "dd-lib-horizontal-scroll" }, { kind: "component", type: LibSvgViewerComponent, selector: "dd-lib-svg-viewer", inputs: ["path", "pack", "icon", "width", "height", "color", "containerClass", "fullSize", "colorRules"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }], 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]=\"fixedPosition\">\r\n  @if (label) {\r\n    <label [for]=\"selectId\" 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    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent()\"\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 (!initialized && writtenValue) {\r\n      <div class=\"lib-select__value-loader\">\r\n        <dd-lib-loader></dd-lib-loader>\r\n      </div>\r\n    }\r\n\r\n    @if (multiCountValue && checkedItems().length > 0) {\r\n      <div class=\"selected-items-container\" id=\"selected-{{selectId}}\">\r\n        <dd-lib-horizontal-scroll>\r\n          @for (item of checkedItems(); track getItemTrackBy(item, $index)) {\r\n            <div class=\"selected-items__item\">\r\n              @if (stringArray()) {\r\n                <div [title]=\"item\" [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 [title]=\"item[keyTitle]\"\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}}-{{$index}}\" icon=\"clear\" class=\"cup\"\r\n                               (click)=\"selectItem(item);deleteMultiItem.emit(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    @if (!checkedItem && !multiCountValue) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent()\"\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    } @else if (clearable && !searchValue && !multi) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"onClear(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"clear-{{ 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-{{selectId}}\"\r\n      [style.max-height]=\"searchOn ? '343px' : '300px'\"\r\n      data-child=\"list\"\r\n      (ddClickOutside)=\"notifyFocusEvent();fullBlur.emit($event)\"\r\n      [elements]=\"getClickOutsideElements()\"\r\n      ddListKeyboardNavigation\r\n      class=\"select-list-wrapper\">\r\n\r\n      @if (!initialized) {\r\n        <div class=\"info-container\">\r\n          <div class=\"d-flex gap-12 align-center\">\r\n            <div class=\"g-text font-medium 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      } @else {\r\n        @if (!_data()?.length) {\r\n          <div class=\"info-container\">\r\n            <div class=\"g-text font-medium no-wrap-text\">\r\n              {{ noDataError }}\r\n            </div>\r\n          </div>\r\n        }\r\n\r\n        @if (_data()?.length) {\r\n          @if (multi || (searchOn && _data()!.length > 5)) {\r\n            <div\r\n              class=\"d-flex full-width align-center {{(_data()!.length > 5 && searchOn) ? 'justify-between' : 'justify-end'}} head-wrapper\">\r\n              @if (_data()!.length > 5 && searchOn) {\r\n                <div class=\"search-block\">\r\n                  <dd-lib-svg-icon class=\"search-icon\" 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()\"\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                </div>\r\n              }\r\n              @if (multi) {\r\n                <div class=\"mr-16\">\r\n                  <dd-lib-svg-viewer\r\n                    (click)=\"selectAll()\"\r\n                    class=\"checked cup\"\r\n                    pack=\"lib-svg\"\r\n                    id=\"chevron-{{ selectId }}\" [colorRules]=\"[{selector: 'path', color: !allSelected ? 'gray': '#07B700', attribute: 'stroke'}]\"\r\n                    icon=\"check-green\"></dd-lib-svg-viewer>\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n\r\n\r\n          @if ((_data() | filterByKey: filterList.bind(this))?.length === 0) {\r\n            <div class=\"info-container\">\r\n              <div class=\"g-text font-medium 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\r\n          @if (virtualScroll) {\r\n            <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\"\r\n                                         [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\r\n              <div\r\n                *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this); trackBy: trackByFn.bind(this)\">\r\n                <ng-container [ngTemplateOutlet]=\"itemsList\" [ngTemplateOutletContext]=\"{items: [item]}\"></ng-container>\r\n              </div>\r\n            </cdk-virtual-scroll-viewport>\r\n          } @else {\r\n            <ng-container [ngTemplateOutlet]=\"itemsList\"\r\n                          [ngTemplateOutletContext]=\"{items: _data() | filterByKey: filterList.bind(this)}\"></ng-container>\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<ng-template #rowItem let-item=\"item\" let-index=\"index\">\r\n  <div ddSelectableItem [dragItem]=\"true\" [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        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\r\n<ng-template #itemsList let-items=\"items\">\r\n  @for (item of items; track trackByFn($index, item)) {\r\n    @if (isGroup(item)) {\r\n      <div class=\"group-header\" [class.select-all-enabled]=\"selectAllInGroup\"\r\n           (click)=\"selectAllInGroup ? handleGroupClick(item) : null\">\r\n        <div class=\"group-title\">{{ getGroupTitle(item) }}</div>\r\n        @if (selectAllInGroup && isGroupSelected(item)) {\r\n          <dd-lib-svg-icon\r\n            [class.checked]=\"isGroupSelected(item)\"\r\n            icon=\"check_green\"></dd-lib-svg-icon>\r\n        }\r\n      </div>\r\n      <div class=\"group-items\">\r\n        @for (child of item[keyGroupChildren] | filterByKey: filterList.bind(this); track trackByFn($index, child)) {\r\n          <ng-container [ngTemplateOutlet]=\"rowItem\"\r\n                        [ngTemplateOutletContext]=\"{item: child, index: $index}\"></ng-container>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item: item, index: $index}\"></ng-container>\r\n    }\r\n  }\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:hover~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:focus~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.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:disabled~.selected-items-container .selected-items__item{background:var(--gray-blue-300);color:var(--second-gray-color)}.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 .select-block:invalid~.selected-items-container .selected-items__item{background:var(--red-light-color);color:var(--font-light-black-color)}.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;white-space:nowrap}.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 .group-items{padding-left:16px}.lib-select .select-list-wrapper .group-items .select-data{margin-left:-16px;padding-left:32px}.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}.lib-select__value-loader{position:absolute;right:calc(50% - 12px);top:calc(50% - 12px)}.head-wrapper{display:flex;width:100%;align-items:center;border-bottom:1px solid var(--gray-bgc);min-height:40px}.search-block{position:relative;padding:12px;z-index:1;display:flex;gap:4px;flex:1;align-items:center}.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-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(--blue-card);color:var(--font-light-black-color);padding:4px;border-radius:8px;display:flex;gap:4px;align-items:center;max-width:170px;overflow:hidden}.selected-items-container .selected-items__item:hover{background:var(--light-green-color);color:var(--font-light-black-color)}.selected-items-container .selected-items__item-title{overflow:hidden;white-space:nowrap;max-width:150px;text-overflow:ellipsis}.group-header{height:48px;padding:8px 16px;font-weight:600;color:var(--font-light-black-color);border-bottom:1px solid var(--gray-bgc);display:flex;justify-content:space-between;align-items:center}.group-header.select-all-enabled{cursor:pointer}.group-header.select-all-enabled:hover{background-color:var(--gray-color-300)}.group-title{flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$3.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$3.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$3.ɵɵ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]", inputs: ["dragItem"], outputs: ["itemSelected"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["ddFixedPosition", "childName1", "childName2", "destroyedItem"] }, { kind: "component", type: LibHorizontalScrollComponent, selector: "dd-lib-horizontal-scroll" }, { kind: "component", type: LibSvgViewerComponent, selector: "dd-lib-svg-viewer", inputs: ["path", "pack", "icon", "width", "height", "color", "containerClass", "fullSize", "colorRules"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibSelectComponent, decorators: [{
             type: Component,
@@ -4243,7 +4330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                             useExisting: forwardRef(() => LibSelectComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" [destroyedItem]=\"isShownList\" [ddFixedPosition]=\"fixedPosition\">\n  @if (label) {\n    <label [for]=\"selectId\" class=\"lib-select__title\">\n      {{ label }}\n      @if (required) {\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n      }\n    </label>\n  }\n\n  <div class=\"pos-relative\" data-child=\"input\">\n    <input\n      #select\n      (change)=\"handleChange()\"\n      (click)=\"notifyFocusEvent()\"\n      (input)=\"handleInput($event)\"\n      (blur)=\"handleBlur()\"\n      (focus)=\"handleFocus()\"\n      [attr.id]=\"selectId\"\n      [attr.placeholder]=\"(multiCountValue || searchValue) ? '' : placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"'text'\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"showError\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"true\"\n      [(ngModel)]=\"inputValue\"\n      [title]=\"inputValue || ''\"\n      class=\"text-select select-block\"/>\n\n    @if (!initialized && writtenValue) {\n      <div class=\"lib-select__value-loader\">\n        <dd-lib-loader></dd-lib-loader>\n      </div>\n    }\n\n    @if (multiCountValue && checkedItems().length > 0) {\n      <div class=\"selected-items-container\" id=\"selected-{{selectId}}\">\n        <dd-lib-horizontal-scroll>\n          @for (item of checkedItems(); track getItemTrackBy(item, $index)) {\n            <div class=\"selected-items__item\">\n              @if (stringArray()) {\n                <div [title]=\"item\" [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n                     class=\"selected-items__item-title\"></div>\n              }\n              @if (keyTitle && !stringArray()) {\n                <div [title]=\"item[keyTitle]\"\n                     [innerHTML]=\"item[keyTitle] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n                     class=\"selected-items__item-title\"></div>\n              }\n              @if (keyDesc && !stringArray()) {\n                <div\n                  [innerHTML]=\"item[keyDesc] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n                  [title]=\"item[keyDesc]\"\n                  class=\"selected-items__item-desc\"></div>\n              }\n              <dd-lib-svg-icon id=\"selected-clear-{{selectId}}-{{$index}}\" icon=\"clear\" class=\"cup\"\n                               (click)=\"selectItem(item);deleteMultiItem.emit(item)\"></dd-lib-svg-icon>\n            </div>\n          }\n        </dd-lib-horizontal-scroll>\n      </div>\n    }\n\n    @if (!checkedItem && !multiCountValue) {\n      <dd-lib-svg-icon\n        (click)=\"notifyFocusEvent()\"\n        [class.black-svg]=\"isShownList\"\n        [class.disabled]=\"disabled\"\n        [class.gray-svg]=\"!isShownList\"\n        [class.up]=\"isShownList\"\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\n    } @else if (clearable && !searchValue && !multi) {\n      <dd-lib-svg-icon\n        (click)=\"onClear(checkedItem)\"\n        class=\"clear\"\n        id=\"clear-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n    }\n  </div>\n\n  @if (errorTexts.length && showError) {\n    @for (error of errorTexts; track error) {\n      <div class=\"lib-select__error\">{{ error }}</div>\n    }\n  }\n  @if (errorText && showSelfError && showError) {\n    <div class=\"lib-select__error\">{{ errorText }}</div>\n  }\n\n  @if (isShownList) {\n    <div\n      id=\"dropdown-{{selectId}}\"\n      [style.max-height]=\"searchOn ? '343px' : '300px'\"\n      data-child=\"list\"\n      (ddClickOutside)=\"notifyFocusEvent();fullBlur.emit($event)\"\n      [elements]=\"getClickOutsideElements()\"\n      ddListKeyboardNavigation\n      class=\"select-list-wrapper\">\n\n      @if (!initialized) {\n        <div class=\"info-container\">\n          <div class=\"d-flex gap-12 align-center\">\n            <div class=\"g-text font-medium no-wrap-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445</div>\n            <dd-lib-loader></dd-lib-loader>\n          </div>\n        </div>\n      } @else {\n        @if (!_data()?.length) {\n          <div class=\"info-container\">\n            <div class=\"g-text font-medium no-wrap-text\">\n              {{ noDataError }}\n            </div>\n          </div>\n        }\n\n        @if (_data()?.length) {\n          @if (multi || (searchOn && _data()!.length > 5)) {\n            <div\n              class=\"d-flex full-width align-center {{(_data()!.length > 5 && searchOn) ? 'justify-between' : 'justify-end'}} head-wrapper\">\n              @if (_data()!.length > 5 && searchOn) {\n                <div class=\"search-block\">\n                  <dd-lib-svg-icon class=\"search-icon\" id=\"chevron-{{ selectId }}\" icon=\"search\"></dd-lib-svg-icon>\n                  <input class=\"search-block__input\" #searchInputEl [attr.name]=\"name\"\n                         [readOnly]=\"readOnly\"\n                         (input)=\"searchInput()\"\n                         [placeholder]=\"searchPlaceholder\"\n                         (blur)=\"handleBlur()\"\n                         (focus)=\"handleFocus()\"\n                         [(ngModel)]=\"searchValue\" type=\"text\">\n                  <dd-lib-svg-icon\n                    [style.display]=\"searchValue ? 'block' : 'none'\"\n                    class=\"cup\"\n                    (click)=\"searchValue=''\"\n                    id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n                </div>\n              }\n              @if (multi) {\n                <div class=\"mr-16\">\n                  <dd-lib-svg-viewer\n                    (click)=\"selectAll()\"\n                    class=\"checked cup\"\n                    pack=\"lib-svg\"\n                    id=\"chevron-{{ selectId }}\" [colorRules]=\"[{selector: 'path', color: !allSelected ? 'gray': '#07B700', attribute: 'stroke'}]\"\n                    icon=\"check-green\"></dd-lib-svg-viewer>\n                </div>\n              }\n            </div>\n          }\n\n\n          @if ((_data() | filterByKey: filterList.bind(this))?.length === 0) {\n            <div class=\"info-container\">\n              <div class=\"g-text font-medium no-wrap-text\">\n                \u0420\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u043E\u0432 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E\n              </div>\n            </div>\n          }\n\n          @if (virtualScroll) {\n            <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\"\n                                         [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\n              <div\n                *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this); trackBy: trackByFn.bind(this)\">\n                <ng-container [ngTemplateOutlet]=\"itemsList\" [ngTemplateOutletContext]=\"{items: [item]}\"></ng-container>\n              </div>\n            </cdk-virtual-scroll-viewport>\n          } @else {\n            <ng-container [ngTemplateOutlet]=\"itemsList\"\n                          [ngTemplateOutletContext]=\"{items: _data() | filterByKey: filterList.bind(this)}\"></ng-container>\n          }\n        }\n      }\n    </div>\n  }\n</div>\n\n<ng-template #rowItem let-item=\"item\" let-index=\"index\">\n  <div ddSelectableItem [dragItem]=\"true\" [ddTooltip]=\"item.tooltip ? item.tooltip : ''\" [position]=\"tooltipPosition\"\n       (click)=\"selectItem(item)\"\n       (itemSelected)=\"selectItem(item)\"\n       [class.s-item-active]=\"checkSelected(item) && !item.disabled\"\n       [class.s-item-disabled]=\"item.disabled\"\n       class=\"select-data\">\n    @if (stringArray()) {\n      <div [innerHTML]=\"item | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n           class=\"select-data__title\"></div>\n    }\n    @if (keyTitle && !stringArray()) {\n      <div\n        [innerHTML]=\"item[keyTitle] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n        class=\"select-data__title\"></div>\n    }\n    @if (keyDesc && !stringArray()) {\n      <div\n        [innerHTML]=\"item[keyDesc] | highlight: (highlight ? searchValue : '') | safe: 'html'\"\n        [title]=\"item[keyDesc]\"\n        class=\"select-data__desc\"></div>\n    }\n    @if (checkSelected(item)) {\n      <dd-lib-svg-icon\n        class=\"checked\"\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\n    }\n  </div>\n</ng-template>\n\n<ng-template #itemsList let-items=\"items\">\n  @for (item of items; track trackByFn($index, item)) {\n    @if (isGroup(item)) {\n      <div class=\"group-header\" [class.select-all-enabled]=\"selectAllInGroup\"\n           (click)=\"selectAllInGroup ? handleGroupClick(item) : null\">\n        <div class=\"group-title\">{{ getGroupTitle(item) }}</div>\n        @if (selectAllInGroup && isGroupSelected(item)) {\n          <dd-lib-svg-icon\n            [class.checked]=\"isGroupSelected(item)\"\n            icon=\"check_green\"></dd-lib-svg-icon>\n        }\n      </div>\n      <div class=\"group-items\">\n        @for (child of item[keyGroupChildren] | filterByKey: filterList.bind(this); track trackByFn($index, child)) {\n          <ng-container [ngTemplateOutlet]=\"rowItem\"\n                        [ngTemplateOutletContext]=\"{item: child, index: $index}\"></ng-container>\n        }\n      </div>\n    } @else {\n      <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item: item, index: $index}\"></ng-container>\n    }\n  }\n</ng-template>\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:hover~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:focus~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.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:disabled~.selected-items-container .selected-items__item{background:var(--gray-blue-300);color:var(--second-gray-color)}.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 .select-block:invalid~.selected-items-container .selected-items__item{background:var(--red-light-color);color:var(--font-light-black-color)}.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;white-space:nowrap}.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 .group-items{padding-left:16px}.lib-select .select-list-wrapper .group-items .select-data{margin-left:-16px;padding-left:32px}.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}.lib-select__value-loader{position:absolute;right:calc(50% - 12px);top:calc(50% - 12px)}.head-wrapper{display:flex;width:100%;align-items:center;border-bottom:1px solid var(--gray-bgc);min-height:40px}.search-block{position:relative;padding:12px;z-index:1;display:flex;gap:4px;flex:1;align-items:center}.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-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(--blue-card);color:var(--font-light-black-color);padding:4px;border-radius:8px;display:flex;gap:4px;align-items:center;max-width:170px;overflow:hidden}.selected-items-container .selected-items__item:hover{background:var(--light-green-color);color:var(--font-light-black-color)}.selected-items-container .selected-items__item-title{overflow:hidden;white-space:nowrap;max-width:150px;text-overflow:ellipsis}.group-header{height:48px;padding:8px 16px;font-weight:600;color:var(--font-light-black-color);border-bottom:1px solid var(--gray-bgc);display:flex;justify-content:space-between;align-items:center}.group-header.select-all-enabled{cursor:pointer}.group-header.select-all-enabled:hover{background-color:var(--gray-color-300)}.group-title{flex-grow:1}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" [destroyedItem]=\"isShownList\" [ddFixedPosition]=\"fixedPosition\">\r\n  @if (label) {\r\n    <label [for]=\"selectId\" 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    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent()\"\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 (!initialized && writtenValue) {\r\n      <div class=\"lib-select__value-loader\">\r\n        <dd-lib-loader></dd-lib-loader>\r\n      </div>\r\n    }\r\n\r\n    @if (multiCountValue && checkedItems().length > 0) {\r\n      <div class=\"selected-items-container\" id=\"selected-{{selectId}}\">\r\n        <dd-lib-horizontal-scroll>\r\n          @for (item of checkedItems(); track getItemTrackBy(item, $index)) {\r\n            <div class=\"selected-items__item\">\r\n              @if (stringArray()) {\r\n                <div [title]=\"item\" [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 [title]=\"item[keyTitle]\"\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}}-{{$index}}\" icon=\"clear\" class=\"cup\"\r\n                               (click)=\"selectItem(item);deleteMultiItem.emit(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    @if (!checkedItem && !multiCountValue) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent()\"\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    } @else if (clearable && !searchValue && !multi) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"onClear(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"clear-{{ 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-{{selectId}}\"\r\n      [style.max-height]=\"searchOn ? '343px' : '300px'\"\r\n      data-child=\"list\"\r\n      (ddClickOutside)=\"notifyFocusEvent();fullBlur.emit($event)\"\r\n      [elements]=\"getClickOutsideElements()\"\r\n      ddListKeyboardNavigation\r\n      class=\"select-list-wrapper\">\r\n\r\n      @if (!initialized) {\r\n        <div class=\"info-container\">\r\n          <div class=\"d-flex gap-12 align-center\">\r\n            <div class=\"g-text font-medium 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      } @else {\r\n        @if (!_data()?.length) {\r\n          <div class=\"info-container\">\r\n            <div class=\"g-text font-medium no-wrap-text\">\r\n              {{ noDataError }}\r\n            </div>\r\n          </div>\r\n        }\r\n\r\n        @if (_data()?.length) {\r\n          @if (multi || (searchOn && _data()!.length > 5)) {\r\n            <div\r\n              class=\"d-flex full-width align-center {{(_data()!.length > 5 && searchOn) ? 'justify-between' : 'justify-end'}} head-wrapper\">\r\n              @if (_data()!.length > 5 && searchOn) {\r\n                <div class=\"search-block\">\r\n                  <dd-lib-svg-icon class=\"search-icon\" 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()\"\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                </div>\r\n              }\r\n              @if (multi) {\r\n                <div class=\"mr-16\">\r\n                  <dd-lib-svg-viewer\r\n                    (click)=\"selectAll()\"\r\n                    class=\"checked cup\"\r\n                    pack=\"lib-svg\"\r\n                    id=\"chevron-{{ selectId }}\" [colorRules]=\"[{selector: 'path', color: !allSelected ? 'gray': '#07B700', attribute: 'stroke'}]\"\r\n                    icon=\"check-green\"></dd-lib-svg-viewer>\r\n                </div>\r\n              }\r\n            </div>\r\n          }\r\n\r\n\r\n          @if ((_data() | filterByKey: filterList.bind(this))?.length === 0) {\r\n            <div class=\"info-container\">\r\n              <div class=\"g-text font-medium 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\r\n          @if (virtualScroll) {\r\n            <cdk-virtual-scroll-viewport [itemSize]=\"itemSize\"\r\n                                         [style.height]=\"(_data()?.length || 0) * itemSize + 'px'\">\r\n              <div\r\n                *cdkVirtualFor=\"let item of _data() | filterByKey: filterList.bind(this); trackBy: trackByFn.bind(this)\">\r\n                <ng-container [ngTemplateOutlet]=\"itemsList\" [ngTemplateOutletContext]=\"{items: [item]}\"></ng-container>\r\n              </div>\r\n            </cdk-virtual-scroll-viewport>\r\n          } @else {\r\n            <ng-container [ngTemplateOutlet]=\"itemsList\"\r\n                          [ngTemplateOutletContext]=\"{items: _data() | filterByKey: filterList.bind(this)}\"></ng-container>\r\n          }\r\n        }\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<ng-template #rowItem let-item=\"item\" let-index=\"index\">\r\n  <div ddSelectableItem [dragItem]=\"true\" [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        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\r\n<ng-template #itemsList let-items=\"items\">\r\n  @for (item of items; track trackByFn($index, item)) {\r\n    @if (isGroup(item)) {\r\n      <div class=\"group-header\" [class.select-all-enabled]=\"selectAllInGroup\"\r\n           (click)=\"selectAllInGroup ? handleGroupClick(item) : null\">\r\n        <div class=\"group-title\">{{ getGroupTitle(item) }}</div>\r\n        @if (selectAllInGroup && isGroupSelected(item)) {\r\n          <dd-lib-svg-icon\r\n            [class.checked]=\"isGroupSelected(item)\"\r\n            icon=\"check_green\"></dd-lib-svg-icon>\r\n        }\r\n      </div>\r\n      <div class=\"group-items\">\r\n        @for (child of item[keyGroupChildren] | filterByKey: filterList.bind(this); track trackByFn($index, child)) {\r\n          <ng-container [ngTemplateOutlet]=\"rowItem\"\r\n                        [ngTemplateOutletContext]=\"{item: child, index: $index}\"></ng-container>\r\n        }\r\n      </div>\r\n    } @else {\r\n      <ng-container [ngTemplateOutlet]=\"rowItem\" [ngTemplateOutletContext]=\"{item: item, index: $index}\"></ng-container>\r\n    }\r\n  }\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:hover~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.lib-select .select-block:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select .select-block:focus~.selected-items-container .selected-items__item{background:var(--light-green-color);color:var(--font-light-black-color)}.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:disabled~.selected-items-container .selected-items__item{background:var(--gray-blue-300);color:var(--second-gray-color)}.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 .select-block:invalid~.selected-items-container .selected-items__item{background:var(--red-light-color);color:var(--font-light-black-color)}.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;white-space:nowrap}.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 .group-items{padding-left:16px}.lib-select .select-list-wrapper .group-items .select-data{margin-left:-16px;padding-left:32px}.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}.lib-select__value-loader{position:absolute;right:calc(50% - 12px);top:calc(50% - 12px)}.head-wrapper{display:flex;width:100%;align-items:center;border-bottom:1px solid var(--gray-bgc);min-height:40px}.search-block{position:relative;padding:12px;z-index:1;display:flex;gap:4px;flex:1;align-items:center}.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-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(--blue-card);color:var(--font-light-black-color);padding:4px;border-radius:8px;display:flex;gap:4px;align-items:center;max-width:170px;overflow:hidden}.selected-items-container .selected-items__item:hover{background:var(--light-green-color);color:var(--font-light-black-color)}.selected-items-container .selected-items__item-title{overflow:hidden;white-space:nowrap;max-width:150px;text-overflow:ellipsis}.group-header{height:48px;padding:8px 16px;font-weight:600;color:var(--font-light-black-color);border-bottom:1px solid var(--gray-bgc);display:flex;justify-content:space-between;align-items:center}.group-header.select-all-enabled{cursor:pointer}.group-header.select-all-enabled:hover{background-color:var(--gray-color-300)}.group-title{flex-grow:1}\n"] }]
         }], ctorParameters: () => [{ type: i0.DestroyRef }, { type: i0.ChangeDetectorRef }, { type: i1$4.ControlContainer, decorators: [{
                     type: Optional
                 }, {
@@ -4333,11 +4420,11 @@ class LibSortComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibSortComponent, isStandalone: true, selector: "dd-lib-sort", inputs: { sortItems: "sortItems" }, outputs: { sortEvent: "sortEvent" }, ngImport: i0, template: "<div class=\"sort pos-relative\" id=\"js-sort-wrapper\">\n  <div (click)=\"showSortList()\" class=\"d-flex align-center cup\">\n    <div class=\"sort__txt g-text green mr-12 m-mr-8\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\n    <dd-lib-svg-icon icon=\"sort\"></dd-lib-svg-icon>\n  </div>\n  @if (showSort) {\n  <div class=\"g-overlay show-tablet\" (click)=\"showSort = false\"></div>\n  <div (ddClickOutside)=\"showSort = false\" [elements]=\"['js-sort-wrapper']\" class=\"sort__container\">\n    <dd-lib-card type=\"small\">\n      <div class=\"full-width\">\n        <div class=\"g-h5-title mb-8 show-tablet\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\n        <div class=\"sort__close show-tablet\" (click)=\"showSort = false\">\n          <dd-lib-svg-icon icon=\"close\"></dd-lib-svg-icon>\n        </div>\n        <div class=\"sort__list\">\n          @for (item of sortItems; track item) {\n            <div (click)=\"onSort(item.value)\"\n                 [class.green]=\"sort === item.value\"\n                 class=\"sort__item g-text green-hover mb-12 t-pt-16 cup\">\n              {{ item.name }}\n            </div>\n          }\n        </div>\n      </div>\n    </dd-lib-card>\n  </div>\n  }\n</div>\n", styles: [":host{display:block}.sort__container{position:absolute;top:36px;right:0;z-index:1001;min-width:200px;background-color:var(--main-card-color)}@media screen and (max-width:840px){.sort__container{position:fixed;top:auto;bottom:0;width:100%;border-radius:24px 24px 0 0}}@media screen and (max-width:480px){.sort__container{border-radius:16px 16px 0 0}}@media screen and (max-width:840px){.sort__close{position:absolute;top:24px;right:24px;width:32px;height:32px;padding:6px;border-radius:10px;background-color:var(--gray-color-200)}}@media screen and (max-width:480px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}@media screen and (max-width:840px){.sort__item:not(:first-child){border-top:1px solid var(--gray-color-200)}}\n"], dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibSortComponent, isStandalone: true, selector: "dd-lib-sort", inputs: { sortItems: "sortItems" }, outputs: { sortEvent: "sortEvent" }, ngImport: i0, template: "<div class=\"sort pos-relative\" id=\"js-sort-wrapper\">\r\n  <div (click)=\"showSortList()\" class=\"d-flex align-center cup\">\r\n    <div class=\"sort__txt g-text green mr-12 m-mr-8\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\r\n    <dd-lib-svg-icon icon=\"sort\"></dd-lib-svg-icon>\r\n  </div>\r\n  @if (showSort) {\r\n  <div class=\"g-overlay show-tablet\" (click)=\"showSort = false\"></div>\r\n  <div (ddClickOutside)=\"showSort = false\" [elements]=\"['js-sort-wrapper']\" class=\"sort__container\">\r\n    <dd-lib-card type=\"small\">\r\n      <div class=\"full-width\">\r\n        <div class=\"g-h5-title mb-8 show-tablet\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\r\n        <div class=\"sort__close show-tablet\" (click)=\"showSort = false\">\r\n          <dd-lib-svg-icon icon=\"close\"></dd-lib-svg-icon>\r\n        </div>\r\n        <div class=\"sort__list\">\r\n          @for (item of sortItems; track item) {\r\n            <div (click)=\"onSort(item.value)\"\r\n                 [class.green]=\"sort === item.value\"\r\n                 class=\"sort__item g-text green-hover mb-12 t-pt-16 cup\">\r\n              {{ item.name }}\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </dd-lib-card>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.sort__container{position:absolute;top:36px;right:0;z-index:1001;min-width:200px;background-color:var(--main-card-color)}@media screen and (max-width:840px){.sort__container{position:fixed;top:auto;bottom:0;width:100%;border-radius:24px 24px 0 0}}@media screen and (max-width:480px){.sort__container{border-radius:16px 16px 0 0}}@media screen and (max-width:840px){.sort__close{position:absolute;top:24px;right:24px;width:32px;height:32px;padding:6px;border-radius:10px;background-color:var(--gray-color-200)}}@media screen and (max-width:480px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}@media screen and (max-width:840px){.sort__item:not(:first-child){border-top:1px solid var(--gray-color-200)}}\n"], dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibSortComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-sort', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ClickOutsideDirective, LibCardComponent, LibSvgIconComponent], template: "<div class=\"sort pos-relative\" id=\"js-sort-wrapper\">\n  <div (click)=\"showSortList()\" class=\"d-flex align-center cup\">\n    <div class=\"sort__txt g-text green mr-12 m-mr-8\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\n    <dd-lib-svg-icon icon=\"sort\"></dd-lib-svg-icon>\n  </div>\n  @if (showSort) {\n  <div class=\"g-overlay show-tablet\" (click)=\"showSort = false\"></div>\n  <div (ddClickOutside)=\"showSort = false\" [elements]=\"['js-sort-wrapper']\" class=\"sort__container\">\n    <dd-lib-card type=\"small\">\n      <div class=\"full-width\">\n        <div class=\"g-h5-title mb-8 show-tablet\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\n        <div class=\"sort__close show-tablet\" (click)=\"showSort = false\">\n          <dd-lib-svg-icon icon=\"close\"></dd-lib-svg-icon>\n        </div>\n        <div class=\"sort__list\">\n          @for (item of sortItems; track item) {\n            <div (click)=\"onSort(item.value)\"\n                 [class.green]=\"sort === item.value\"\n                 class=\"sort__item g-text green-hover mb-12 t-pt-16 cup\">\n              {{ item.name }}\n            </div>\n          }\n        </div>\n      </div>\n    </dd-lib-card>\n  </div>\n  }\n</div>\n", styles: [":host{display:block}.sort__container{position:absolute;top:36px;right:0;z-index:1001;min-width:200px;background-color:var(--main-card-color)}@media screen and (max-width:840px){.sort__container{position:fixed;top:auto;bottom:0;width:100%;border-radius:24px 24px 0 0}}@media screen and (max-width:480px){.sort__container{border-radius:16px 16px 0 0}}@media screen and (max-width:840px){.sort__close{position:absolute;top:24px;right:24px;width:32px;height:32px;padding:6px;border-radius:10px;background-color:var(--gray-color-200)}}@media screen and (max-width:480px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}@media screen and (max-width:840px){.sort__item:not(:first-child){border-top:1px solid var(--gray-color-200)}}\n"] }]
+            args: [{ selector: 'dd-lib-sort', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ClickOutsideDirective, LibCardComponent, LibSvgIconComponent], template: "<div class=\"sort pos-relative\" id=\"js-sort-wrapper\">\r\n  <div (click)=\"showSortList()\" class=\"d-flex align-center cup\">\r\n    <div class=\"sort__txt g-text green mr-12 m-mr-8\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\r\n    <dd-lib-svg-icon icon=\"sort\"></dd-lib-svg-icon>\r\n  </div>\r\n  @if (showSort) {\r\n  <div class=\"g-overlay show-tablet\" (click)=\"showSort = false\"></div>\r\n  <div (ddClickOutside)=\"showSort = false\" [elements]=\"['js-sort-wrapper']\" class=\"sort__container\">\r\n    <dd-lib-card type=\"small\">\r\n      <div class=\"full-width\">\r\n        <div class=\"g-h5-title mb-8 show-tablet\">\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430</div>\r\n        <div class=\"sort__close show-tablet\" (click)=\"showSort = false\">\r\n          <dd-lib-svg-icon icon=\"close\"></dd-lib-svg-icon>\r\n        </div>\r\n        <div class=\"sort__list\">\r\n          @for (item of sortItems; track item) {\r\n            <div (click)=\"onSort(item.value)\"\r\n                 [class.green]=\"sort === item.value\"\r\n                 class=\"sort__item g-text green-hover mb-12 t-pt-16 cup\">\r\n              {{ item.name }}\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </dd-lib-card>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.sort__container{position:absolute;top:36px;right:0;z-index:1001;min-width:200px;background-color:var(--main-card-color)}@media screen and (max-width:840px){.sort__container{position:fixed;top:auto;bottom:0;width:100%;border-radius:24px 24px 0 0}}@media screen and (max-width:480px){.sort__container{border-radius:16px 16px 0 0}}@media screen and (max-width:840px){.sort__close{position:absolute;top:24px;right:24px;width:32px;height:32px;padding:6px;border-radius:10px;background-color:var(--gray-color-200)}}@media screen and (max-width:480px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}@media screen and (max-width:840px){.sort__item:not(:first-child){border-top:1px solid var(--gray-color-200)}}\n"] }]
         }], propDecorators: { sortItems: [{
                 type: Input
             }], sortEvent: [{
@@ -4470,6 +4557,7 @@ class LibTabsFragmentComponent {
             this.getFragment();
         }
         if (this.tabs && this.noFragment) {
+            console.log(this.tabs.map(t => this.rout && t.path ? `${this.rout}/${t.path}` : t.path));
             this.tabsPath = this.tabs.map(t => this.rout && t.path ? `${this.rout}/${t.path}` : t.path).filter(f => !!f);
             this.getPath();
         }
@@ -4492,7 +4580,8 @@ class LibTabsFragmentComponent {
                 this.router.navigate([this.rout], { fragment: tab.fragment });
             }
             else if (this.rout && this.noFragment) {
-                const route = tab.path ? [this.rout, tab.path] : [this.rout];
+                const path = tab.path?.includes('/') ? tab.path?.split('/') : [tab.path];
+                const route = tab.path ? [this.rout, ...path] : [this.rout];
                 this.router.navigate(route);
             }
             else if (!this.rout && tab.path) {
@@ -4559,7 +4648,7 @@ class LibTabsFragmentComponent {
     }
     getPath() {
         this.activeFragment = this.tabs?.[0]?.id || 0;
-        const activePath = this.tabsPath?.find(f => `/${f}` === this.location.path())?.replace(`${this.rout}/`, '');
+        const activePath = this.tabsPath?.find(f => `/${f}` === location.pathname)?.replace(`${this.rout}/`, '');
         if (activePath) {
             this.activeFragment = this.tabs?.length ? this.tabs.find(f => f.path === activePath)?.id : 0;
             if (this.needInitEvent) {
@@ -4684,27 +4773,20 @@ class LibFileLoaderComponent {
             return;
         let acceptedFiles = [];
         let currentFileCount = this.files.length;
+        const errors = [];
+        const maxFilesReached = false;
         for (let i = 0; i < files.length; i++) {
             if (this.maxFiles && currentFileCount >= this.maxFiles) {
-                this.toast.show({
-                    type: 'warning',
-                    title: 'Превышено допустимое количество файлов'
-                });
+                errors.push(`Превышено допустимое количество файлов (максимум ${this.maxFiles})`);
                 break;
             }
             let error = false;
             if (!this.validateFileSize(files[i])) {
-                this.toast.show({
-                    type: 'warning',
-                    title: `Размер файла ${files[i].name} превышает ${this.maxFileSize}Мб!`
-                });
+                errors.push(`Размер файла "${files[i].name}" превышает ${this.maxFileSize}Мб`);
                 error = true;
             }
             if (!this.validateExtension(files[i]) && this.extensions) {
-                this.toast.show({
-                    type: 'warning',
-                    title: 'Недопустимый формат файла!'
-                });
+                errors.push(`Недопустимый формат файла "${files[i].name}"`);
                 error = true;
             }
             if (!error) {
@@ -4717,15 +4799,32 @@ class LibFileLoaderComponent {
                 }
             }
         }
+        // Показываем один тост со всеми ошибками
+        if (errors.length) {
+            const errorMessage = errors.length === 1
+                ? errors[0]
+                : errors.join('\n');
+            this.toast.show({
+                type: 'warning',
+                title: 'Ошибки загрузки файлов',
+                description: errorMessage
+            });
+        }
         if (acceptedFiles.length) {
             if (this.multiple) {
                 this.files = [...this.files, ...acceptedFiles];
             }
             else {
-                this.files = acceptedFiles.slice(0, 1); // Берем только первый файл
+                this.files = acceptedFiles.slice(0, 1);
                 acceptedFiles = this.files.slice();
             }
             this.inputFiles.emit(acceptedFiles);
+            // Показываем успешный тост
+            this.toast.show({
+                type: 'success',
+                title: 'Файлы загружены',
+                description: `Загружено файлов: ${acceptedFiles.length}`
+            });
         }
         input.value = '';
     }
@@ -5014,7 +5113,7 @@ class LibDateRangeComponent {
                 useExisting: forwardRef(() => LibDateRangeComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "startInput", first: true, predicate: ["startInput"], descendants: true, static: true }, { propertyName: "endInput", first: true, predicate: ["endInput"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" [destroyedItem]=\"isShownPeriod\" [ddFixedPosition]=\"true\">\n  @if (label) {\n    <label [for]=\"rangeId\" class=\"lib-range__title\">\n      {{ label }}\n      @if (required) {\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n      }\n    </label>\n  }\n  <div class=\"pos-relative lib-range-wrapper\"\n       [class.start-active]=\"startIsFocused\"\n       [class.end-active]=\"endIsFocused\"\n       data-child=\"input\">\n    <input\n      #startInput\n      [attr.id]=\"rangeId\"\n      tabindex=\"1\"\n      [attr.placeholder]=\"placeholderStart\"\n      (click)=\"openCalendar()\"\n      [(ngModel)]=\"startDateStr\"\n      [mask]=\"'d0.M0.0000'\"\n      (keyup)=\"dateInput($event, 'start')\"\n      (focus)=\"changeActiveInput('start', true)\"\n      (blur)=\"changeActiveInput('start', false)\"\n      [leadZeroDateTime]=\"true\"\n      class=\"text-select\"/>\n    \u2013\n    <input\n      #endInput\n      [attr.id]=\"rangeId\"\n      tabindex=\"2\"\n      [attr.placeholder]=\"placeholderEnd\"\n      (click)=\"openCalendar()\"\n      [(ngModel)]=\"endDateStr\"\n      [mask]=\"'d0.M0.0000'\"\n      (keyup)=\"dateInput($event, 'end')\"\n      (focus)=\"changeActiveInput('end', true)\"\n      (blur)=\"changeActiveInput('end', false)\"\n      [leadZeroDateTime]=\"true\"\n      class=\"text-select\"/>\n    @if (!selectedPeriodStr) {\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownPeriod\"\n                       (click)=\"openCalendar()\"\n                       id=\"calendar-{{ rangeId }}\"\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\n\n\n    } @else {\n      <dd-lib-svg-icon\n        (click)=\"setPeriod(undefined)\"\n        class=\"clear\"\n        icon=\"clear\"></dd-lib-svg-icon>\n\n    }\n  </div>\n  @if (isShownPeriod) {\n    <div  data-child=\"list\"\n      (ddClickOutside)=\"closeCalendar()\"\n      [elements]=\"['lib-range-' + rangeId, 'calendar' + rangeId]\"\n      class=\"calendar-wrapper\">\n      <dd-lib-calendar [(ngModel)]=\"selectedPeriod\"\n                       (immediatelyEmitDate)=\"setDate($event)\"\n                       [dateStart]=\"selectedPeriod?.start\"\n                       [dateEnd]=\"selectedPeriod?.end\"\n                       [rangeMode]=\"true\"\n                       [rangeModeFullPeriod]=\"rangeModeFullPeriod\"\n                       (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\n    </div>\n  }\n</div>\n", styles: [".lib-range{min-width:311px;position:relative}.lib-range .lib-range-wrapper{display:flex;align-items:center;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;overflow:hidden}.lib-range .lib-range-wrapper.start-active:before{content:\"\";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:8px 0 0 8px;border:1px solid var(--input-active-border-colort);box-sizing:border-box;pointer-events:none;border-right:none}.lib-range .lib-range-wrapper.end-active:before{content:\"\";position:absolute;top:0;right:0;width:50%;height:100%;border-radius:0 8px 8px 0;border:1px solid var(--input-active-border-colort);border-left:none;box-sizing:border-box;pointer-events:none}.lib-range .lib-range-wrapper:hover{border-color:var(--input-active-border-colort)}.lib-range .lib-range-wrapper:hover:before{opacity:0}.lib-range .lib-range-wrapper:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border:none;text-align:center}.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;white-space:nowrap}.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$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.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", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "rangeMode", "rangeModeFullPeriod", "maxHours", "maxMinutes", "needTime", "mode", "dateStart", "dateEnd", "maxDate", "minDate"], outputs: ["emitDate", "immediatelyEmitDate", "emitPeriod"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "errors", "disabled", "touched", "dirty", "invalid", "pending", "readonly", "required", "name"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["ddFixedPosition", "childName1", "childName2", "destroyedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "startInput", first: true, predicate: ["startInput"], descendants: true, static: true }, { propertyName: "endInput", first: true, predicate: ["endInput"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" [destroyedItem]=\"isShownPeriod\" [ddFixedPosition]=\"true\">\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 lib-range-wrapper\"\r\n       [class.start-active]=\"startIsFocused\"\r\n       [class.end-active]=\"endIsFocused\"\r\n       data-child=\"input\">\r\n    <input\r\n      #startInput\r\n      [attr.id]=\"rangeId\"\r\n      tabindex=\"1\"\r\n      [attr.placeholder]=\"placeholderStart\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"startDateStr\"\r\n      [mask]=\"'d0.M0.0000'\"\r\n      (keyup)=\"dateInput($event, 'start')\"\r\n      (focus)=\"changeActiveInput('start', true)\"\r\n      (blur)=\"changeActiveInput('start', false)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    \u2013\r\n    <input\r\n      #endInput\r\n      [attr.id]=\"rangeId\"\r\n      tabindex=\"2\"\r\n      [attr.placeholder]=\"placeholderEnd\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"endDateStr\"\r\n      [mask]=\"'d0.M0.0000'\"\r\n      (keyup)=\"dateInput($event, 'end')\"\r\n      (focus)=\"changeActiveInput('end', true)\"\r\n      (blur)=\"changeActiveInput('end', false)\"\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\"\r\n                       (immediatelyEmitDate)=\"setDate($event)\"\r\n                       [dateStart]=\"selectedPeriod!.start\"\r\n                       [dateEnd]=\"selectedPeriod!.end\"\r\n                       [rangeMode]=\"true\"\r\n                       [rangeModeFullPeriod]=\"rangeModeFullPeriod\"\r\n                       (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-range{min-width:311px;position:relative}.lib-range .lib-range-wrapper{display:flex;align-items:center;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;overflow:hidden}.lib-range .lib-range-wrapper.start-active:before{content:\"\";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:8px 0 0 8px;border:1px solid var(--input-active-border-colort);box-sizing:border-box;pointer-events:none;border-right:none}.lib-range .lib-range-wrapper.end-active:before{content:\"\";position:absolute;top:0;right:0;width:50%;height:100%;border-radius:0 8px 8px 0;border:1px solid var(--input-active-border-colort);border-left:none;box-sizing:border-box;pointer-events:none}.lib-range .lib-range-wrapper:hover{border-color:var(--input-active-border-colort)}.lib-range .lib-range-wrapper:hover:before{opacity:0}.lib-range .lib-range-wrapper:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border:none;text-align:center}.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;white-space:nowrap}.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$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.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", "ignoreOnDrag"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "rangeMode", "rangeModeFullPeriod", "maxHours", "maxMinutes", "needTime", "mode", "dateStart", "dateEnd", "maxDate", "minDate"], outputs: ["emitDate", "immediatelyEmitDate", "emitPeriod"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix", "value", "errors", "disabled", "touched", "dirty", "invalid", "pending", "readonly", "required", "name"], outputs: ["valueChange", "touchedChange", "maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: FixedPositionDirective, selector: "[ddFixedPosition]", inputs: ["ddFixedPosition", "childName1", "childName2", "destroyedItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibDateRangeComponent, decorators: [{
             type: Component,
@@ -5032,7 +5131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                             useExisting: forwardRef(() => LibDateRangeComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-range\" id=\"lib-range-{{ rangeId }}\" [destroyedItem]=\"isShownPeriod\" [ddFixedPosition]=\"true\">\n  @if (label) {\n    <label [for]=\"rangeId\" class=\"lib-range__title\">\n      {{ label }}\n      @if (required) {\n        <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n      }\n    </label>\n  }\n  <div class=\"pos-relative lib-range-wrapper\"\n       [class.start-active]=\"startIsFocused\"\n       [class.end-active]=\"endIsFocused\"\n       data-child=\"input\">\n    <input\n      #startInput\n      [attr.id]=\"rangeId\"\n      tabindex=\"1\"\n      [attr.placeholder]=\"placeholderStart\"\n      (click)=\"openCalendar()\"\n      [(ngModel)]=\"startDateStr\"\n      [mask]=\"'d0.M0.0000'\"\n      (keyup)=\"dateInput($event, 'start')\"\n      (focus)=\"changeActiveInput('start', true)\"\n      (blur)=\"changeActiveInput('start', false)\"\n      [leadZeroDateTime]=\"true\"\n      class=\"text-select\"/>\n    \u2013\n    <input\n      #endInput\n      [attr.id]=\"rangeId\"\n      tabindex=\"2\"\n      [attr.placeholder]=\"placeholderEnd\"\n      (click)=\"openCalendar()\"\n      [(ngModel)]=\"endDateStr\"\n      [mask]=\"'d0.M0.0000'\"\n      (keyup)=\"dateInput($event, 'end')\"\n      (focus)=\"changeActiveInput('end', true)\"\n      (blur)=\"changeActiveInput('end', false)\"\n      [leadZeroDateTime]=\"true\"\n      class=\"text-select\"/>\n    @if (!selectedPeriodStr) {\n      <dd-lib-svg-icon [class.gray-svg]=\"!isShownPeriod\"\n                       (click)=\"openCalendar()\"\n                       id=\"calendar-{{ rangeId }}\"\n                       class=\"calendar\" icon=\"calendar\"></dd-lib-svg-icon>\n\n\n    } @else {\n      <dd-lib-svg-icon\n        (click)=\"setPeriod(undefined)\"\n        class=\"clear\"\n        icon=\"clear\"></dd-lib-svg-icon>\n\n    }\n  </div>\n  @if (isShownPeriod) {\n    <div  data-child=\"list\"\n      (ddClickOutside)=\"closeCalendar()\"\n      [elements]=\"['lib-range-' + rangeId, 'calendar' + rangeId]\"\n      class=\"calendar-wrapper\">\n      <dd-lib-calendar [(ngModel)]=\"selectedPeriod\"\n                       (immediatelyEmitDate)=\"setDate($event)\"\n                       [dateStart]=\"selectedPeriod?.start\"\n                       [dateEnd]=\"selectedPeriod?.end\"\n                       [rangeMode]=\"true\"\n                       [rangeModeFullPeriod]=\"rangeModeFullPeriod\"\n                       (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\n    </div>\n  }\n</div>\n", styles: [".lib-range{min-width:311px;position:relative}.lib-range .lib-range-wrapper{display:flex;align-items:center;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;overflow:hidden}.lib-range .lib-range-wrapper.start-active:before{content:\"\";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:8px 0 0 8px;border:1px solid var(--input-active-border-colort);box-sizing:border-box;pointer-events:none;border-right:none}.lib-range .lib-range-wrapper.end-active:before{content:\"\";position:absolute;top:0;right:0;width:50%;height:100%;border-radius:0 8px 8px 0;border:1px solid var(--input-active-border-colort);border-left:none;box-sizing:border-box;pointer-events:none}.lib-range .lib-range-wrapper:hover{border-color:var(--input-active-border-colort)}.lib-range .lib-range-wrapper:hover:before{opacity:0}.lib-range .lib-range-wrapper:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border:none;text-align:center}.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;white-space:nowrap}.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]=\"true\">\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 lib-range-wrapper\"\r\n       [class.start-active]=\"startIsFocused\"\r\n       [class.end-active]=\"endIsFocused\"\r\n       data-child=\"input\">\r\n    <input\r\n      #startInput\r\n      [attr.id]=\"rangeId\"\r\n      tabindex=\"1\"\r\n      [attr.placeholder]=\"placeholderStart\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"startDateStr\"\r\n      [mask]=\"'d0.M0.0000'\"\r\n      (keyup)=\"dateInput($event, 'start')\"\r\n      (focus)=\"changeActiveInput('start', true)\"\r\n      (blur)=\"changeActiveInput('start', false)\"\r\n      [leadZeroDateTime]=\"true\"\r\n      class=\"text-select\"/>\r\n    \u2013\r\n    <input\r\n      #endInput\r\n      [attr.id]=\"rangeId\"\r\n      tabindex=\"2\"\r\n      [attr.placeholder]=\"placeholderEnd\"\r\n      (click)=\"openCalendar()\"\r\n      [(ngModel)]=\"endDateStr\"\r\n      [mask]=\"'d0.M0.0000'\"\r\n      (keyup)=\"dateInput($event, 'end')\"\r\n      (focus)=\"changeActiveInput('end', true)\"\r\n      (blur)=\"changeActiveInput('end', false)\"\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\"\r\n                       (immediatelyEmitDate)=\"setDate($event)\"\r\n                       [dateStart]=\"selectedPeriod!.start\"\r\n                       [dateEnd]=\"selectedPeriod!.end\"\r\n                       [rangeMode]=\"true\"\r\n                       [rangeModeFullPeriod]=\"rangeModeFullPeriod\"\r\n                       (emitPeriod)=\"setPeriod($event)\"></dd-lib-calendar>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".lib-range{min-width:311px;position:relative}.lib-range .lib-range-wrapper{display:flex;align-items:center;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative;overflow:hidden}.lib-range .lib-range-wrapper.start-active:before{content:\"\";position:absolute;top:0;left:0;width:50%;height:100%;border-radius:8px 0 0 8px;border:1px solid var(--input-active-border-colort);box-sizing:border-box;pointer-events:none;border-right:none}.lib-range .lib-range-wrapper.end-active:before{content:\"\";position:absolute;top:0;right:0;width:50%;height:100%;border-radius:0 8px 8px 0;border:1px solid var(--input-active-border-colort);border-left:none;box-sizing:border-box;pointer-events:none}.lib-range .lib-range-wrapper:hover{border-color:var(--input-active-border-colort)}.lib-range .lib-range-wrapper:hover:before{opacity:0}.lib-range .lib-range-wrapper:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-range input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border:none;text-align:center}.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;white-space:nowrap}.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: { startInput: [{
                 type: ViewChild,
                 args: ['startInput', { static: true }]
@@ -5206,13 +5305,13 @@ class LibInfoCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibInfoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibInfoCardComponent, isStandalone: true, selector: "dd-lib-info-card", inputs: { config: "config" }, outputs: { callEvent: "callEvent" }, ngImport: i0, template: "<div class=\"info-card  {{ config.type }}\">\n  @if (config.type === 'success') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\n        fill=\"#07B700\"/>\n    </svg>\n  }\n  @if (config.type === 'warning') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\n        fill=\"#FAAD14\"/>\n    </svg>\n\n  }\n  @if (config.type === 'danger') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\n        fill=\"#FF3645\"/>\n    </svg>\n\n  }\n  @if (config.type === 'info') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\n        fill=\"#007BFB\"/>\n    </svg>\n\n  }\n  <div class=\"ml-12\">\n    <div [innerHTML]=\"config.title\"></div>\n    <div class=\"g-text-sm\" (click)=\"onClickDesc($event)\" [innerHTML]=\"config.description\"></div>\n  </div>\n</div>\n", styles: [":host{display:block}.info-card{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;opacity:1;width:100%}.info-card.success{background-color:var(--light-green-color)}.info-card.info{background-color:var(--light-blue-color)}.info-card.warning{background-color:var(--yellow-card)}.info-card.danger{background-color:var(--red-light-color)}.info-card svg{min-width:16px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibInfoCardComponent, isStandalone: true, selector: "dd-lib-info-card", inputs: { config: "config" }, outputs: { callEvent: "callEvent" }, ngImport: i0, template: "<div class=\"info-card  {{ config.type }}\">\r\n  @if (config.type === 'success') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\r\n        fill=\"#07B700\"/>\r\n    </svg>\r\n  }\r\n  @if (config.type === 'warning') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\r\n        fill=\"#FAAD14\"/>\r\n    </svg>\r\n\r\n  }\r\n  @if (config.type === 'danger') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\r\n        fill=\"#FF3645\"/>\r\n    </svg>\r\n\r\n  }\r\n  @if (config.type === 'info') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\r\n        fill=\"#007BFB\"/>\r\n    </svg>\r\n\r\n  }\r\n  <div class=\"ml-12\">\r\n    <div [innerHTML]=\"config.title\"></div>\r\n    <div class=\"g-text-sm\" (click)=\"onClickDesc($event)\" [innerHTML]=\"config.description\"></div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.info-card{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;opacity:1;width:100%}.info-card.success{background-color:var(--light-green-color)}.info-card.info{background-color:var(--light-blue-color)}.info-card.warning{background-color:var(--yellow-card)}.info-card.danger{background-color:var(--red-light-color)}.info-card svg{min-width:16px}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibInfoCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dd-lib-info-card', standalone: true, imports: [
                         OverlayModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"info-card  {{ config.type }}\">\n  @if (config.type === 'success') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\n        fill=\"#07B700\"/>\n    </svg>\n  }\n  @if (config.type === 'warning') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\n        fill=\"#FAAD14\"/>\n    </svg>\n\n  }\n  @if (config.type === 'danger') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\n        fill=\"#FF3645\"/>\n    </svg>\n\n  }\n  @if (config.type === 'info') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\n        fill=\"#007BFB\"/>\n    </svg>\n\n  }\n  <div class=\"ml-12\">\n    <div [innerHTML]=\"config.title\"></div>\n    <div class=\"g-text-sm\" (click)=\"onClickDesc($event)\" [innerHTML]=\"config.description\"></div>\n  </div>\n</div>\n", styles: [":host{display:block}.info-card{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;opacity:1;width:100%}.info-card.success{background-color:var(--light-green-color)}.info-card.info{background-color:var(--light-blue-color)}.info-card.warning{background-color:var(--yellow-card)}.info-card.danger{background-color:var(--red-light-color)}.info-card svg{min-width:16px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"info-card  {{ config.type }}\">\r\n  @if (config.type === 'success') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\r\n        fill=\"#07B700\"/>\r\n    </svg>\r\n  }\r\n  @if (config.type === 'warning') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\r\n        fill=\"#FAAD14\"/>\r\n    </svg>\r\n\r\n  }\r\n  @if (config.type === 'danger') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\r\n        fill=\"#FF3645\"/>\r\n    </svg>\r\n\r\n  }\r\n  @if (config.type === 'info') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\r\n        fill=\"#007BFB\"/>\r\n    </svg>\r\n\r\n  }\r\n  <div class=\"ml-12\">\r\n    <div [innerHTML]=\"config.title\"></div>\r\n    <div class=\"g-text-sm\" (click)=\"onClickDesc($event)\" [innerHTML]=\"config.description\"></div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.info-card{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;opacity:1;width:100%}.info-card.success{background-color:var(--light-green-color)}.info-card.info{background-color:var(--light-blue-color)}.info-card.warning{background-color:var(--yellow-card)}.info-card.danger{background-color:var(--red-light-color)}.info-card svg{min-width:16px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }], callEvent: [{
@@ -5224,13 +5323,13 @@ class LibDisclaimerComponent {
         this.type = 'info';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibDisclaimerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibDisclaimerComponent, isStandalone: true, selector: "dd-lib-disclaimer", inputs: { type: "type", title: "title", description: "description", template: "template" }, ngImport: i0, template: "<div class=\"disclaimer  {{ type }}\" >\n  @if (type === 'success') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\n        fill=\"#07B700\"/>\n    </svg>\n  }\n  @if (type === 'warning') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\n        fill=\"#FAAD14\"/>\n    </svg>\n  }\n  @if (type === 'danger') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\n        fill=\"#FF3645\"/>\n    </svg>\n  }\n  @if (type === 'info') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\n        fill=\"#007BFB\"/>\n    </svg>\n\n  }\n  <div class=\"ml-12\">\n    @if (title) {\n      <div class=\"g-text-sm font-medium mb-4\" [innerHTML]=\"title\"></div>\n    }\n    @if (description) {\n      <div class=\"g-text-sm\" [innerHTML]=\"description\"></div>\n    }\n    @if (template) {\n      <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.disclaimer{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;width:100%}.disclaimer svg{display:block;min-width:16px;min-height:16px;margin-top:4px}.disclaimer.success{background-color:var(--light-green-color)}.disclaimer.info{background-color:var(--light-blue-color)}.disclaimer.warning{background-color:var(--yellow-card)}.disclaimer.danger{background-color:var(--red-light-color)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LibDisclaimerComponent, isStandalone: true, selector: "dd-lib-disclaimer", inputs: { type: "type", title: "title", description: "description", template: "template" }, ngImport: i0, template: "<div class=\"disclaimer  {{ type }}\" >\r\n  @if (type === 'success') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\r\n        fill=\"#07B700\"/>\r\n    </svg>\r\n  }\r\n  @if (type === 'warning') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\r\n        fill=\"#FAAD14\"/>\r\n    </svg>\r\n  }\r\n  @if (type === 'danger') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\r\n        fill=\"#FF3645\"/>\r\n    </svg>\r\n  }\r\n  @if (type === 'info') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\r\n        fill=\"#007BFB\"/>\r\n    </svg>\r\n\r\n  }\r\n  <div class=\"ml-12\">\r\n    @if (title) {\r\n      <div class=\"g-text-sm font-medium mb-4\" [innerHTML]=\"title\"></div>\r\n    }\r\n    @if (description) {\r\n      <div class=\"g-text-sm\" [innerHTML]=\"description\"></div>\r\n    }\r\n    @if (template) {\r\n      <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.disclaimer{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;width:100%}.disclaimer svg{display:block;min-width:16px;min-height:16px;margin-top:4px}.disclaimer.success{background-color:var(--light-green-color)}.disclaimer.info{background-color:var(--light-blue-color)}.disclaimer.warning{background-color:var(--yellow-card)}.disclaimer.danger{background-color:var(--red-light-color)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LibDisclaimerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dd-lib-disclaimer', standalone: true, imports: [
                         NgTemplateOutlet
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"disclaimer  {{ type }}\" >\n  @if (type === 'success') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\n        fill=\"#07B700\"/>\n    </svg>\n  }\n  @if (type === 'warning') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\n        fill=\"#FAAD14\"/>\n    </svg>\n  }\n  @if (type === 'danger') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\n        fill=\"#FF3645\"/>\n    </svg>\n  }\n  @if (type === 'info') {\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\n        fill=\"#007BFB\"/>\n    </svg>\n\n  }\n  <div class=\"ml-12\">\n    @if (title) {\n      <div class=\"g-text-sm font-medium mb-4\" [innerHTML]=\"title\"></div>\n    }\n    @if (description) {\n      <div class=\"g-text-sm\" [innerHTML]=\"description\"></div>\n    }\n    @if (template) {\n      <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.disclaimer{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;width:100%}.disclaimer svg{display:block;min-width:16px;min-height:16px;margin-top:4px}.disclaimer.success{background-color:var(--light-green-color)}.disclaimer.info{background-color:var(--light-blue-color)}.disclaimer.warning{background-color:var(--yellow-card)}.disclaimer.danger{background-color:var(--red-light-color)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"disclaimer  {{ type }}\" >\r\n  @if (type === 'success') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM11.824 6.16L7.288 10.696C7.176 10.808 7.024 10.872 6.864 10.872C6.704 10.872 6.552 10.808 6.44 10.696L4.176 8.432C3.944 8.2 3.944 7.816 4.176 7.584C4.408 7.352 4.792 7.352 5.024 7.584L6.864 9.424L10.976 5.312C11.208 5.08 11.592 5.08 11.824 5.312C12.056 5.544 12.056 5.92 11.824 6.16Z\"\r\n        fill=\"#07B700\"/>\r\n    </svg>\r\n  }\r\n  @if (type === 'warning') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM7.4 4.8C7.4 4.472 7.672 4.2 8 4.2C8.328 4.2 8.6 4.472 8.6 4.8V8.8C8.6 9.128 8.328 9.4 8 9.4C7.672 9.4 7.4 9.128 7.4 8.8V4.8ZM8.736 11.504C8.696 11.608 8.64 11.688 8.568 11.768C8.488 11.84 8.4 11.896 8.304 11.936C8.208 11.976 8.104 12 8 12C7.896 12 7.792 11.976 7.696 11.936C7.6 11.896 7.512 11.84 7.432 11.768C7.36 11.688 7.304 11.608 7.264 11.504C7.224 11.408 7.2 11.304 7.2 11.2C7.2 11.096 7.224 10.992 7.264 10.896C7.304 10.8 7.36 10.712 7.432 10.632C7.512 10.56 7.6 10.504 7.696 10.464C7.888 10.384 8.112 10.384 8.304 10.464C8.4 10.504 8.488 10.56 8.568 10.632C8.64 10.712 8.696 10.8 8.736 10.896C8.776 10.992 8.8 11.096 8.8 11.2C8.8 11.304 8.776 11.408 8.736 11.504Z\"\r\n        fill=\"#FAAD14\"/>\r\n    </svg>\r\n  }\r\n  @if (type === 'danger') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0ZM10.688 9.84C10.92 10.072 10.92 10.456 10.688 10.688C10.568 10.808 10.416 10.864 10.264 10.864C10.112 10.864 9.96 10.808 9.84 10.688L8 8.848L6.16 10.688C6.04 10.808 5.888 10.864 5.736 10.864C5.584 10.864 5.432 10.808 5.312 10.688C5.08 10.456 5.08 10.072 5.312 9.84L7.152 8L5.312 6.16C5.08 5.928 5.08 5.544 5.312 5.312C5.544 5.08 5.928 5.08 6.16 5.312L8 7.152L9.84 5.312C10.072 5.08 10.456 5.08 10.688 5.312C10.92 5.544 10.92 5.928 10.688 6.16L8.848 8L10.688 9.84Z\"\r\n        fill=\"#FF3645\"/>\r\n    </svg>\r\n  }\r\n  @if (type === 'info') {\r\n    <svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path\r\n        d=\"M8 16C12.408 16 16 12.408 16 8C16 3.592 12.408 0 8 0C3.592 0 0 3.592 0 8C0 12.408 3.592 16 8 16ZM8.6 11.2C8.6 11.528 8.328 11.8 8 11.8C7.672 11.8 7.4 11.528 7.4 11.2V7.2C7.4 6.872 7.672 6.6 8 6.6C8.328 6.6 8.6 6.872 8.6 7.2L8.6 11.2ZM7.264 4.496C7.304 4.392 7.36 4.312 7.432 4.232C7.512 4.16 7.6 4.104 7.696 4.064C7.792 4.024 7.896 4 8 4C8.104 4 8.208 4.024 8.304 4.064C8.4 4.104 8.488 4.16 8.568 4.232C8.64 4.312 8.696 4.392 8.736 4.496C8.776 4.592 8.8 4.696 8.8 4.8C8.8 4.904 8.776 5.008 8.736 5.104C8.696 5.2 8.64 5.288 8.568 5.368C8.488 5.44 8.4 5.496 8.304 5.536C8.112 5.616 7.888 5.616 7.696 5.536C7.6 5.496 7.512 5.44 7.432 5.368C7.36 5.288 7.304 5.2 7.264 5.104C7.224 5.008 7.2 4.904 7.2 4.8C7.2 4.696 7.224 4.592 7.264 4.496Z\"\r\n        fill=\"#007BFB\"/>\r\n    </svg>\r\n\r\n  }\r\n  <div class=\"ml-12\">\r\n    @if (title) {\r\n      <div class=\"g-text-sm font-medium mb-4\" [innerHTML]=\"title\"></div>\r\n    }\r\n    @if (description) {\r\n      <div class=\"g-text-sm\" [innerHTML]=\"description\"></div>\r\n    }\r\n    @if (template) {\r\n      <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.disclaimer{position:relative;display:flex;align-items:flex-start;padding:20px;background:var(--light-green-color);border-radius:12px;width:100%}.disclaimer svg{display:block;min-width:16px;min-height:16px;margin-top:4px}.disclaimer.success{background-color:var(--light-green-color)}.disclaimer.info{background-color:var(--light-blue-color)}.disclaimer.warning{background-color:var(--yellow-card)}.disclaimer.danger{background-color:var(--red-light-color)}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], title: [{
@@ -5863,11 +5962,11 @@ class FooterLinkComponent {
         this.link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FooterLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: FooterLinkComponent, isStandalone: true, selector: "dd-footer-link", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (link()?.link) {\r\n  <a class=\"footer__item\" target=\"_blank\" [href]=\"link()?.link\">{{ link()?.name}}</a>\r\n}\r\n@if (link()?.action) {\r\n  <a class=\"footer__item\" target=\"_blank\" (click)=\"$any(link()).action()\">{{ link()?.name}}</a>\r\n}\r\n", styles: ["", ".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width:840px){.footer{padding-bottom:16px}}@media screen and (max-width:480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width:1320px){.footer__column:first-child{width:44%}}@media screen and (max-width:840px){.footer__column:first-child{width:100%}}@media screen and (max-width:480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width:840px){.footer__column:last-child{width:100%}}@media screen and (max-width:480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width:480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width:480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width:480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width:1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: FooterLinkComponent, isStandalone: true, selector: "dd-footer-link", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (link()?.link) {\r\n  <a class=\"footer__item\" target=\"_blank\" [href]=\"link()?.link\">{{ link()?.name }}</a>\r\n}\r\n@if (link()?.action) {\r\n  <a class=\"footer__item\" target=\"_blank\" (click)=\"$any(link()).action()\">{{ link()?.name }}</a>\r\n}\r\n", styles: ["", ".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width:840px){.footer{padding-bottom:16px}}@media screen and (max-width:480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width:1320px){.footer__column:first-child{width:44%}}@media screen and (max-width:840px){.footer__column:first-child{width:100%}}@media screen and (max-width:480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width:840px){.footer__column:last-child{width:100%}}@media screen and (max-width:480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width:480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width:480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width:480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width:1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: FooterLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-footer-link', imports: [], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (link()?.link) {\r\n  <a class=\"footer__item\" target=\"_blank\" [href]=\"link()?.link\">{{ link()?.name}}</a>\r\n}\r\n@if (link()?.action) {\r\n  <a class=\"footer__item\" target=\"_blank\" (click)=\"$any(link()).action()\">{{ link()?.name}}</a>\r\n}\r\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width:840px){.footer{padding-bottom:16px}}@media screen and (max-width:480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width:1320px){.footer__column:first-child{width:44%}}@media screen and (max-width:840px){.footer__column:first-child{width:100%}}@media screen and (max-width:480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width:840px){.footer__column:last-child{width:100%}}@media screen and (max-width:480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width:480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width:480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width:480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width:1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"] }]
+            args: [{ selector: 'dd-footer-link', imports: [], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (link()?.link) {\r\n  <a class=\"footer__item\" target=\"_blank\" [href]=\"link()?.link\">{{ link()?.name }}</a>\r\n}\r\n@if (link()?.action) {\r\n  <a class=\"footer__item\" target=\"_blank\" (click)=\"$any(link()).action()\">{{ link()?.name }}</a>\r\n}\r\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width:840px){.footer{padding-bottom:16px}}@media screen and (max-width:480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width:1320px){.footer__column:first-child{width:44%}}@media screen and (max-width:840px){.footer__column:first-child{width:100%}}@media screen and (max-width:480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width:840px){.footer__column:last-child{width:100%}}@media screen and (max-width:480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width:480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width:480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width:480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width:1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"] }]
         }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }] } });
 
 class FooterLinksBlockComponent {