@morozeckiy/dd-lib 0.2.30 → 0.2.70

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, ViewChild, Output, forwardRef, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, Injectable, Inject, Pipe, Directive, HostListener, InjectionToken, TemplateRef, Injector, ViewContainerRef, RendererStyleFlags2, Optional, Host, SkipSelf } from '@angular/core';
+import { EventEmitter, Component, Input, ViewChild, Output, forwardRef, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, Injectable, Inject, Pipe, Directive, HostListener, InjectionToken, TemplateRef, Injector, RendererStyleFlags2, Optional, Host, SkipSelf, signal } from '@angular/core';
 import * as i1$5 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@angular/common';
-import { CommonModule, DecimalPipe, NgStyle, DOCUMENT, NgTemplateOutlet, NgComponentOutlet, NgOptimizedImage, AsyncPipe, JsonPipe } from '@angular/common';
+import { CommonModule, DecimalPipe, AsyncPipe, DOCUMENT, NgTemplateOutlet, NgComponentOutlet, NgOptimizedImage, JsonPipe, NgStyle } from '@angular/common';
 import { BehaviorSubject, Subject, of, fromEvent, combineLatest } from 'rxjs';
 import { format, parse, isAfter, isBefore } from 'date-fns';
 import * as i1$2 from '@angular/common/http';
@@ -12,9 +12,10 @@ import { catchError, switchMap, filter, takeUntil, tap, map, debounceTime, merge
 import * as i1$1 from '@angular/router';
 import { RouterLink } from '@angular/router';
 import * as i1$3 from '@angular/platform-browser';
-import { ComponentPortal, CdkPortalOutlet, PortalInjector, TemplatePortal } from '@angular/cdk/portal';
+import { ComponentPortal, PortalInjector, CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
 import * as i1$4 from '@angular/cdk/overlay';
-import { GlobalPositionStrategy } from '@angular/cdk/overlay';
+import { OverlayModule, GlobalPositionStrategy } from '@angular/cdk/overlay';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i2 from '@angular/cdk/a11y';
 import { provideNgxMask, NgxMaskDirective } from 'ngx-mask';
 
@@ -92,6 +93,7 @@ class LibCommonInputTextComponent {
         this.invalid = false;
         this.side = 'bottom';
         this.cleared = new EventEmitter();
+        this.fetchEvent = new EventEmitter();
         this.focus = new EventEmitter();
         this.blur = new EventEmitter();
         this.focused = false;
@@ -174,7 +176,7 @@ class LibCommonInputTextComponent {
     }
     commit(_value) { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibCommonInputTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LibCommonInputTextComponent, selector: "dd-lib-common-input", inputs: { name: "name", label: "label", formControlName: "formControlName", type: "type", contextClass: "contextClass", minlength: "minlength", maxlength: "maxlength", placeholder: "placeholder", autocomplete: "autocomplete", tabIndex: "tabIndex", readOnly: "readOnly", required: "required", disabled: "disabled", commitOnInput: "commitOnInput", clearable: "clearable", uppercase: "uppercase", invalid: "invalid", errorText: "errorText", side: "side" }, outputs: { cleared: "cleared", focus: "focus", blur: "blur" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LibCommonInputTextComponent, selector: "dd-lib-common-input", inputs: { name: "name", label: "label", formControlName: "formControlName", type: "type", contextClass: "contextClass", minlength: "minlength", maxlength: "maxlength", placeholder: "placeholder", autocomplete: "autocomplete", tabIndex: "tabIndex", readOnly: "readOnly", fetchMode: "fetchMode", required: "required", disabled: "disabled", commitOnInput: "commitOnInput", clearable: "clearable", uppercase: "uppercase", invalid: "invalid", errorText: "errorText", side: "side" }, outputs: { cleared: "cleared", fetchEvent: "fetchEvent", focus: "focus", blur: "blur" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LibCommonInputTextComponent),
@@ -226,6 +228,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                 type: Input
             }], readOnly: [{
                 type: Input
+            }], fetchMode: [{
+                type: Input
             }], required: [{
                 type: Input
             }], disabled: [{
@@ -244,6 +248,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                 type: Input
             }], cleared: [{
                 type: Output
+            }], fetchEvent: [{
+                type: Output
             }], focus: [{
                 type: Output
             }], blur: [{
@@ -253,15 +259,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
 class LibLoaderComponent {
     constructor() {
         this.color = '#07b700';
+        this.size = 'standard';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LibLoaderComponent, isStandalone: true, selector: "dd-lib-loader", inputs: { color: "color" }, ngImport: i0, template: "<div 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      <path\n        [attr.stroke]=\"color\"\n        d=\"M6 12H3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"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    </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}.loader{width:24px;height:24px}.loader svg{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LibLoaderComponent, isStandalone: true, selector: "dd-lib-loader", inputs: { color: "color", 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      <path\n        [attr.stroke]=\"color\"\n        d=\"M6 12H3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"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    </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}.loader{width:24px;height:24px}.loader svg{animation:rotate 1.5s linear infinite}.loader.big{zoom:2}.loader.giant{zoom:4}@keyframes rotate{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-loader', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div 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      <path\n        [attr.stroke]=\"color\"\n        d=\"M6 12H3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"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    </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}.loader{width:24px;height:24px}.loader svg{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
+            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      <path\n        [attr.stroke]=\"color\"\n        d=\"M6 12H3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"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    </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}.loader{width:24px;height:24px}.loader svg{animation:rotate 1.5s linear infinite}.loader.big{zoom:2}.loader.giant{zoom:4}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
+            }], size: [{
+                type: Input
             }] } });
 
 class LibButtonComponent extends LibCommonButtonComponent {
@@ -276,11 +285,11 @@ class LibButtonComponent extends LibCommonButtonComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.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\"\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\"\r\n    [ngStyle]=\"{width, height}\"\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    <dd-lib-loader [color]=\"loaderColor\"></dd-lib-loader>\r\n    }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  <span #contentData><ng-content></ng-content></span>\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{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:none;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.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}.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:none}.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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.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\"\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\"\r\n    [ngStyle]=\"{width, height}\"\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    <dd-lib-loader [color]=\"loaderColor\"></dd-lib-loader>\r\n    }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  <span #contentData><ng-content></ng-content></span>\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{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.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}.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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.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: "17.2.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\">\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\"\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\"\r\n    [ngStyle]=\"{width, height}\"\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    <dd-lib-loader [color]=\"loaderColor\"></dd-lib-loader>\r\n    }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  <span #contentData><ng-content></ng-content></span>\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{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:none;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.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}.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:none}.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}\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\"\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\"\r\n    [ngStyle]=\"{width, height}\"\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    <dd-lib-loader [color]=\"loaderColor\"></dd-lib-loader>\r\n    }\r\n  </button>\r\n</div>\r\n\r\n<ng-template #content>\r\n  <span #contentData><ng-content></ng-content></span>\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{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.disabled{color:var(--disabled-color);background-color:var(--btn-disabled-bgc);pointer-events:none;cursor:default}.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}\n"] }]
         }], propDecorators: { noPadding: [{
                 type: Input
             }], loaderColor: [{
@@ -636,7 +645,7 @@ class FetcherService {
         }
         return this.request('post', url, options, data);
     }
-    put(urlParts, options = {}, data) {
+    put(urlParts, data, options = {}) {
         const url = [this.apiUrl].concat(urlParts).join('/');
         return this.request('put', url, options, data);
     }
@@ -1245,192 +1254,155 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                 args: ['blur']
             }] } });
 
-const TOAST_DATA = new InjectionToken('ToastData');
-class ToastBaseComponent {
-    get id() {
-        return this.data.id;
-    }
-    constructor(toastService, ddToastData) {
-        this.toastService = toastService;
-        this.ddToastData = ddToastData;
-        this.callEvent = new EventEmitter();
-        this.maxWidth = '350px';
-        this.data = { ...this.ddToastData };
-        if (this.data.maxWidth) {
-            this.maxWidth = this.data.maxWidth;
+class ToastData {
+}
+const defaultToastConfig = {
+    position: {
+        top: 20,
+        right: 20,
+    },
+    animation: {
+        fadeOut: 2500,
+        fadeIn: 300,
+    },
+    interval: 5000
+};
+const TOAST_CONFIG_TOKEN = new InjectionToken('toast config');
+const provideToast = (config = defaultToastConfig) => {
+    return [
+        {
+            provide: TOAST_CONFIG_TOKEN,
+            useValue: { ...defaultToastConfig, ...config }
         }
-        this.top = window.scrollY + 'px';
+    ];
+};
+
+class ToastRef {
+    constructor(overlay) {
+        this.overlay = overlay;
+    }
+    close() {
+        this.overlay.dispose();
     }
-    scroll() {
-        this.top = window.scrollY + 'px';
+    isVisible() {
+        return this.overlay && this.overlay.overlayElement;
     }
-    destroy() {
-        this.toastService.destroyToast(this.id);
+    getPosition() {
+        return this.overlay.overlayElement.getBoundingClientRect();
+    }
+}
+
+const toastAnimations = {
+    fadeToast: trigger('fadeAnimation', [
+        state('default', style({ opacity: 1 })),
+        transition('void => *', [style({ opacity: 0 }), animate('{{ fadeIn }}ms')]),
+        transition('default => closing', animate('{{ fadeOut }}ms', style({ opacity: 0 }))),
+    ]),
+};
+
+class ToastComponent {
+    constructor(data, ref, toastConfig) {
+        this.data = data;
+        this.ref = ref;
+        this.toastConfig = toastConfig;
+        this.callEvent = new EventEmitter();
+        this.animationState$ = new BehaviorSubject('default');
+    }
+    ngOnInit() {
+        this.intervalId = setTimeout(() => this.animationState$.next('closing'), this.toastConfig.interval);
     }
     onClickDesc($event) {
         if ($event.target.tagName === 'A') {
             this.callEvent.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, deps: [{ token: ToastService }, { token: TOAST_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastBaseComponent, isStandalone: true, selector: "dd-toast-base", outputs: { callEvent: "callEvent" }, host: { listeners: { "window:scroll": "scroll()" } }, ngImport: i0, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\r\n  <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\r\n  <div>\r\n    <div>{{ data.title }}</div>\r\n    <div>{{ data.description }}</div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    ngOnDestroy() {
+        clearTimeout(this.intervalId);
+    }
+    close() {
+        this.ref.close();
+    }
+    onFadeFinished(event) {
+        const { toState } = event;
+        const isFadeOut = toState === 'closing';
+        const itFinished = this.animationState$.getValue() === 'closing';
+        if (isFadeOut && itFinished) {
+            this.close();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastComponent, deps: [{ token: ToastData }, { token: ToastRef }, { token: TOAST_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ToastComponent, isStandalone: true, selector: "dd-toast", outputs: { callEvent: "callEvent" }, providers: [
+            {
+                provide: TOAST_CONFIG_TOKEN,
+                useValue: defaultToastConfig,
+            }
+        ], ngImport: i0, template: "<div class=\"toast  {{ data.type }}\" (click)=\"close()\"\r\n     [@fadeAnimation]=\"{value: (animationState$ | async), params:\r\n        { fadeIn: toastConfig!.animation!.fadeIn, fadeOut: toastConfig!.animation!.fadeOut }}\"\r\n     (@fadeAnimation.done)=\"onFadeFinished($event)\">\r\n<!--  <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>-->\r\n  @if (data.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 (data.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 (data.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 (data.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-24\">\r\n    <div [innerHTML]=\"data.title\"></div>\r\n    <div (click)=\"onClickDesc($event)\" [innerHTML]=\"data.description\"></div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.toast{position:relative;margin-bottom:20px;display:flex;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;width:100%}.toast.success{background-color:var(--light-green-color)}.toast.info{background-color:var(--light-blue-color)}.toast.warning{background-color:var(--yellow-card)}.toast.danger{background-color:var(--red-light-color)}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [toastAnimations.fadeToast], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-toast-base', standalone: true, imports: [NgStyle, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div (click)=\"destroy()\" class=\"toast-wrapper {{ data.type }}\">\r\n  <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>\r\n  <div>\r\n    <div>{{ data.title }}</div>\r\n    <div>{{ data.description }}</div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.toast-wrapper{display:flex;margin:40px 40px 0 0;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;animation:fade 1s linear;width:100%}.toast-wrapper.success{background-color:var(--light-green-color)}.toast-wrapper.info{background-color:var(--light-blue-color)}.toast-wrapper.warning{background-color:var(--yellow-card)}.toast-wrapper.danger{background-color:var(--red-light-color)}@keyframes fade{0%{opacity:0}50%{opacity:.5}to{opacity:1}}\n"] }]
-        }], ctorParameters: () => [{ type: ToastService }, { type: undefined, decorators: [{
+            args: [{ selector: 'dd-toast', standalone: true, imports: [
+                        OverlayModule,
+                        AsyncPipe,
+                    ], providers: [
+                        {
+                            provide: TOAST_CONFIG_TOKEN,
+                            useValue: defaultToastConfig,
+                        }
+                    ], animations: [toastAnimations.fadeToast], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toast  {{ data.type }}\" (click)=\"close()\"\r\n     [@fadeAnimation]=\"{value: (animationState$ | async), params:\r\n        { fadeIn: toastConfig!.animation!.fadeIn, fadeOut: toastConfig!.animation!.fadeOut }}\"\r\n     (@fadeAnimation.done)=\"onFadeFinished($event)\">\r\n<!--  <dd-lib-svg-icon [icon]=\"data.type\"></dd-lib-svg-icon>-->\r\n  @if (data.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 (data.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 (data.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 (data.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-24\">\r\n    <div [innerHTML]=\"data.title\"></div>\r\n    <div (click)=\"onClickDesc($event)\" [innerHTML]=\"data.description\"></div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block}.toast{position:relative;margin-bottom:20px;display:flex;align-items:center;padding:20px;background:#eefaf3;border-radius:12px;opacity:1;max-width:350px;width:100%}.toast.success{background-color:var(--light-green-color)}.toast.info{background-color:var(--light-blue-color)}.toast.warning{background-color:var(--yellow-card)}.toast.danger{background-color:var(--red-light-color)}\n"] }]
+        }], ctorParameters: () => [{ type: ToastData }, { type: ToastRef }, { type: undefined, decorators: [{
                     type: Inject,
-                    args: [TOAST_DATA]
+                    args: [TOAST_CONFIG_TOKEN]
                 }] }], propDecorators: { callEvent: [{
                 type: Output
-            }], scroll: [{
-                type: HostListener,
-                args: ['window:scroll']
             }] } });
 
-var ToastType;
-(function (ToastType) {
-    ToastType["Warning"] = "warning_t";
-    ToastType["Success"] = "success_t";
-    ToastType["Info"] = "info_t";
-    ToastType["Danger"] = "danger_t";
-})(ToastType || (ToastType = {}));
-class ToastConfig {
-    constructor(config) {
-        this.timeOut = 5000;
-        if (config) {
-            Object.keys(config).forEach(key => (this[key] = config[key]));
-        }
-    }
-}
 class ToastService {
-    constructor(overlay) {
+    constructor(overlay, parentInjector, toastConfig) {
         this.overlay = overlay;
-        this.config = new ToastConfig();
-        this.counter = 0;
-        this.ddToastData = { type: ToastType.Success, id: this.counter };
-        this.overlayRefs = {};
-    }
-    warning(title, description) {
-        this.createToast(title, description, ToastType.Warning);
-    }
-    success(title, description) {
-        this.createToast(title, description, ToastType.Success);
-    }
-    danger(title, description) {
-        this.createToast(title, description, ToastType.Danger);
+        this.parentInjector = parentInjector;
+        this.toastConfig = toastConfig;
     }
-    info(title, description) {
-        this.createToast(title, description, ToastType.Info);
-    }
-    registerViewContainerRef(vcRef) {
-        this.viewContainer = vcRef;
-    }
-    registerInjector(injector) {
-        this.injector = injector;
-    }
-    destroyToast(id) {
-        if (this.overlayRefs?.[id].hasAttached() === true) {
-            this.overlayRefs?.[id].detach();
-        }
-    }
-    createToast(title, description, type) {
+    show(data) {
         const positionStrategy = this.getPositionStrategy();
-        // this.overlayRef = this.overlay.create({ positionStrategy });
-        this.overlayRefs[this.counter] = this.overlay.create({ positionStrategy });
-        this.ddToastData.title = title;
-        this.ddToastData.description = description;
-        this.ddToastData.type = type;
-        this.ddToastData.id = this.counter;
-        const injector = Injector.create({
-            providers: [
-                {
-                    provide: TOAST_DATA,
-                    useValue: this.ddToastData,
-                },
-            ],
-            parent: this.injector,
-        });
-        const component = new ComponentPortal(ToastBaseComponent, this.viewContainer, injector);
-        // this.overlayRef.attach(component);
-        this.overlayRefs[this.counter].attach(component);
-        setTimeout(() => {
-            for (const id in this.overlayRefs) {
-                if (this.overlayRefs[id]?.hasAttached()) {
-                    this.overlayRefs[id]?.detach();
-                }
-            }
-            // if (this.overlayRef?.hasAttached() === true) {
-            //   this.overlayRef?.detach();
-            // }
-        }, this.config.timeOut);
-        this.counter++;
+        const overlayRef = this.overlay.create({ positionStrategy });
+        const toastRef = new ToastRef(overlayRef);
+        this.lastToast = toastRef;
+        const injector = this.getInjector(data, toastRef, this.parentInjector);
+        const toastPortal = new ComponentPortal(ToastComponent, null, injector);
+        overlayRef.attach(toastPortal);
+        return toastRef;
     }
     getPositionStrategy() {
-        let element;
-        let positions;
-        const haveToast = document.getElementsByClassName('cdk-overlay-pane');
-        if (haveToast.length) {
-            element = haveToast[haveToast.length - 1];
-            positions = [
-                {
-                    originX: 'start',
-                    originY: 'bottom',
-                    overlayX: 'start',
-                    overlayY: 'top',
-                    panelClass: 'toast-top',
-                },
-            ];
-        }
-        else {
-            element = document.getElementsByTagName('body')[0];
-            positions = [
-                {
-                    originX: 'end',
-                    originY: 'top',
-                    overlayX: 'end',
-                    overlayY: 'top',
-                    panelClass: '',
-                },
-            ];
-        }
-        return this.overlay.position().flexibleConnectedTo(element).withPositions(positions);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, deps: [{ token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
+        return this.overlay.position()
+            .global()
+            .top(this.getPosition())
+            .right(this.toastConfig?.position?.right + 'px');
+    }
+    getPosition() {
+        const lastToastIsVisible = this.lastToast && this.lastToast.isVisible();
+        const position = lastToastIsVisible
+            ? this.lastToast?.getPosition().bottom
+            : this.toastConfig?.position?.top;
+        return position + 'px';
+    }
+    getInjector(data, toastRef, parentInjector) {
+        const tokens = new WeakMap();
+        tokens.set(ToastData, data);
+        tokens.set(ToastRef, toastRef);
+        return new PortalInjector(parentInjector, tokens);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, deps: [{ token: i1$4.Overlay }, { token: i0.Injector }, { token: TOAST_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1$4.Overlay }] });
-
-class ToastPlaceholderComponent {
-    constructor(toastService, injector) {
-        this.toastService = toastService;
-        this.injector = injector;
-    }
-    ngOnInit() {
-        this.toastService.registerViewContainerRef(this.viewContainerRef);
-        this.toastService.registerInjector(this.injector);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastPlaceholderComponent, deps: [{ token: ToastService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ToastPlaceholderComponent, isStandalone: true, selector: "dd-toast-placeholder", viewQueries: [{ propertyName: "viewContainerRef", first: true, predicate: ["toastPlaceholder"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: ` <div #toastPlaceholder></div>
-    <div id="toast-overlay"></div>`, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ToastPlaceholderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dd-toast-placeholder',
-                    standalone: true,
-                    template: ` <div #toastPlaceholder></div>
-    <div id="toast-overlay"></div>`,
+                    providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: ToastService }, { type: i0.Injector }], propDecorators: { viewContainerRef: [{
-                type: ViewChild,
-                args: ['toastPlaceholder', { read: ViewContainerRef, static: true }]
-            }] } });
+        }], ctorParameters: () => [{ type: i1$4.Overlay }, { type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TOAST_CONFIG_TOKEN]
+                }] }] });
 
 class DDDialogRef {
     constructor(overlayRef) {
@@ -1450,7 +1422,7 @@ class DDDialogRef {
     }
 }
 
-const DIALOG_CONFIG = new InjectionToken('Default options');
+const DIALOG_CONFIG = new InjectionToken('dialog config');
 class DialogConfig {
     constructor(config) {
         this.hasBackdrop = true;
@@ -1763,11 +1735,11 @@ class LibFilterButtonComponent extends LibCommonButtonComponent {
         this.hintEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFilterButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.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\"></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:var(--white-color);background-color:var(--primary-green-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}.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)}@keyframes rotate{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TooltipDirective, selector: "[ddTooltip]", inputs: ["ddTooltip", "withClick"] }, { 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: "17.2.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\"></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:var(--white-color);background-color:var(--primary-green-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)}@keyframes rotate{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: TooltipDirective, selector: "[ddTooltip]", inputs: ["ddTooltip", "withClick"] }, { 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: "17.2.2", ngImport: i0, type: LibFilterButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-filter-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, NgOptimizedImage, 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\"></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:var(--white-color);background-color:var(--primary-green-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}.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)}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
+            args: [{ selector: 'dd-lib-filter-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, NgOptimizedImage, 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\"></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:var(--white-color);background-color:var(--primary-green-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)}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { btnTitle: [{
                 type: Input
             }], clearEvent: [{
@@ -1895,7 +1867,7 @@ class LibRadioComponent {
                 useExisting: forwardRef(() => LibRadioComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<label [for]=\"radioId\" class=\"radio\">\n  <input\n    (change)=\"onSelected($event.target)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\n    [attr.value]=\"value\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"radioId\"\n    [name]=\"name\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [required]=\"required\"\n    class=\"radio-input\"\n    role=\"radio\"\n    type=\"radio\" />\n  <div [class.focused]=\"focused\" class=\"mark-wrap\">\n    <div class=\"radio-button\"></div>\n  </div>\n  <div class=\"label-wrap\">\n    <span><ng-content></ng-content></span>\n  </div>\n</label>\n", styles: [":host{outline:none}.radio{display:flex;align-items:center;position:relative;font-size:16px;cursor:pointer}.radio-input{opacity:0;position:absolute;z-index:-1}.radio-input:focus{opacity:1;width:24px;height:24px;left:0;top:0;margin:0;border-color:#000}.radio-input:focus:not(:focus-visible){opacity:0;border:0;outline:0;margin:0;width:inherit;height:inherit}.radio-input:checked~.label-wrap{font-weight:700}.radio-input:checked+.mark-wrap{border:2px solid var(--radio-active-color)}.radio-input:checked+.mark-wrap .radio-button{background-color:var(--radio-active-color);border:2px solid #fff;width:16px;height:16px}.radio-input:checked:disabled+.mark-wrap,.radio-input:checked:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:checked:disabled+.mark-wrap .radio-button,.radio-input:checked:disabled:hover+.mark-wrap .radio-button{cursor:default;background-color:var(--radio-disabled);border:2px solid #fff}.radio-input:disabled+.mark-wrap,.radio-input:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:disabled+.mark-wrap .radio-button,.radio-input:disabled:hover+.mark-wrap .radio-button{cursor:default;border:2px solid #fff}.radio-input:hover+.mark-wrap{border-color:#1c1c1c}.radio-input:hover+.mark-wrap .radio-button{border-color:#1c1c1c}.radio-input:checked:hover+.mark-wrap{cursor:pointer;border:2px solid var(--radio-hover-color)}.radio-input:checked:hover+.mark-wrap .radio-button{cursor:pointer;background-color:var(--radio-hover-color);border:2px solid #fff}.mark-wrap{border-radius:100%;border:1px solid #d7d7d7;background:#fff;margin-right:12px}.radio-button{box-sizing:border-box;border-radius:100%;width:18px;height:18px}.label-wrap{display:inline-block;line-height:19px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<label [for]=\"radioId\" [ngClass]=\"{ disabled: disabled }\" class=\"radio\">\r\n  <input\r\n    (change)=\"onSelected($event.target)\"\r\n    [attr.aria-checked]=\"checked\"\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [attr.value]=\"value\"\r\n    [checked]=\"checked\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"radioId\"\r\n    [name]=\"name\"\r\n    [ngClass]=\"{ disabled: disabled }\"\r\n    [required]=\"required\"\r\n    class=\"radio__input\"\r\n    role=\"radio\"\r\n    type=\"radio\" />\r\n  <div [class.focused]=\"focused\" class=\"radio__mark\"></div>\r\n  <div class=\"radio__text g-text\" [ngClass]=\"disabled ? 'gray' : 'black'\">\r\n    <span><ng-content></ng-content></span>\r\n  </div>\r\n</label>\r\n", styles: [":host{outline:none}.radio{position:relative;display:flex;align-items:center;cursor:pointer}.radio:hover .radio__mark{border-color:var(--light-black-color)}.radio.disabled{cursor:default}.radio.disabled .radio__mark{border-color:var(--gray-color-200)}.radio__input{opacity:0;position:absolute;z-index:-1}.radio__input:focus+.radio__mark{border-color:var(--light-black-color)}.radio__input:checked+.radio__mark{border:2px solid var(--primary-green-color)}.radio__input:checked+.radio__mark:before{background:var(--primary-green-color)}.radio__input:checked~.radio__text{font-weight:500}.radio__input:checked.disabled+.radio__mark{border-color:var(--gray-color-200)}.radio__input:checked.disabled+.radio__mark:before{background:var(--gray-color-200)}.radio__mark{position:relative;width:20px;height:20px;border:1px solid var(--primary-gray-color);border-radius:50%;margin-right:12px;transition:border-color .25s linear}.radio__mark:before{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:transparent;transition:background-color .25s linear;content:\"\"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibRadioComponent, decorators: [{
             type: Component,
@@ -1905,7 +1877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             useExisting: forwardRef(() => LibRadioComponent),
                             multi: true,
                         },
-                    ], template: "<label [for]=\"radioId\" class=\"radio\">\n  <input\n    (change)=\"onSelected($event.target)\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\n    [attr.value]=\"value\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    [id]=\"radioId\"\n    [name]=\"name\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [required]=\"required\"\n    class=\"radio-input\"\n    role=\"radio\"\n    type=\"radio\" />\n  <div [class.focused]=\"focused\" class=\"mark-wrap\">\n    <div class=\"radio-button\"></div>\n  </div>\n  <div class=\"label-wrap\">\n    <span><ng-content></ng-content></span>\n  </div>\n</label>\n", styles: [":host{outline:none}.radio{display:flex;align-items:center;position:relative;font-size:16px;cursor:pointer}.radio-input{opacity:0;position:absolute;z-index:-1}.radio-input:focus{opacity:1;width:24px;height:24px;left:0;top:0;margin:0;border-color:#000}.radio-input:focus:not(:focus-visible){opacity:0;border:0;outline:0;margin:0;width:inherit;height:inherit}.radio-input:checked~.label-wrap{font-weight:700}.radio-input:checked+.mark-wrap{border:2px solid var(--radio-active-color)}.radio-input:checked+.mark-wrap .radio-button{background-color:var(--radio-active-color);border:2px solid #fff;width:16px;height:16px}.radio-input:checked:disabled+.mark-wrap,.radio-input:checked:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:checked:disabled+.mark-wrap .radio-button,.radio-input:checked:disabled:hover+.mark-wrap .radio-button{cursor:default;background-color:var(--radio-disabled);border:2px solid #fff}.radio-input:disabled+.mark-wrap,.radio-input:disabled:hover+.mark-wrap{border-color:var(--radio-disabled);cursor:default}.radio-input:disabled+.mark-wrap .radio-button,.radio-input:disabled:hover+.mark-wrap .radio-button{cursor:default;border:2px solid #fff}.radio-input:hover+.mark-wrap{border-color:#1c1c1c}.radio-input:hover+.mark-wrap .radio-button{border-color:#1c1c1c}.radio-input:checked:hover+.mark-wrap{cursor:pointer;border:2px solid var(--radio-hover-color)}.radio-input:checked:hover+.mark-wrap .radio-button{cursor:pointer;background-color:var(--radio-hover-color);border:2px solid #fff}.mark-wrap{border-radius:100%;border:1px solid #d7d7d7;background:#fff;margin-right:12px}.radio-button{box-sizing:border-box;border-radius:100%;width:18px;height:18px}.label-wrap{display:inline-block;line-height:19px}\n"] }]
+                    ], template: "<label [for]=\"radioId\" [ngClass]=\"{ disabled: disabled }\" class=\"radio\">\r\n  <input\r\n    (change)=\"onSelected($event.target)\"\r\n    [attr.aria-checked]=\"checked\"\r\n    [attr.tabIndex]=\"disabled ? -1 : 0\"\r\n    [attr.value]=\"value\"\r\n    [checked]=\"checked\"\r\n    [disabled]=\"disabled\"\r\n    [id]=\"radioId\"\r\n    [name]=\"name\"\r\n    [ngClass]=\"{ disabled: disabled }\"\r\n    [required]=\"required\"\r\n    class=\"radio__input\"\r\n    role=\"radio\"\r\n    type=\"radio\" />\r\n  <div [class.focused]=\"focused\" class=\"radio__mark\"></div>\r\n  <div class=\"radio__text g-text\" [ngClass]=\"disabled ? 'gray' : 'black'\">\r\n    <span><ng-content></ng-content></span>\r\n  </div>\r\n</label>\r\n", styles: [":host{outline:none}.radio{position:relative;display:flex;align-items:center;cursor:pointer}.radio:hover .radio__mark{border-color:var(--light-black-color)}.radio.disabled{cursor:default}.radio.disabled .radio__mark{border-color:var(--gray-color-200)}.radio__input{opacity:0;position:absolute;z-index:-1}.radio__input:focus+.radio__mark{border-color:var(--light-black-color)}.radio__input:checked+.radio__mark{border:2px solid var(--primary-green-color)}.radio__input:checked+.radio__mark:before{background:var(--primary-green-color)}.radio__input:checked~.radio__text{font-weight:500}.radio__input:checked.disabled+.radio__mark{border-color:var(--gray-color-200)}.radio__input:checked.disabled+.radio__mark:before{background:var(--gray-color-200)}.radio__mark{position:relative;width:20px;height:20px;border:1px solid var(--primary-gray-color);border-radius:50%;margin-right:12px;transition:border-color .25s linear}.radio__mark:before{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:transparent;transition:background-color .25s linear;content:\"\"}\n"] }]
         }], propDecorators: { radioId: [{
                 type: Input
             }], disabled: [{
@@ -2167,7 +2139,7 @@ class LibCalendarComponent {
                 useExisting: forwardRef(() => LibCalendarComponent),
                 multi: true,
             },
-        ], 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=\"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    <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) || (rangeMode && (!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  </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__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:14px;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}.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}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { 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"] }], 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=\"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    <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) || (rangeMode && (!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  </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__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:14px;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}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibCalendarComponent, decorators: [{
             type: Component,
@@ -2185,7 +2157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             useExisting: forwardRef(() => LibCalendarComponent),
                             multi: true,
                         },
-                    ], 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=\"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    <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) || (rangeMode && (!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  </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__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:14px;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}.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}\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=\"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    <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) || (rangeMode && (!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  </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__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:14px;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}\n"] }]
         }], ctorParameters: () => [{ type: DateService }], propDecorators: { type: [{
                 type: Input
             }], formatDate: [{
@@ -2349,7 +2321,7 @@ class LibInputComponent extends LibCommonInputTextComponent {
                 useExisting: forwardRef(() => LibInputComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-input\">\n  <label [for]=\"id\" class=\"lib-input__title\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n  <input\n    #input\n    (blur)=\"notifyFocusEvent($event)\"\n    (change)=\"handleChange()\"\n    (focus)=\"notifyFocusEvent($event)\"\n    (input)=\"handleInput($event)\"\n    (keyup.enter)=\"forceChange()\"\n    [(ngModel)]=\"value\"\n    [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\n    [attr.id]=\"id ? id : null\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.name]=\"name\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.tabIndex]=\"tabIndex\"\n    [attr.type]=\"type || 'text'\"\n    [class.focused]=\"focused\"\n    [class.invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    class=\"text-input\" />\n  @if (errorText && invalid) {\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}.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}.lib-input__error{color:var(--primary-red-color);font-size:14px;font-weight:400;line-height:20px;margin-top:4px}.lib-input .password-eye{position:absolute;right:16px;top:40px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-input\">\n  <label [for]=\"id\" class=\"lib-input__title\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n  <input\n    #input\n    (blur)=\"notifyFocusEvent($event)\"\n    (change)=\"handleChange()\"\n    (focus)=\"notifyFocusEvent($event)\"\n    (input)=\"handleInput($event)\"\n    (keyup.enter)=\"forceChange()\"\n    [(ngModel)]=\"value\"\n    [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\n    [attr.id]=\"id ? id : null\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.name]=\"name\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.tabIndex]=\"tabIndex\"\n    [attr.type]=\"type || 'text'\"\n    [class.focused]=\"focused\"\n    [class.invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    class=\"text-input\" />\n  @if (errorText && invalid) {\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:14px;font-weight:400;line-height:20px;margin-top:4px}.lib-input .password-eye{position:absolute;right:16px;top:40px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibInputComponent, decorators: [{
             type: Component,
@@ -2359,7 +2331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             useExisting: forwardRef(() => LibInputComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgOptimizedImage, LibCardComponent, LibSvgIconComponent], template: "<div class=\"lib-input\">\n  <label [for]=\"id\" class=\"lib-input__title\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n  <input\n    #input\n    (blur)=\"notifyFocusEvent($event)\"\n    (change)=\"handleChange()\"\n    (focus)=\"notifyFocusEvent($event)\"\n    (input)=\"handleInput($event)\"\n    (keyup.enter)=\"forceChange()\"\n    [(ngModel)]=\"value\"\n    [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\n    [attr.id]=\"id ? id : null\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.name]=\"name\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.tabIndex]=\"tabIndex\"\n    [attr.type]=\"type || 'text'\"\n    [class.focused]=\"focused\"\n    [class.invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    class=\"text-input\" />\n  @if (errorText && invalid) {\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}.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}.lib-input__error{color:var(--primary-red-color);font-size:14px;font-weight:400;line-height:20px;margin-top:4px}.lib-input .password-eye{position:absolute;right:16px;top:40px;cursor:pointer}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, NgOptimizedImage, LibCardComponent, LibSvgIconComponent], template: "<div class=\"lib-input\">\n  <label [for]=\"id\" class=\"lib-input__title\">\n    {{ label }}\n    @if (required) {\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\n    }\n  </label>\n  <input\n    #input\n    (blur)=\"notifyFocusEvent($event)\"\n    (change)=\"handleChange()\"\n    (focus)=\"notifyFocusEvent($event)\"\n    (input)=\"handleInput($event)\"\n    (keyup.enter)=\"forceChange()\"\n    [(ngModel)]=\"value\"\n    [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\n    [attr.id]=\"id ? id : null\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.name]=\"name\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.tabIndex]=\"tabIndex\"\n    [attr.type]=\"type || 'text'\"\n    [class.focused]=\"focused\"\n    [class.invalid]=\"invalid\"\n    [disabled]=\"disabled\"\n    [readOnly]=\"readOnly\"\n    class=\"text-input\" />\n  @if (errorText && invalid) {\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:14px;font-weight:400;line-height:20px;margin-top:4px}.lib-input .password-eye{position:absolute;right:16px;top:40px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$5.ControlContainer, decorators: [{
                     type: Optional
                 }, {
@@ -2554,7 +2526,6 @@ class LibSearchInputComponent extends LibCommonInputTextComponent {
         this.keyDesc = 'description';
         this.styleInput = 'standard';
         this.inputStyle = 'gray';
-        this.fetchMode = false;
         this.debounceTime = 100;
         this.delay = 0;
         this.loaded$ = new BehaviorSubject(false);
@@ -2574,6 +2545,7 @@ class LibSearchInputComponent extends LibCommonInputTextComponent {
             mergeMap(search => of(search).pipe(delay(this.delay))), takeUntil(this.destroy$))
                 .subscribe(str => {
                 this.keyupEvent.emit(str);
+                this.loaded$.next(false);
             }, () => this.loaded$.next(false));
         }
     }
@@ -2604,7 +2576,7 @@ class LibSearchInputComponent extends LibCommonInputTextComponent {
         return item[this.keyDesc];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibSearchInputComponent, deps: [{ token: DestroyService }, { token: i0.ChangeDetectorRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibSearchInputComponent, isStandalone: true, selector: "dd-lib-search-input", inputs: { keyTitle: "keyTitle", keyDesc: "keyDesc", styleInput: "styleInput", inputStyle: "inputStyle", fetchMode: "fetchMode", searchData: "searchData", debounceTime: "debounceTime", delay: "delay", idClose: "idClose", loaded$: "loaded$" }, outputs: { keyupEvent: "keyupEvent", selectedItem: "selectedItem" }, providers: [DestroyService], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-search-input\">\r\n  <label [for]=\"id\" class=\"lib-search-input__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  <div class=\"pos-relative\">\r\n    <dd-lib-svg-icon (click)=\"forceChange()\" class=\"search-icon\" icon=\"search\"></dd-lib-svg-icon>\r\n    <input\r\n      #searchInput\r\n      (keyup)=\"keyUp.next($event)\"\r\n      (keyup.enter)=\"forceChange()\"\r\n      [(ngModel)]=\"value\"\r\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\r\n      [attr.id]=\"id ? id : null\"\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]=\"type || 'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.round]=\"styleInput === 'round'\"\r\n      [class.white]=\"inputStyle === 'white'\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      class=\"search-input\" />\r\n    <dd-lib-svg-icon\r\n      (click)=\"onClear()\"\r\n      [id]=\"idClose\" [style.display]=\"value?.length ? 'block' : 'none'\"\r\n      class=\"clear-icon\" icon=\"clear\"></dd-lib-svg-icon>\r\n    @if (loaded$ | async) {\r\n      <div class=\"loading-icon\">\r\n        <dd-lib-loader></dd-lib-loader>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (data?.length) {\r\n  <dd-lib-card [class.top]=\"side === 'top'\">\r\n    @for (item of data; track item) {\r\n    <div (click)=\"onClickSearchItem(item)\" class=\"search-result\">\r\n      @if (getTitle(item); as title) {\r\n      <div [innerHTML]=\"title | highlight: value | safe: 'html'\" class=\"search-result__title\"></div>\r\n      } @if (getDesc(item); as desc) {\r\n      <div [innerHTML]=\"desc | highlight: value | safe: 'html'\" class=\"search-result__desc\"></div>\r\n      }\r\n    </div>\r\n    }\r\n  </dd-lib-card>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.lib-search-input{position:relative}.lib-search-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-search-input input{width:100%;height:48px;padding:16px 16px 15px 44px;border-radius:8px;border:none;background-color:var(--input-gray-bgc)}.lib-search-input input.white{background-color:var(--white-color);border:1px solid var(--primary-gray-color)}.lib-search-input .round{border-radius:24px}.lib-search-input .search-icon{position:absolute;left:16px;top:14px;cursor:pointer}.lib-search-input .clear-icon{position:absolute;right:16px;top:14px;cursor:pointer}.lib-search-input .loading-icon{position:absolute;right:40px;top:12px}.lib-search-input .search-result{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;cursor:pointer}.lib-search-input .search-result:hover{opacity:.8}.lib-search-input .search-result:last-child .search-result__desc{border:none;padding-bottom:0}.lib-search-input .search-result__title{color:var(--second-gray-color);margin:24px 0 2px}.lib-search-input .search-result__desc{padding-bottom:16px;border-bottom:1px solid var(--gray-color-200)}.lib-search-input dd-lib-card{position:absolute;display:block;top:76px;z-index:100;width:100%;max-height:400px;box-shadow:var(--main-card-shadow);overflow:auto}.lib-search-input dd-lib-card.top{bottom:50px;top:unset}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibSearchInputComponent, isStandalone: true, selector: "dd-lib-search-input", inputs: { keyTitle: "keyTitle", keyDesc: "keyDesc", styleInput: "styleInput", inputStyle: "inputStyle", searchData: "searchData", debounceTime: "debounceTime", delay: "delay", idClose: "idClose", loaded$: "loaded$" }, outputs: { keyupEvent: "keyupEvent", selectedItem: "selectedItem" }, providers: [DestroyService], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-search-input\">\r\n  <label [for]=\"id\" class=\"lib-search-input__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  <div class=\"pos-relative\">\r\n    <dd-lib-svg-icon (click)=\"forceChange()\" class=\"search-icon\" icon=\"search\"></dd-lib-svg-icon>\r\n    <input\r\n      #searchInput\r\n      (keyup)=\"keyUp.next($event)\"\r\n      (keyup.enter)=\"forceChange()\"\r\n      [(ngModel)]=\"value\"\r\n      [attr.autocomplete]=\"autocomplete === undefined ? null : autocomplete\"\r\n      [attr.id]=\"id ? id : null\"\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]=\"type || 'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.round]=\"styleInput === 'round'\"\r\n      [class.white]=\"inputStyle === 'white'\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      class=\"search-input\" />\r\n    <dd-lib-svg-icon\r\n      (click)=\"onClear()\"\r\n      [id]=\"idClose\" [style.display]=\"value?.length ? 'block' : 'none'\"\r\n      class=\"clear-icon\" icon=\"clear\"></dd-lib-svg-icon>\r\n    @if (loaded$ | async) {\r\n      <div class=\"loading-icon\">\r\n        <dd-lib-loader></dd-lib-loader>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (data?.length) {\r\n  <dd-lib-card [class.top]=\"side === 'top'\">\r\n    @for (item of data; track item) {\r\n    <div (click)=\"onClickSearchItem(item)\" class=\"search-result\">\r\n      @if (getTitle(item); as title) {\r\n      <div [innerHTML]=\"title | highlight: value | safe: 'html'\" class=\"search-result__title\"></div>\r\n      } @if (getDesc(item); as desc) {\r\n      <div [innerHTML]=\"desc | highlight: value | safe: 'html'\" class=\"search-result__desc\"></div>\r\n      }\r\n    </div>\r\n    }\r\n  </dd-lib-card>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.lib-search-input{position:relative}.lib-search-input__title{margin-bottom:4px;font-size:14px;line-height:24px;display:flex;align-items:flex-start}.lib-search-input input{width:100%;height:48px;padding:16px 16px 15px 44px;border-radius:8px;border:none;background-color:var(--input-gray-bgc)}.lib-search-input input.white{background-color:var(--white-color);border:1px solid var(--primary-gray-color)}.lib-search-input .round{border-radius:24px}.lib-search-input .search-icon{position:absolute;left:16px;top:14px;cursor:pointer}.lib-search-input .clear-icon{position:absolute;right:16px;top:14px;cursor:pointer}.lib-search-input .loading-icon{position:absolute;right:40px;top:12px}.lib-search-input .search-result{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;cursor:pointer}.lib-search-input .search-result:hover{opacity:.8}.lib-search-input .search-result:last-child .search-result__desc{border:none;padding-bottom:0}.lib-search-input .search-result__title{color:var(--second-gray-color);margin:24px 0 2px}.lib-search-input .search-result__desc{padding-bottom:16px;border-bottom:1px solid var(--gray-color-200)}.lib-search-input dd-lib-card{position:absolute;display:block;top:76px;z-index:100;width:100%;max-height:400px;box-shadow:var(--main-card-shadow);overflow:auto}.lib-search-input dd-lib-card.top{bottom:50px;top:unset}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibSearchInputComponent, decorators: [{
             type: Component,
@@ -2617,8 +2589,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                 type: Input
             }], inputStyle: [{
                 type: Input
-            }], fetchMode: [{
-                type: Input
             }], searchData: [{
                 type: Input
             }], debounceTime: [{
@@ -2637,22 +2607,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
 
 class LibSelectComponent extends LibCommonInputTextComponent {
     static { this.idCounter = 1; }
+    set data(d) {
+        this._data.set(d);
+        this.stringArray.set(typeof d?.[0] === 'string');
+    }
+    ;
     constructor(changeDetection, controlContainer) {
         super(changeDetection);
         this.controlContainer = controlContainer;
-        this.keyTitle = 'name';
-        this.keyValue = 'id';
+        this.keyTitle = '';
+        this.keyDesc = '';
+        this.keyValue = '';
         this.placeholder = 'Выберите из списка';
+        this._data = signal([]);
         this.checkedItems = [];
+        this.stringArray = signal(false);
     }
     ngOnInit() {
-        this.stringArray = typeof this.data?.[0] === 'string';
         if (!this.selectId) {
             this.selectId = 'dd-select-' + LibSelectComponent.idCounter++;
         }
-        if (this.keyTitle && !this.keyValue) {
-            this.keyValue = this.keyTitle;
-        }
         this.control =
             this.controlContainer && this.formControlName
                 ? this.controlContainer?.control?.get(this.formControlName)
@@ -2674,23 +2648,46 @@ class LibSelectComponent extends LibCommonInputTextComponent {
     notifyFocusEvent(e) {
         if (!this.disabled) {
             this.isShownList = !this.isShownList;
+            if (this.fetchMode) {
+                this.fetchEvent.emit();
+            }
         }
         super.notifyFocusEvent(e);
     }
     writeValue(value) {
         if (this.multi && value?.length) {
             this.inputValue = `Выбрано (${value.length})`;
-            this.checkedItems = this.data.filter((f) => value.includes(f[this.keyValue]));
+            if (this.keyValue) {
+                this.checkedItems = this._data().filter((f) => value.includes(f[this.keyValue]));
+            }
+            else {
+                if (this.stringArray()) {
+                    this.checkedItems = this._data().filter((f) => value.includes(f));
+                }
+                else {
+                    const strArr = value.map(JSON.stringify);
+                    this.checkedItems = this._data().filter((f) => strArr.includes(JSON.stringify(f)));
+                }
+            }
         }
         else {
-            if (this.stringArray) {
+            if (this.stringArray()) {
                 this.value = value;
                 this.inputValue = value;
             }
             else {
-                const fVal = this.data.find((f) => f[this.keyValue] === value);
-                this.value = fVal;
-                this.inputValue = fVal;
+                if (!!this.keyValue) {
+                    const fVal = this._data()?.find((f) => f?.[this.keyValue] === value);
+                    this.value = fVal?.[this.keyValue];
+                    this.inputValue = this.keyTitle ? fVal?.[this.keyTitle] : fVal;
+                    this.checkedItem = fVal;
+                }
+                else {
+                    const fVal = this._data()?.find((f) => JSON.stringify(f) === JSON.stringify(value));
+                    this.value = fVal;
+                    this.inputValue = this.keyTitle ? fVal?.[this.keyTitle] : fVal;
+                    this.checkedItem = fVal;
+                }
             }
         }
     }
@@ -2703,6 +2700,9 @@ class LibSelectComponent extends LibCommonInputTextComponent {
         }
     }
     filterList(item) {
+        if (this.stringArray()) {
+            return item.toLowerCase().includes(this.searchValue?.toLowerCase() || '');
+        }
         return item[this.keyTitle]?.toLowerCase().includes(this.searchValue?.toLowerCase() || '');
     }
     propagateChange(_value) {
@@ -2723,12 +2723,18 @@ class LibSelectComponent extends LibCommonInputTextComponent {
             }
         }
         else {
-            if (!this.checkedItem || item[this.keyValue] !== this.checkedItem?.[this.keyValue]) {
+            if (!!this.keyValue && (!this.checkedItem || item[this.keyValue] !== this.checkedItem?.[this.keyValue])) {
                 this.checkedItem = item;
                 this.inputValue = this.checkedItem[this.keyTitle];
                 this.value = item[this.keyValue];
                 this.propagateChange(this.value);
             }
+            if (!this.keyValue && (!this.checkedItem || JSON.stringify(item) !== JSON.stringify(this.checkedItem))) {
+                this.checkedItem = item;
+                this.inputValue = this.checkedItem[this.keyTitle];
+                this.value = item;
+                this.propagateChange(this.value);
+            }
             else {
                 this.checkedItem = null;
                 this.inputValue = undefined;
@@ -2762,20 +2768,35 @@ class LibSelectComponent extends LibCommonInputTextComponent {
     }
     checkSelected(item) {
         if (this.multi) {
-            return this.checkedItems.find(f => f[this.keyValue] === item[this.keyValue] || f === item);
+            if (this.keyValue) {
+                return this.checkedItems.find(f => f[this.keyValue] === item[this.keyValue] || f === item);
+            }
+            else {
+                return this.checkedItems.find(f => JSON.stringify(f) === JSON.stringify(item) || f === item);
+            }
         }
         else {
-            return this.checkedItem?.[this.keyValue] === item[this.keyValue] || this.checkedItem === item;
+            if (this.stringArray()) {
+                return this.checkedItem === item;
+            }
+            else {
+                if (this.keyValue) {
+                    return this.checkedItem?.[this.keyValue] === item[this.keyValue] || this.checkedItem === item;
+                }
+                else {
+                    return JSON.stringify(this.checkedItem) === JSON.stringify(item);
+                }
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibSelectComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$5.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibSelectComponent, isStandalone: true, selector: "dd-lib-select", inputs: { multi: "multi", selectId: "selectId", data: "data", keyTitle: "keyTitle", keyDesc: "keyDesc", keyValue: "keyValue", placeholder: "placeholder" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibSelectComponent, isStandalone: true, selector: "dd-lib-select", inputs: { data: "data", multi: "multi", selectId: "selectId", keyTitle: "keyTitle", keyDesc: "keyDesc", keyValue: "keyValue", placeholder: "placeholder" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LibSelectComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\">\n  <label [for]=\"id\" 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  <div class=\"pos-relative\">\n    <input\n      #select\n      (change)=\"handleChange()\"\n      (click)=\"notifyFocusEvent($event)\"\n      (input)=\"handleInput($event)\"\n      [(ngModel)]=\"inputValue\"\n      [attr.id]=\"selectId\"\n      [attr.name]=\"name\"\n      [attr.placeholder]=\"placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"'text'\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"invalid\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readOnly\"\n      [title]=\"inputValue\"\n      class=\"text-select\" />\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\n    @if (!checkedItem) {\n      <dd-lib-svg-icon\n        (click)=\"notifyFocusEvent($event)\"\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\n    } @else {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"clear\"\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n\n    }\n  </div>\n\n  @if (errorText && invalid) {\n  <div class=\"lib-select__error\">{{ errorText }}</div>\n  } @if (isShownList) {\n  <div\n    (ddClickOutside)=\"notifyFocusEvent($event)\"\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\n    [class.top]=\"side === 'top'\"\n    class=\"select-list-wrapper\">\n    @if (data?.length) { @for (item of data | filterByKey: filterList.bind(this); track item) {\n    <div\n      (click)=\"selectItem(item)\"\n      [class.active]=\"checkSelected(item)\"\n      class=\"select-data\">\n\n      @if (!keyDesc && !keyTitle) {\n      <div [innerHTML]=\"item | highlight: inputValue | safe: 'html'\" class=\"select-data__title\"></div>\n      } @if (keyTitle) {\n      <div\n        [innerHTML]=\"item[keyTitle!] | highlight: inputValue | safe: 'html'\"\n        class=\"select-data__title\"></div>\n      } @if (keyDesc) {\n      <div\n        [innerHTML]=\"item[keyDesc!] | highlight: inputValue | safe: 'html'\"\n        [title]=\"item[keyDesc]\"\n        class=\"select-data__desc\"></div>\n      } @if (checkSelected(item)) {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"checked\"\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\n      }\n    </div>\n    } } @else {\n    <div class=\"select-loader\">\n      <dd-lib-loader></dd-lib-loader>\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".lib-select{position:relative}.lib-select input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select input:hover{border-color:var(--input-active-border-colort)}.lib-select input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select input:disabled::placeholder{color:var(--input-placeholder)}.lib-select input.invalid,.lib-select input.invalid:hover{border-color:var(--input-error-border-color)}.lib-select input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.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}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px}.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.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative}.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:hover,.lib-select .select-list-wrapper .select-data.active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-loader{padding:24px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color"] }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" [title]=\"label\">\r\n  <label [for]=\"id\" class=\"lib-select__title\">\r\n    {{ label }}\r\n    @if (required) {\r\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n    }\r\n  </label>\r\n\r\n  <div class=\"pos-relative\">\r\n    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent($event)\"\r\n      (input)=\"handleInput($event)\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [attr.id]=\"selectId\"\r\n      [attr.name]=\"name\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"invalid\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      [title]=\"inputValue || ''\"\r\n      class=\"text-select\" />\r\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\r\n    @if (!checkedItem) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent($event)\"\r\n        [class.black-svg]=\"isShownList\"\r\n        [class.disabled]=\"disabled\"\r\n        [class.gray-svg]=\"!isShownList\"\r\n        [class.up]=\"isShownList\"\r\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n\r\n  @if (errorText && invalid) {\r\n  <div class=\"lib-select__error\">{{ errorText }}</div>\r\n  } @if (isShownList) {\r\n  <div\r\n    (ddClickOutside)=\"notifyFocusEvent($event)\"\r\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\r\n    [class.top]=\"side === 'top'\"\r\n    class=\"select-list-wrapper\">\r\n    @if (_data()?.length) {\r\n      @for (item of _data() | filterByKey: filterList.bind(this); track item) {\r\n    <div\r\n      (click)=\"selectItem(item)\"\r\n      [class.active]=\"checkSelected(item)\"\r\n      class=\"select-data\">\r\n      @if (stringArray()) {\r\n      <div [innerHTML]=\"item | highlight: inputValue | safe: 'html'\" class=\"select-data__title\"></div>\r\n      }\r\n      @if (keyTitle && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyTitle!] | highlight: inputValue | 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: inputValue | safe: 'html'\"\r\n        [title]=\"item[keyDesc]\"\r\n        class=\"select-data__desc\"></div>\r\n      } @if (checkSelected(item)) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"checked\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\r\n      }\r\n    </div>\r\n    } } @else {\r\n    <div class=\"select-loader\">\r\n      <dd-lib-loader></dd-lib-loader>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".lib-select{position:relative}.lib-select input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select input:hover{border-color:var(--input-active-border-colort)}.lib-select input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select input:disabled::placeholder{color:var(--input-placeholder)}.lib-select input.invalid,.lib-select input.invalid:hover{border-color:var(--input-error-border-color)}.lib-select input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.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}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px}.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.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative}.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:hover,.lib-select .select-list-wrapper .select-data.active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-loader{padding:24px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }, { kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "pipe", type: FilterByKeyPipe, name: "filterByKey" }, { kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibSelectComponent, decorators: [{
             type: Component,
@@ -2797,18 +2818,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             useExisting: forwardRef(() => LibSelectComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\">\n  <label [for]=\"id\" 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  <div class=\"pos-relative\">\n    <input\n      #select\n      (change)=\"handleChange()\"\n      (click)=\"notifyFocusEvent($event)\"\n      (input)=\"handleInput($event)\"\n      [(ngModel)]=\"inputValue\"\n      [attr.id]=\"selectId\"\n      [attr.name]=\"name\"\n      [attr.placeholder]=\"placeholder\"\n      [attr.tabIndex]=\"tabIndex\"\n      [attr.type]=\"'text'\"\n      [class.focused]=\"focused\"\n      [class.invalid]=\"invalid\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readOnly\"\n      [title]=\"inputValue\"\n      class=\"text-select\" />\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\n    @if (!checkedItem) {\n      <dd-lib-svg-icon\n        (click)=\"notifyFocusEvent($event)\"\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\n    } @else {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"clear\"\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\n\n    }\n  </div>\n\n  @if (errorText && invalid) {\n  <div class=\"lib-select__error\">{{ errorText }}</div>\n  } @if (isShownList) {\n  <div\n    (ddClickOutside)=\"notifyFocusEvent($event)\"\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\n    [class.top]=\"side === 'top'\"\n    class=\"select-list-wrapper\">\n    @if (data?.length) { @for (item of data | filterByKey: filterList.bind(this); track item) {\n    <div\n      (click)=\"selectItem(item)\"\n      [class.active]=\"checkSelected(item)\"\n      class=\"select-data\">\n\n      @if (!keyDesc && !keyTitle) {\n      <div [innerHTML]=\"item | highlight: inputValue | safe: 'html'\" class=\"select-data__title\"></div>\n      } @if (keyTitle) {\n      <div\n        [innerHTML]=\"item[keyTitle!] | highlight: inputValue | safe: 'html'\"\n        class=\"select-data__title\"></div>\n      } @if (keyDesc) {\n      <div\n        [innerHTML]=\"item[keyDesc!] | highlight: inputValue | safe: 'html'\"\n        [title]=\"item[keyDesc]\"\n        class=\"select-data__desc\"></div>\n      } @if (checkSelected(item)) {\n      <dd-lib-svg-icon\n        (click)=\"selectItem(checkedItem)\"\n        class=\"checked\"\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\n      }\n    </div>\n    } } @else {\n    <div class=\"select-loader\">\n      <dd-lib-loader></dd-lib-loader>\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".lib-select{position:relative}.lib-select input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select input:hover{border-color:var(--input-active-border-colort)}.lib-select input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select input:disabled::placeholder{color:var(--input-placeholder)}.lib-select input.invalid,.lib-select input.invalid:hover{border-color:var(--input-error-border-color)}.lib-select input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.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}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px}.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.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative}.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:hover,.lib-select .select-list-wrapper .select-data.active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-loader{padding:24px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"lib-select\" id=\"lib-select-{{ selectId }}\" [title]=\"label\">\r\n  <label [for]=\"id\" class=\"lib-select__title\">\r\n    {{ label }}\r\n    @if (required) {\r\n      <dd-lib-svg-icon icon=\"error_hint\"></dd-lib-svg-icon>\r\n    }\r\n  </label>\r\n\r\n  <div class=\"pos-relative\">\r\n    <input\r\n      #select\r\n      (change)=\"handleChange()\"\r\n      (click)=\"notifyFocusEvent($event)\"\r\n      (input)=\"handleInput($event)\"\r\n      [(ngModel)]=\"inputValue\"\r\n      [attr.id]=\"selectId\"\r\n      [attr.name]=\"name\"\r\n      [attr.placeholder]=\"placeholder\"\r\n      [attr.tabIndex]=\"tabIndex\"\r\n      [attr.type]=\"'text'\"\r\n      [class.focused]=\"focused\"\r\n      [class.invalid]=\"invalid\"\r\n      [disabled]=\"disabled\"\r\n      [readOnly]=\"readOnly\"\r\n      [title]=\"inputValue || ''\"\r\n      class=\"text-select\" />\r\n    <!--    (blur)=\"notifyFocusEvent($event)\"-->\r\n    @if (!checkedItem) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"notifyFocusEvent($event)\"\r\n        [class.black-svg]=\"isShownList\"\r\n        [class.disabled]=\"disabled\"\r\n        [class.gray-svg]=\"!isShownList\"\r\n        [class.up]=\"isShownList\"\r\n        id=\"chevron-{{ selectId }}\" class=\"chevron\" icon=\"down_chevron\"></dd-lib-svg-icon>\r\n\r\n    } @else {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"clear\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"clear\"></dd-lib-svg-icon>\r\n\r\n    }\r\n  </div>\r\n\r\n  @if (errorText && invalid) {\r\n  <div class=\"lib-select__error\">{{ errorText }}</div>\r\n  } @if (isShownList) {\r\n  <div\r\n    (ddClickOutside)=\"notifyFocusEvent($event)\"\r\n    [elements]=\"['lib-select-' + selectId, 'chevron' + selectId]\"\r\n    [class.top]=\"side === 'top'\"\r\n    class=\"select-list-wrapper\">\r\n    @if (_data()?.length) {\r\n      @for (item of _data() | filterByKey: filterList.bind(this); track item) {\r\n    <div\r\n      (click)=\"selectItem(item)\"\r\n      [class.active]=\"checkSelected(item)\"\r\n      class=\"select-data\">\r\n      @if (stringArray()) {\r\n      <div [innerHTML]=\"item | highlight: inputValue | safe: 'html'\" class=\"select-data__title\"></div>\r\n      }\r\n      @if (keyTitle && !stringArray()) {\r\n      <div\r\n        [innerHTML]=\"item[keyTitle!] | highlight: inputValue | 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: inputValue | safe: 'html'\"\r\n        [title]=\"item[keyDesc]\"\r\n        class=\"select-data__desc\"></div>\r\n      } @if (checkSelected(item)) {\r\n      <dd-lib-svg-icon\r\n        (click)=\"selectItem(checkedItem)\"\r\n        class=\"checked\"\r\n        id=\"chevron-{{ selectId }}\" icon=\"check_green\"></dd-lib-svg-icon>\r\n      }\r\n    </div>\r\n    } } @else {\r\n    <div class=\"select-loader\">\r\n      <dd-lib-loader></dd-lib-loader>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".lib-select{position:relative}.lib-select input{width:100%;height:48px;padding:15px 28px 15px 16px;overflow:hidden;text-overflow:ellipsis;border-radius:8px;border:1px solid var(--input-border-color);background-color:transparent;position:relative}.lib-select input:hover{border-color:var(--input-active-border-colort)}.lib-select input:focus{border-color:var(--input-active-border-colort);box-shadow:var(--input-active-border-shadow)}.lib-select input:disabled{border:none;background-color:var(--input-disable-input);color:var(--input-disable-text);pointer-events:none}.lib-select input:disabled::placeholder{color:var(--input-placeholder)}.lib-select input.invalid,.lib-select input.invalid:hover{border-color:var(--input-error-border-color)}.lib-select input.invalid:focus{border-color:var(--input-error-border-color);box-shadow:var(--input-error-border-shadow)}.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}.lib-select__error{color:var(--primary-red-color);font-size:12px;font-weight:400;line-height:10px;margin-top:2px}.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.top{bottom:50px;top:unset}.lib-select .select-list-wrapper .select-data{padding:12px 42px 12px 16px;cursor:pointer;position:relative}.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:hover,.lib-select .select-list-wrapper .select-data.active{background:var(--select-act-hov-bgc)}.lib-select .select-list-wrapper .select-data.active .checked{position:absolute;right:16px;top:10px}.lib-select .select-list-wrapper .select-loader{padding:24px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$5.ControlContainer, decorators: [{
                     type: Optional
                 }, {
                     type: Host
                 }, {
                     type: SkipSelf
-                }] }], propDecorators: { multi: [{
+                }] }], propDecorators: { data: [{
                 type: Input
-            }], selectId: [{
+            }], multi: [{
                 type: Input
-            }], data: [{
+            }], selectId: [{
                 type: Input
             }], keyTitle: [{
                 type: Input
@@ -2847,11 +2868,11 @@ class LibSortComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibSortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.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=\"sort__title 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)\" [class.green]=\"sort === item.value\" class=\"sort__item g-text green-hover mb-12\">\r\n          {{ item.name }}\r\n        </div>\r\n        }\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;z-index:301;background-color:var(--main-card-color)}@media screen and (max-width: 840px){.sort__container{position:fixed;top:auto;bottom:0;left: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__title{margin-bottom:8px;font-size:18px;line-height:28px;font-weight:500}}@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: 840px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}.sort__item{cursor:pointer}@media screen and (max-width: 840px){.sort__item{padding-top:16px}}@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"], 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: "17.2.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=\"sort__title 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)\" [class.green]=\"sort === item.value\" class=\"sort__item g-text green-hover mb-12\">\r\n          {{ item.name }}\r\n        </div>\r\n        }\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__title{margin-bottom:8px;font-size:18px;line-height:28px;font-weight:500}}@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: 840px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}.sort__item{cursor:pointer}@media screen and (max-width: 840px){.sort__item{padding-top:16px}}@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"], 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: "17.2.2", ngImport: i0, type: LibSortComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-sort', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ClickOutsideDirective, LibCardComponent, NgOptimizedImage, 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=\"sort__title 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)\" [class.green]=\"sort === item.value\" class=\"sort__item g-text green-hover mb-12\">\r\n          {{ item.name }}\r\n        </div>\r\n        }\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;z-index:301;background-color:var(--main-card-color)}@media screen and (max-width: 840px){.sort__container{position:fixed;top:auto;bottom:0;left: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__title{margin-bottom:8px;font-size:18px;line-height:28px;font-weight:500}}@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: 840px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}.sort__item{cursor:pointer}@media screen and (max-width: 840px){.sort__item{padding-top:16px}}@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, NgOptimizedImage, 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=\"sort__title 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)\" [class.green]=\"sort === item.value\" class=\"sort__item g-text green-hover mb-12\">\r\n          {{ item.name }}\r\n        </div>\r\n        }\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__title{margin-bottom:8px;font-size:18px;line-height:28px;font-weight:500}}@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: 840px){.sort__close{top:16px;right:16px}}.sort__close ::ng-deep svg path{stroke:var(--second-gray-color)}.sort__item{cursor:pointer}@media screen and (max-width: 840px){.sort__item{padding-top:16px}}@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: [{
@@ -2981,14 +3002,16 @@ class LibTabsFragmentComponent {
     checkActiveTab(tab) {
         if (tab) {
             this.activeFragment = tab.id;
-            if (this.rout) {
+            if (this.rout && !this.noFragment) {
                 this.router.navigate([this.rout], { fragment: tab.fragment });
             }
             this.setActiveTab.emit(this.activeFragment);
         }
         else {
             this.activeFragment = undefined;
-            this.router.navigate([this.rout], { fragment: undefined });
+            if (!this.noFragment) {
+                this.router.navigate([this.rout], { fragment: undefined });
+            }
         }
         this.cdr.detectChanges();
     }
@@ -3006,11 +3029,11 @@ class LibTabsFragmentComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibTabsFragmentComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibTabsFragmentComponent, isStandalone: true, selector: "dd-lib-tabs-fragment", inputs: { rout: "rout", tabs: "tabs", tabsFragment: "tabsFragment", needInitEvent: "needInitEvent" }, outputs: { setActiveTab: "setActiveTab" }, ngImport: i0, template: "@if (tabs?.length) {\r\n<div class=\"tabs-fragment\">\r\n  <swiper-container speed=\"500\" slides-per-view=\"auto\">\r\n  @for (tab of tabs; track tab) {\r\n    <swiper-slide>\r\n      <div class=\"tabs-fragment__item\"\r\n           [class.active]=\"tab.id === activeFragment\"\r\n           (click)=\"checkActiveTab(tab)\">\r\n        {{ tab.title }}\r\n      </div>\r\n    </swiper-slide>\r\n  }\r\n  </swiper-container>\r\n</div>\r\n}\r\n", styles: [".tabs-fragment{border-bottom:1px solid var(--disabled-bgc);display:inline-block}.tabs-fragment__item{display:inline-block;padding:0 8px 16px;font-size:16px;line-height:24px;color:var(--menu-item-color);border-bottom:2px solid transparent;cursor:pointer}.tabs-fragment__item:hover,.tabs-fragment__item.active{color:var(--primary-green-color)}.tabs-fragment__item.active{border-color:var(--primary-green-color);cursor:default}.tabs-fragment swiper-slide{width:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibTabsFragmentComponent, isStandalone: true, selector: "dd-lib-tabs-fragment", inputs: { rout: "rout", tabs: "tabs", tabsFragment: "tabsFragment", needInitEvent: "needInitEvent", noFragment: "noFragment" }, outputs: { setActiveTab: "setActiveTab" }, ngImport: i0, template: "@if (tabs?.length) {\r\n<div class=\"tabs-fragment\">\r\n  <swiper-container speed=\"500\" slides-per-view=\"auto\">\r\n  @for (tab of tabs; track tab) {\r\n    <swiper-slide>\r\n      <div class=\"tabs-fragment__item\"\r\n           [class.active]=\"tab.id === activeFragment\"\r\n           (click)=\"checkActiveTab(tab)\">\r\n        {{ tab.title }}\r\n      </div>\r\n    </swiper-slide>\r\n  }\r\n  </swiper-container>\r\n</div>\r\n}\r\n", styles: [".tabs-fragment__item{display:inline-block;padding:0 8px 16px;font-size:16px;line-height:24px;color:var(--menu-item-color);border-bottom:1px solid var(--disabled-bgc);cursor:pointer}.tabs-fragment__item:hover,.tabs-fragment__item.active{color:var(--primary-green-color)}.tabs-fragment__item.active{padding-bottom:15px;border-width:2px;border-color:var(--primary-green-color);cursor:default}.tabs-fragment swiper-slide{width:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibTabsFragmentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-tabs-fragment', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (tabs?.length) {\r\n<div class=\"tabs-fragment\">\r\n  <swiper-container speed=\"500\" slides-per-view=\"auto\">\r\n  @for (tab of tabs; track tab) {\r\n    <swiper-slide>\r\n      <div class=\"tabs-fragment__item\"\r\n           [class.active]=\"tab.id === activeFragment\"\r\n           (click)=\"checkActiveTab(tab)\">\r\n        {{ tab.title }}\r\n      </div>\r\n    </swiper-slide>\r\n  }\r\n  </swiper-container>\r\n</div>\r\n}\r\n", styles: [".tabs-fragment{border-bottom:1px solid var(--disabled-bgc);display:inline-block}.tabs-fragment__item{display:inline-block;padding:0 8px 16px;font-size:16px;line-height:24px;color:var(--menu-item-color);border-bottom:2px solid transparent;cursor:pointer}.tabs-fragment__item:hover,.tabs-fragment__item.active{color:var(--primary-green-color)}.tabs-fragment__item.active{border-color:var(--primary-green-color);cursor:default}.tabs-fragment swiper-slide{width:auto}\n"] }]
+            args: [{ selector: 'dd-lib-tabs-fragment', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (tabs?.length) {\r\n<div class=\"tabs-fragment\">\r\n  <swiper-container speed=\"500\" slides-per-view=\"auto\">\r\n  @for (tab of tabs; track tab) {\r\n    <swiper-slide>\r\n      <div class=\"tabs-fragment__item\"\r\n           [class.active]=\"tab.id === activeFragment\"\r\n           (click)=\"checkActiveTab(tab)\">\r\n        {{ tab.title }}\r\n      </div>\r\n    </swiper-slide>\r\n  }\r\n  </swiper-container>\r\n</div>\r\n}\r\n", styles: [".tabs-fragment__item{display:inline-block;padding:0 8px 16px;font-size:16px;line-height:24px;color:var(--menu-item-color);border-bottom:1px solid var(--disabled-bgc);cursor:pointer}.tabs-fragment__item:hover,.tabs-fragment__item.active{color:var(--primary-green-color)}.tabs-fragment__item.active{padding-bottom:15px;border-width:2px;border-color:var(--primary-green-color);cursor:default}.tabs-fragment swiper-slide{width:auto}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: i0.ChangeDetectorRef }], propDecorators: { rout: [{
                 type: Input
             }], tabs: [{
@@ -3019,6 +3042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                 type: Input
             }], needInitEvent: [{
                 type: Input
+            }], noFragment: [{
+                type: Input
             }], setActiveTab: [{
                 type: Output
             }] } });
@@ -3067,13 +3092,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
             }] } });
 
 class LibFileLoaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LibFileLoaderComponent, isStandalone: true, selector: "dd-lib-file-loader", ngImport: i0, template: "<dd-lib-button btnColor=\"white\">\r\n  <div class=\"d-flex align-center\">\r\n    <div class=\"mr-8\">\r\n      <dd-lib-svg-icon icon=\"paperclip\"></dd-lib-svg-icon>\r\n    </div>\r\n    <div class=\"title-soc-btn\">\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B</div>\r\n  </div>\r\n</dd-lib-button>\r\n", styles: [""], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    constructor(toast) {
+        this.toast = toast;
+        this.multiple = false;
+        this.maxFiles = 5;
+        this.maxFileSize = 50;
+        this.inputFiles = new EventEmitter();
+        this.files = [];
+    }
+    openFileLoader() {
+        this.fileLoader.nativeElement.click();
+    }
+    loadFile($event) {
+        const files = $event.target?.files;
+        for (let i = 0; i < files.length; i++) {
+            let error = false;
+            if (!this.validateFileSize(files[i])) {
+                this.toast.show({
+                    type: 'warning',
+                    title: `Размер файла ${files[i].name} превышает ${this.maxFileSize}Мб!`
+                });
+                error = true;
+            }
+            if (!this.validateExtension(files[i]) && this.extensions) {
+                this.toast.show({
+                    type: 'warning',
+                    title: 'Недопустимый формат файла!'
+                });
+                error = true;
+            }
+            if (this.maxFiles && this.maxFiles === this.files.length) {
+                this.toast.show({
+                    type: 'warning',
+                    title: 'Превышено допустимое колличество файлов'
+                });
+                error = true;
+                this.inputFiles.emit(this.files);
+                return;
+            }
+            if (!error) {
+                this.files.push(files[i]);
+            }
+        }
+        this.inputFiles.emit(this.files);
+    }
+    clear(_file) {
+        if (this.multiple) {
+        }
+        else {
+            this.files = [];
+            this.fileLoader.nativeElement.value = '';
+            this.fileLoader.nativeElement.files = null;
+        }
+    }
+    validateExtension(file) {
+        const extension = file.type.split('/')[1];
+        return this.extensions?.includes(extension);
+    }
+    validateFileSize(file) {
+        return file.size / 1048576 <= this.maxFileSize;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, deps: [{ token: ToastService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LibFileLoaderComponent, isStandalone: true, selector: "dd-lib-file-loader", inputs: { multiple: "multiple", maxFiles: "maxFiles", maxFileSize: "maxFileSize", style: "style", extensions: "extensions", disabled: "disabled" }, outputs: { inputFiles: "inputFiles" }, viewQueries: [{ propertyName: "fileLoader", first: true, predicate: ["fileLoader"], descendants: true }], ngImport: i0, template: "<dd-lib-button btnColor=\"white\" [ngStyle]=\"style\" (click)=\"openFileLoader()\">\r\n  <div class=\"d-flex align-center\">\r\n    <div class=\"mr-8\">\r\n      <dd-lib-svg-icon icon=\"paperclip\"></dd-lib-svg-icon>\r\n    </div>\r\n    <div class=\"title-soc-btn\">\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B</div>\r\n  </div>\r\n</dd-lib-button>\r\n<input type=\"file\"\r\n       [multiple]=\"multiple\"\r\n       [hidden]=\"true\" #fileLoader\r\n       (change)=\"loadFile($event)\">\r\n", styles: [""], dependencies: [{ 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: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-file-loader', standalone: true, imports: [LibButtonComponent, NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dd-lib-button btnColor=\"white\">\r\n  <div class=\"d-flex align-center\">\r\n    <div class=\"mr-8\">\r\n      <dd-lib-svg-icon icon=\"paperclip\"></dd-lib-svg-icon>\r\n    </div>\r\n    <div class=\"title-soc-btn\">\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B</div>\r\n  </div>\r\n</dd-lib-button>\r\n" }]
-        }] });
+            args: [{ selector: 'dd-lib-file-loader', standalone: true, imports: [LibButtonComponent, NgOptimizedImage, LibSvgIconComponent, FormsModule, NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dd-lib-button btnColor=\"white\" [ngStyle]=\"style\" (click)=\"openFileLoader()\">\r\n  <div class=\"d-flex align-center\">\r\n    <div class=\"mr-8\">\r\n      <dd-lib-svg-icon icon=\"paperclip\"></dd-lib-svg-icon>\r\n    </div>\r\n    <div class=\"title-soc-btn\">\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B</div>\r\n  </div>\r\n</dd-lib-button>\r\n<input type=\"file\"\r\n       [multiple]=\"multiple\"\r\n       [hidden]=\"true\" #fileLoader\r\n       (change)=\"loadFile($event)\">\r\n" }]
+        }], ctorParameters: () => [{ type: ToastService }], propDecorators: { fileLoader: [{
+                type: ViewChild,
+                args: ['fileLoader']
+            }], multiple: [{
+                type: Input
+            }], maxFiles: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], extensions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputFiles: [{
+                type: Output
+            }] } });
 
 class LibDateRangeComponent {
     constructor() {
@@ -3520,10 +3622,18 @@ const svgIconPlus = {
     name: 'plus',
     data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5V19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
 };
+const svgIconPreset = {
+    name: 'preset',
+    data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3476_36634)"><path d="M10.325 4.317C10.751 2.561 13.249 2.561 13.675 4.317C13.7389 4.5808 13.8642 4.82578 14.0407 5.032C14.2172 5.23822 14.4399 5.39985 14.6907 5.50375C14.9414 5.60764 15.2132 5.65085 15.4838 5.62987C15.7544 5.60889 16.0162 5.5243 16.248 5.383C17.791 4.443 19.558 6.209 18.618 7.753C18.4769 7.98466 18.3924 8.24634 18.3715 8.51677C18.3506 8.78721 18.3938 9.05877 18.4975 9.30938C18.6013 9.55999 18.7627 9.78258 18.9687 9.95905C19.1747 10.1355 19.4194 10.2609 19.683 10.325C21.439 10.751 21.439 13.249 19.683 13.675C19.4192 13.7389 19.1742 13.8642 18.968 14.0407C18.7618 14.2172 18.6001 14.4399 18.4963 14.6907C18.3924 14.9414 18.3491 15.2132 18.3701 15.4838C18.3911 15.7544 18.4757 16.0162 18.617 16.248C19.557 17.791 17.791 19.558 16.247 18.618C16.0153 18.4769 15.7537 18.3924 15.4832 18.3715C15.2128 18.3506 14.9412 18.3938 14.6906 18.4975C14.44 18.6013 14.2174 18.7627 14.0409 18.9687C13.8645 19.1747 13.7391 19.4194 13.675 19.683C13.249 21.439 10.751 21.439 10.325 19.683C10.2611 19.4192 10.1358 19.1742 9.95929 18.968C9.7828 18.7618 9.56011 18.6001 9.30935 18.4963C9.05859 18.3924 8.78683 18.3491 8.51621 18.3701C8.24559 18.3911 7.98375 18.4757 7.752 18.617C6.209 19.557 4.442 17.791 5.382 16.247C5.5231 16.0153 5.60755 15.7537 5.62848 15.4832C5.64942 15.2128 5.60624 14.9412 5.50247 14.6906C5.3987 14.44 5.23726 14.2174 5.03127 14.0409C4.82529 13.8645 4.58056 13.7391 4.317 13.675C2.561 13.249 2.561 10.751 4.317 10.325C4.5808 10.2611 4.82578 10.1358 5.032 9.95929C5.23822 9.7828 5.39985 9.56011 5.50375 9.30935C5.60764 9.05859 5.65085 8.78683 5.62987 8.51621C5.60889 8.24559 5.5243 7.98375 5.383 7.752C4.443 6.209 6.209 4.442 7.753 5.382C8.753 5.99 10.049 5.452 10.325 4.317Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3476_36634"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>`,
+};
 const svgIconPrev = {
     name: 'prev',
     data: `<svg fill="none" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><rect fill="white" height="48" rx="24" transform="rotate(-180 48 48)" width="48" x="48" y="48"/><path d="M33.3328 24L14.6662 24" stroke="#434343" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M22.6664 16L14.6664 24" stroke="#434343" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M22.6664 32L14.6664 24" stroke="#434343" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></svg>`,
 };
+const svgIconPrint = {
+    name: 'print',
+    data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1618_78572)"><path d="M17 17H19C19.5304 17 20.0391 16.7893 20.4142 16.4142C20.7893 16.0391 21 15.5304 21 15V11C21 10.4696 20.7893 9.96086 20.4142 9.58579C20.0391 9.21071 19.5304 9 19 9H5C4.46957 9 3.96086 9.21071 3.58579 9.58579C3.21071 9.96086 3 10.4696 3 11V15C3 15.5304 3.21071 16.0391 3.58579 16.4142C3.96086 16.7893 4.46957 17 5 17H7" stroke="#07B700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 9V5C17 4.46957 16.7893 3.96086 16.4142 3.58579C16.0391 3.21071 15.5304 3 15 3H9C8.46957 3 7.96086 3.21071 7.58579 3.58579C7.21071 3.96086 7 4.46957 7 5V9" stroke="#07B700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 15C7 14.4696 7.21071 13.9609 7.58579 13.5858C7.96086 13.2107 8.46957 13 9 13H15C15.5304 13 16.0391 13.2107 16.4142 13.5858C16.7893 13.9609 17 14.4696 17 15V19C17 19.5304 16.7893 20.0391 16.4142 20.4142C16.0391 20.7893 15.5304 21 15 21H9C8.46957 21 7.96086 20.7893 7.58579 20.4142C7.21071 20.0391 7 19.5304 7 19V15Z" stroke="#07B700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1618_78572"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>`,
+};
 const svgIconPrinter = {
     name: 'printer',
     data: `<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1618_78572)"><path d="M17 17H19C19.5304 17 20.0391 16.7893 20.4142 16.4142C20.7893 16.0391 21 15.5304 21 15V11C21 10.4696 20.7893 9.96086 20.4142 9.58579C20.0391 9.21071 19.5304 9 19 9H5C4.46957 9 3.96086 9.21071 3.58579 9.58579C3.21071 9.96086 3 10.4696 3 11V15C3 15.5304 3.21071 16.0391 3.58579 16.4142C3.96086 16.7893 4.46957 17 5 17H7" stroke="#07B700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="M17 9V5C17 4.46957 16.7893 3.96086 16.4142 3.58579C16.0391 3.21071 15.5304 3 15 3H9C8.46957 3 7.96086 3.21071 7.58579 3.58579C7.21071 3.96086 7 4.46957 7 5V9" stroke="#07B700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="M7 15C7 14.4696 7.21071 13.9609 7.58579 13.5858C7.96086 13.2107 8.46957 13 9 13H15C15.5304 13 16.0391 13.2107 16.4142 13.5858C16.7893 13.9609 17 14.4696 17 15V19C17 19.5304 16.7893 20.0391 16.4142 20.4142C16.0391 20.7893 15.5304 21 15 21H9C8.46957 21 7.96086 20.7893 7.58579 20.4142C7.21071 20.0391 7 19.5304 7 19V15Z" stroke="#07B700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g><defs><clipPath id="clip0_1618_78572"><rect fill="white" height="24" width="24"/></clipPath></defs></svg>`,
@@ -3676,7 +3786,9 @@ const completeIconSet = [
     svgIconPlugD,
     svgIconPlug,
     svgIconPlus,
+    svgIconPreset,
     svgIconPrev,
+    svgIconPrint,
     svgIconPrinter,
     svgIconQuestionWhiteG,
     svgIconQuestion,
@@ -3758,7 +3870,9 @@ var svgIcon = /*#__PURE__*/Object.freeze({
     svgIconPlug: svgIconPlug,
     svgIconPlugD: svgIconPlugD,
     svgIconPlus: svgIconPlus,
+    svgIconPreset: svgIconPreset,
     svgIconPrev: svgIconPrev,
+    svgIconPrint: svgIconPrint,
     svgIconPrinter: svgIconPrinter,
     svgIconQuestion: svgIconQuestion,
     svgIconQuestionWhiteG: svgIconQuestionWhiteG,
@@ -3900,5 +4014,5 @@ const t = true;
  * Generated bundle index. Do not edit.
  */
 
-export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, FooterComponent, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateRangeComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibImageLoaderComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, NotFoundComponent, ResizeTextareaDirective, ReversePipe, SafePipe, SvgIconsService, TOAST_DATA, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastBaseComponent, ToastConfig, ToastPlaceholderComponent, ToastService, ToastType, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, completeIconSet, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPrev, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
+export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, FooterComponent, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateRangeComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibImageLoaderComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, NotFoundComponent, ResizeTextareaDirective, ReversePipe, SafePipe, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastComponent, ToastData, ToastRef, ToastService, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
 //# sourceMappingURL=morozeckiy-dd-lib.mjs.map