@morozeckiy/dd-lib 0.1.29 → 0.1.31

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -1,5 +1,5 @@
 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, 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, ViewContainerRef, RendererStyleFlags2, Optional, Host, SkipSelf } 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';
@@ -1636,30 +1636,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
 // services
 
 class LibSvgIconComponent {
-    set icon(iconName) {
-        const svgData = this.svgIconRegistry.getIcon(iconName);
+    constructor(el, rdr, svgIconRegistry, document) {
+        this.el = el;
+        this.rdr = rdr;
+        this.svgIconRegistry = svgIconRegistry;
+        this.document = document;
+    }
+    ngOnInit() {
+        const svgData = this.svgIconRegistry.getIcon(this.icon);
         if (this.svgIcon) {
             this.el.nativeElement.removeChild(this.svgIcon);
         }
         if (svgData) {
+            console.log(this.width);
             this.svgIcon = this.svgElementFromString(svgData);
             if (this.width) {
                 this.rdr.setStyle(this.svgIcon, 'width', this.width);
             }
             if (this.height) {
+                this.rdr.setStyle(this.svgIcon, 'height', this.height);
             }
             if (this.color) {
                 this.rdr.setStyle(this.svgIcon, 'fill', this.color);
+                this.rdr.setStyle(this.svgIcon, 'stroke', this.color, RendererStyleFlags2.Important);
             }
             this.el.nativeElement.appendChild(this.svgIcon);
         }
     }
-    constructor(el, rdr, svgIconRegistry, document) {
-        this.el = el;
-        this.rdr = rdr;
-        this.svgIconRegistry = svgIconRegistry;
-        this.document = document;
-    }
     svgElementFromString(svgContent) {
         const div = this.document.createElement('DIV');
         div.innerHTML = svgContent;
@@ -1688,11 +1691,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
 
 class LibAccordionComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle" }, ngImport: i0, template: "<div class=\"accordion\">\r\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n    @if (accTitle) {\r\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n    }\r\n    <div>\r\n      <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n    </div>\r\n  </div>\r\n  @if (showAccordionContent) {\r\n  <div class=\"mt-8\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width: 480px){.accordion__title{font-size:16px;line-height:24px}}\n"], dependencies: [{ kind: "component", type: 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: LibAccordionComponent, isStandalone: true, selector: "dd-lib-accordion", inputs: { accTitle: "accTitle" }, ngImport: i0, template: "<div class=\"accordion\">\r\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n    @if (accTitle) {\r\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n    }\r\n    <div>\r\n      <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n    </div>\r\n  </div>\r\n  @if (showAccordionContent) {\r\n  <div class=\"mt-8\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [""], dependencies: [{ 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: LibAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n    @if (accTitle) {\r\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n    }\r\n    <div>\r\n      <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n    </div>\r\n  </div>\r\n  @if (showAccordionContent) {\r\n  <div class=\"mt-8\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".accordion__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion__title{font-weight:500;font-size:20px;line-height:28px;color:var(--light-black-color)}@media screen and (max-width: 480px){.accordion__title{font-size:16px;line-height:24px}}\n"] }]
+            args: [{ selector: 'dd-lib-accordion', standalone: true, imports: [NgOptimizedImage, LibSvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\r\n  <div (click)=\"showAccordionContent = !showAccordionContent\" class=\"accordion__header\">\r\n    @if (accTitle) {\r\n    <div [innerHTML]=\"accTitle\" class=\"accordion__title\"></div>\r\n    }\r\n    <div>\r\n      <dd-lib-svg-icon class=\"cup\" icon=\"{{ showAccordionContent ? 'minus' : 'plus' }}\"></dd-lib-svg-icon>\r\n    </div>\r\n  </div>\r\n  @if (showAccordionContent) {\r\n  <div class=\"mt-8\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  }\r\n</div>\r\n" }]
         }], propDecorators: { accTitle: [{
                 type: Input
             }] } });
@@ -1746,17 +1749,19 @@ 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" }, 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  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  <span #contentData><ng-content></ng-content></span>\r\n\r\n  @if (active) {\r\n    <img\r\n      (click)=\"onClear($event)\"\r\n      [ngSrc]=\"'assets/images/svg/close.svg'\"\r\n      alt=\"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C\"\r\n      class=\"ml-8 cup\"\r\n      height=\"20\"\r\n      width=\"20\" />\r\n  }\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{display:flex;align-items:center;justify-content:center;height:var(--btn-height);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:var(--btn-border-round-radius);padding:var(--btn-round-padding);font-weight:var(--font-wheit-small)}.button-container button.loader{min-width:100px}.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:hover{color:var(--btn-white-hover-color)}.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}@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: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], 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  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  <span #contentData><ng-content></ng-content></span>\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  }\r\n  @if (active) {\r\n    <dd-lib-svg-icon (click)=\"onClear($event)\" icon=\"close\" class=\"ml-8 cup\"></dd-lib-svg-icon>\r\n  }\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{display:flex;align-items:center;justify-content:center;height:var(--btn-height);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:var(--btn-border-round-radius);padding:var(--btn-round-padding);font-weight:var(--font-wheit-small)}.button-container button.loader{min-width:100px}.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:hover{color:var(--btn-white-hover-color)}.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}@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], 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  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  <span #contentData><ng-content></ng-content></span>\r\n\r\n  @if (active) {\r\n    <img\r\n      (click)=\"onClear($event)\"\r\n      [ngSrc]=\"'assets/images/svg/close.svg'\"\r\n      alt=\"\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C\"\r\n      class=\"ml-8 cup\"\r\n      height=\"20\"\r\n      width=\"20\" />\r\n  }\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{display:flex;align-items:center;justify-content:center;height:var(--btn-height);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:var(--btn-border-round-radius);padding:var(--btn-round-padding);font-weight:var(--font-wheit-small)}.button-container button.loader{min-width:100px}.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:hover{color:var(--btn-white-hover-color)}.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}@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  <span class=\"btn-title\">{{ btnTitle }}</span>\r\n  <span #contentData><ng-content></ng-content></span>\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  }\r\n  @if (active) {\r\n    <dd-lib-svg-icon (click)=\"onClear($event)\" icon=\"close\" class=\"ml-8 cup\"></dd-lib-svg-icon>\r\n  }\r\n</ng-template>\r\n", styles: [".button-container{display:inline-block}.button-container button{display:flex;align-items:center;justify-content:center;height:var(--btn-height);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:var(--btn-border-round-radius);padding:var(--btn-round-padding);font-weight:var(--font-wheit-small)}.button-container button.loader{min-width:100px}.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:hover{color:var(--btn-white-hover-color)}.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}@keyframes rotate{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { btnTitle: [{
                 type: Input
             }], clearEvent: [{
                 type: Output
             }], hintEvent: [{
                 type: Output
+            }], hintContent: [{
+                type: Input
             }] } });
 
 class LibSkeletonComponent {
@@ -2354,7 +2359,7 @@ class LibPeriodComponent {
                 useExisting: forwardRef(() => LibPeriodComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"pos-relative\">\r\n  <dd-lib-filter-button\r\n    (clearEvent)=\"clearPeriod()\"\r\n    (clickEvent)=\"showPeriod()\"\r\n    [active]=\"periodIsSelected || calendarIsSelected\"\r\n    [id]=\"idPeriod\"\r\n    btnColor=\"transparent\">\r\n    <div>\u041F\u0435\u0440\u0438\u043E\u0434</div>\r\n  </dd-lib-filter-button>\r\n  @if (periodIsShown) {\r\n  <div (ddClickOutside)=\"clickOutside($event)\" [elements]=\"[idPeriod, idCalendar]\" class=\"wrapper-calendar\">\r\n    <dd-lib-card class=\"period-block\" type=\"small\">\r\n      <div>\r\n        <div class=\"period-block__header\">\r\n          <div class=\"period-block__header_title\">\u041F\u0435\u0440\u0438\u043E\u0434</div>\r\n          <div (click)=\"clearPeriod()\" class=\"period-block__header_clear\">\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C</div>\r\n        </div>\r\n        <div class=\"period-block__list\">\r\n          @for (period of periodMenu; track period) {\r\n          <dd-lib-radio (changed)=\"selectPeriod($event)\" [(ngModel)]=\"selectedPeriod\" [value]=\"period.name\">{{\r\n            period.title\r\n          }}</dd-lib-radio>\r\n          }\r\n        </div>\r\n        <div (click)=\"calendarIsShown = !calendarIsShown\" class=\"period-block__footer\">\r\n          {{ calendarIsShown ? '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' : '\u041E\u0442\u043A\u0440\u044B\u0442\u044C' }} \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C\r\n        </div>\r\n      </div>\r\n    </dd-lib-card>\r\n    @if (calendarIsShown) {\r\n    <dd-lib-calendar\r\n      (emitDate)=\"selectDate($event)\"\r\n      [(ngModel)]=\"selectedDate\"\r\n      [id]=\"idCalendar\"\r\n      [maxDate]=\"maxDate\"\r\n      class=\"calendar-block\">\r\n    </dd-lib-calendar>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["dd-lib-filter-button{position:relative}.wrapper-calendar{position:absolute;left:0;width:352px;height:348px;z-index:101;display:block;margin-top:8px}.period-block{z-index:400;display:block;position:relative;animation:period .5s forwards}.period-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.period-block__header_title{font-weight:500}.period-block__header_clear{font-weight:500;color:var(--primary-green-color);cursor:pointer}.period-block__list dd-lib-radio{display:block;margin-bottom:16px}.period-block__footer{margin-top:8px;font-weight:500;color:var(--primary-green-color);cursor:pointer}.calendar-block{margin-top:8px;display:block;transform:translateY(-10%);animation:date .5s forwards}@keyframes period{0%{transform:translateY(-10%)}to{transform:translate(0)}}@keyframes date{0%{transform:translateY(-10%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "component", type: LibFilterButtonComponent, selector: "dd-lib-filter-button", inputs: ["btnTitle"], outputs: ["clearEvent", "hintEvent"] }, { kind: "component", type: LibRadioComponent, selector: "dd-lib-radio", inputs: ["radioId", "disabled", "required", "name", "value", "checked"], outputs: ["changed"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "mode", "maxDate", "minDate"], outputs: ["emitDate"] }, { kind: "ngmodule", type: FormsModule }, { 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: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"pos-relative\">\r\n  <dd-lib-filter-button\r\n    (clearEvent)=\"clearPeriod()\"\r\n    (clickEvent)=\"showPeriod()\"\r\n    [active]=\"periodIsSelected || calendarIsSelected\"\r\n    [id]=\"idPeriod\"\r\n    btnColor=\"transparent\">\r\n    <div>\u041F\u0435\u0440\u0438\u043E\u0434</div>\r\n  </dd-lib-filter-button>\r\n  @if (periodIsShown) {\r\n  <div (ddClickOutside)=\"clickOutside($event)\" [elements]=\"[idPeriod, idCalendar]\" class=\"wrapper-calendar\">\r\n    <dd-lib-card class=\"period-block\" type=\"small\">\r\n      <div>\r\n        <div class=\"period-block__header\">\r\n          <div class=\"period-block__header_title\">\u041F\u0435\u0440\u0438\u043E\u0434</div>\r\n          <div (click)=\"clearPeriod()\" class=\"period-block__header_clear\">\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C</div>\r\n        </div>\r\n        <div class=\"period-block__list\">\r\n          @for (period of periodMenu; track period) {\r\n          <dd-lib-radio (changed)=\"selectPeriod($event)\" [(ngModel)]=\"selectedPeriod\" [value]=\"period.name\">{{\r\n            period.title\r\n          }}</dd-lib-radio>\r\n          }\r\n        </div>\r\n        <div (click)=\"calendarIsShown = !calendarIsShown\" class=\"period-block__footer\">\r\n          {{ calendarIsShown ? '\u0417\u0430\u043A\u0440\u044B\u0442\u044C' : '\u041E\u0442\u043A\u0440\u044B\u0442\u044C' }} \u043A\u0430\u043B\u0435\u043D\u0434\u0430\u0440\u044C\r\n        </div>\r\n      </div>\r\n    </dd-lib-card>\r\n    @if (calendarIsShown) {\r\n    <dd-lib-calendar\r\n      (emitDate)=\"selectDate($event)\"\r\n      [(ngModel)]=\"selectedDate\"\r\n      [id]=\"idCalendar\"\r\n      [maxDate]=\"maxDate\"\r\n      class=\"calendar-block\">\r\n    </dd-lib-calendar>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["dd-lib-filter-button{position:relative}.wrapper-calendar{position:absolute;left:0;width:352px;height:348px;z-index:101;display:block;margin-top:8px}.period-block{z-index:400;display:block;position:relative;animation:period .5s forwards}.period-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.period-block__header_title{font-weight:500}.period-block__header_clear{font-weight:500;color:var(--primary-green-color);cursor:pointer}.period-block__list dd-lib-radio{display:block;margin-bottom:16px}.period-block__footer{margin-top:8px;font-weight:500;color:var(--primary-green-color);cursor:pointer}.calendar-block{margin-top:8px;display:block;transform:translateY(-10%);animation:date .5s forwards}@keyframes period{0%{transform:translateY(-10%)}to{transform:translate(0)}}@keyframes date{0%{transform:translateY(-10%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "component", type: LibCardComponent, selector: "dd-lib-card", inputs: ["type", "footerBtn", "sHeight", "skeleton", "parentLvlForSkeleton", "plugs", "borderRadius"], outputs: ["cardBtnEvent"] }, { kind: "component", type: LibFilterButtonComponent, selector: "dd-lib-filter-button", inputs: ["btnTitle", "hintContent"], outputs: ["clearEvent", "hintEvent"] }, { kind: "component", type: LibRadioComponent, selector: "dd-lib-radio", inputs: ["radioId", "disabled", "required", "name", "value", "checked"], outputs: ["changed"] }, { kind: "component", type: LibCalendarComponent, selector: "dd-lib-calendar", inputs: ["type", "formatDate", "formatTime", "mode", "maxDate", "minDate"], outputs: ["emitDate"] }, { kind: "ngmodule", type: FormsModule }, { 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: "directive", type: ClickOutsideDirective, selector: "[ddClickOutside]", inputs: ["elements"], outputs: ["ddClickOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibPeriodComponent, decorators: [{
             type: Component,
@@ -2832,11 +2837,11 @@ 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      <img [ngSrc]=\"'assets/images/claim-create/paperclip.svg'\" alt=\"paperclip\" height=\"24\" width=\"24\" />\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: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
 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], 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      <img [ngSrc]=\"'assets/images/claim-create/paperclip.svg'\" alt=\"paperclip\" height=\"24\" width=\"24\" />\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], 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" }]
         }] });
 
 // export function Debounce(delay: number = 1000): MethodDecorator {
@@ -3000,7 +3005,7 @@ const svgIconClear = {
 };
 const svgIconClose = {
     name: 'close',
-    data: `<svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_169_3494)"><path d="M15 5L5 15" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M5 5L15 15" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g><defs><clipPath id="clip0_169_3494"><rect fill="white" height="20" width="20"/></clipPath></defs></svg>`,
+    data: `<svg fill="none" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_169_3494)"><path d="M15 5L5 15" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M5 5L15 15" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g><defs><clipPath id="clip0_169_3494"><rect fill="white" height="20" width="20"/></clipPath></defs></svg>`,
 };
 const svgIconDobrodel = {
     name: 'dobrodel',
@@ -3230,11 +3235,11 @@ class FooterComponent {
         this.svgIconRegistry.registerIcons(icons);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FooterComponent, deps: [{ token: SvgIconsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: FooterComponent, isStandalone: true, selector: "dd-footer", ngImport: i0, template: "<div class=\"footer\">\n  <div class=\"g-container d-flex justify-between flex-wrap\">\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0423\u0441\u043B\u0443\u0433\u0438 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</div>\n        <div class=\"footer__item\">\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0443\u0441\u043B\u0443\u0433</div>\n        <div class=\"footer__item\">\u041B\u0438\u0447\u043D\u044B\u0439 \u043A\u0430\u0431\u0438\u043D\u0435\u0442</div>\n        <div class=\"footer__item\">\u041A\u0430\u0440\u0442\u0430 \u041C\u0424\u0426</div>\n        <div class=\"footer__item\">\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0443\u0441\u043B\u0443\u0433\u0438</div>\n        <div class=\"footer__item\">\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0435\u0440\u0432\u0438\u0441\u043E\u0432</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0417\u0434\u043E\u0440\u043E\u0432\u044C\u0435</div>\n        <div class=\"footer__item\">\u0417\u0430\u043F\u0438\u0441\u044C \u043A \u0432\u0440\u0430\u0447\u0443</div>\n        <div class=\"footer__item\">\u0412\u044B\u0437\u043E\u0432 \u0432\u0440\u0430\u0447\u0430 \u043D\u0430 \u0434\u043E\u043C</div>\n        <div class=\"footer__item\">\u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043F\u0440\u0430\u0432\u043A\u0443 \u043E\u043D\u043B\u0430\u0439\u043D</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0451</div>\n        <div class=\"footer__item\">\u0421\u043F\u043E\u0440\u0442</div>\n        <div class=\"footer__item\">\u041A\u0443\u043B\u044C\u0442\u0443\u0440\u0430</div>\n      </div>\n    </div>\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0420\u0435\u0448\u0430\u0435\u043C \u0432\u043C\u0435\u0441\u0442\u0435</div>\n        <div class=\"footer__item\">\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0436\u0430\u043B\u043E\u0431\u0443</div>\n        <div class=\"footer__item\">\u041E\u043F\u0440\u043E\u0441\u044B</div>\n        <div class=\"footer__item\">\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u0430\u043D\u0438\u044F</div>\n        <div class=\"footer__item\">\u041D\u0430\u0440\u043E\u0434\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442</div>\n        <div class=\"footer__item-soc\">\n          <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\n          <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\n        </div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n        <div class=\"footer__item\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435</div>\n        <div class=\"footer__apps d-flex justify-between flex-wrap\">\n          @for (soc of sharingLink; track soc) {\n          <a [href]=\"soc.url\" target=\"_blank\">\n            <dd-lib-svg-icon [icon]=\"soc.icon\"></dd-lib-svg-icon>\n\n          </a>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{width:33%;margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps img{margin-bottom:8px}\n"], dependencies: [{ 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: FooterComponent, isStandalone: true, selector: "dd-footer", ngImport: i0, template: "<div class=\"footer\">\n  <div class=\"g-container d-flex justify-between flex-wrap\">\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0423\u0441\u043B\u0443\u0433\u0438 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</div>\n        <div class=\"footer__item\">\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0443\u0441\u043B\u0443\u0433</div>\n        <div class=\"footer__item\">\u041B\u0438\u0447\u043D\u044B\u0439 \u043A\u0430\u0431\u0438\u043D\u0435\u0442</div>\n        <div class=\"footer__item\">\u041A\u0430\u0440\u0442\u0430 \u041C\u0424\u0426</div>\n        <div class=\"footer__item\">\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0443\u0441\u043B\u0443\u0433\u0438</div>\n        <div class=\"footer__item\">\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0435\u0440\u0432\u0438\u0441\u043E\u0432</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0417\u0434\u043E\u0440\u043E\u0432\u044C\u0435</div>\n        <div class=\"footer__item\">\u0417\u0430\u043F\u0438\u0441\u044C \u043A \u0432\u0440\u0430\u0447\u0443</div>\n        <div class=\"footer__item\">\u0412\u044B\u0437\u043E\u0432 \u0432\u0440\u0430\u0447\u0430 \u043D\u0430 \u0434\u043E\u043C</div>\n        <div class=\"footer__item\">\u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043F\u0440\u0430\u0432\u043A\u0443 \u043E\u043D\u043B\u0430\u0439\u043D</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0451</div>\n        <div class=\"footer__item\">\u0421\u043F\u043E\u0440\u0442</div>\n        <div class=\"footer__item\">\u041A\u0443\u043B\u044C\u0442\u0443\u0440\u0430</div>\n      </div>\n    </div>\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0420\u0435\u0448\u0430\u0435\u043C \u0432\u043C\u0435\u0441\u0442\u0435</div>\n        <div class=\"footer__item\">\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0436\u0430\u043B\u043E\u0431\u0443</div>\n        <div class=\"footer__item\">\u041E\u043F\u0440\u043E\u0441\u044B</div>\n        <div class=\"footer__item\">\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u0430\u043D\u0438\u044F</div>\n        <div class=\"footer__item\">\u041D\u0430\u0440\u043E\u0434\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442</div>\n        <div class=\"footer__item-soc\">\n          <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\n          <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\n        </div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n        <div class=\"footer__item\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435</div>\n        <div class=\"footer__apps d-flex justify-between flex-wrap\">\n          @for (soc of sharingLink; track soc) {\n          <a [href]=\"soc.url\" target=\"_blank\">\n            <dd-lib-svg-icon [icon]=\"soc.icon\"></dd-lib-svg-icon>\n          </a>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{width:33%;margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps img{margin-bottom:8px}\n"], dependencies: [{ 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: FooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgOptimizedImage, LibSvgIconComponent], template: "<div class=\"footer\">\n  <div class=\"g-container d-flex justify-between flex-wrap\">\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0423\u0441\u043B\u0443\u0433\u0438 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</div>\n        <div class=\"footer__item\">\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0443\u0441\u043B\u0443\u0433</div>\n        <div class=\"footer__item\">\u041B\u0438\u0447\u043D\u044B\u0439 \u043A\u0430\u0431\u0438\u043D\u0435\u0442</div>\n        <div class=\"footer__item\">\u041A\u0430\u0440\u0442\u0430 \u041C\u0424\u0426</div>\n        <div class=\"footer__item\">\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0443\u0441\u043B\u0443\u0433\u0438</div>\n        <div class=\"footer__item\">\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0435\u0440\u0432\u0438\u0441\u043E\u0432</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0417\u0434\u043E\u0440\u043E\u0432\u044C\u0435</div>\n        <div class=\"footer__item\">\u0417\u0430\u043F\u0438\u0441\u044C \u043A \u0432\u0440\u0430\u0447\u0443</div>\n        <div class=\"footer__item\">\u0412\u044B\u0437\u043E\u0432 \u0432\u0440\u0430\u0447\u0430 \u043D\u0430 \u0434\u043E\u043C</div>\n        <div class=\"footer__item\">\u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043F\u0440\u0430\u0432\u043A\u0443 \u043E\u043D\u043B\u0430\u0439\u043D</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0451</div>\n        <div class=\"footer__item\">\u0421\u043F\u043E\u0440\u0442</div>\n        <div class=\"footer__item\">\u041A\u0443\u043B\u044C\u0442\u0443\u0440\u0430</div>\n      </div>\n    </div>\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0420\u0435\u0448\u0430\u0435\u043C \u0432\u043C\u0435\u0441\u0442\u0435</div>\n        <div class=\"footer__item\">\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0436\u0430\u043B\u043E\u0431\u0443</div>\n        <div class=\"footer__item\">\u041E\u043F\u0440\u043E\u0441\u044B</div>\n        <div class=\"footer__item\">\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u0430\u043D\u0438\u044F</div>\n        <div class=\"footer__item\">\u041D\u0430\u0440\u043E\u0434\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442</div>\n        <div class=\"footer__item-soc\">\n          <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\n          <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\n        </div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n        <div class=\"footer__item\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435</div>\n        <div class=\"footer__apps d-flex justify-between flex-wrap\">\n          @for (soc of sharingLink; track soc) {\n          <a [href]=\"soc.url\" target=\"_blank\">\n            <dd-lib-svg-icon [icon]=\"soc.icon\"></dd-lib-svg-icon>\n\n          </a>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{width:33%;margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps img{margin-bottom:8px}\n"] }]
+            args: [{ selector: 'dd-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgOptimizedImage, LibSvgIconComponent], template: "<div class=\"footer\">\n  <div class=\"g-container d-flex justify-between flex-wrap\">\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0423\u0441\u043B\u0443\u0433\u0438 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u044B</div>\n        <div class=\"footer__item\">\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0443\u0441\u043B\u0443\u0433</div>\n        <div class=\"footer__item\">\u041B\u0438\u0447\u043D\u044B\u0439 \u043A\u0430\u0431\u0438\u043D\u0435\u0442</div>\n        <div class=\"footer__item\">\u041A\u0430\u0440\u0442\u0430 \u041C\u0424\u0426</div>\n        <div class=\"footer__item\">\u041A\u043E\u043C\u043F\u043B\u0435\u043A\u0441\u043D\u044B\u0435 \u0443\u0441\u043B\u0443\u0433\u0438</div>\n        <div class=\"footer__item\">\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0435\u0440\u0432\u0438\u0441\u043E\u0432</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0417\u0434\u043E\u0440\u043E\u0432\u044C\u0435</div>\n        <div class=\"footer__item\">\u0417\u0430\u043F\u0438\u0441\u044C \u043A \u0432\u0440\u0430\u0447\u0443</div>\n        <div class=\"footer__item\">\u0412\u044B\u0437\u043E\u0432 \u0432\u0440\u0430\u0447\u0430 \u043D\u0430 \u0434\u043E\u043C</div>\n        <div class=\"footer__item\">\u0417\u0430\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043F\u0440\u0430\u0432\u043A\u0443 \u043E\u043D\u043B\u0430\u0439\u043D</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0451</div>\n        <div class=\"footer__item\">\u0421\u043F\u043E\u0440\u0442</div>\n        <div class=\"footer__item\">\u041A\u0443\u043B\u044C\u0442\u0443\u0440\u0430</div>\n      </div>\n    </div>\n    <div class=\"footer__column d-flex justify-between\">\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u0420\u0435\u0448\u0430\u0435\u043C \u0432\u043C\u0435\u0441\u0442\u0435</div>\n        <div class=\"footer__item\">\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0436\u0430\u043B\u043E\u0431\u0443</div>\n        <div class=\"footer__item\">\u041E\u043F\u0440\u043E\u0441\u044B</div>\n        <div class=\"footer__item\">\u0413\u043E\u043B\u043E\u0441\u043E\u0432\u0430\u043D\u0438\u044F</div>\n        <div class=\"footer__item\">\u041D\u0430\u0440\u043E\u0434\u043D\u044B\u0439 \u0431\u044E\u0434\u0436\u0435\u0442</div>\n        <div class=\"footer__item-soc\">\n          <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\n          <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\n        </div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n        <div class=\"footer__item\">\u041E\u0431\u0440\u0430\u0442\u043D\u0430\u044F \u0441\u0432\u044F\u0437\u044C</div>\n      </div>\n      <div class=\"footer__menu-block\">\n        <div class=\"footer__title\">\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435</div>\n        <div class=\"footer__apps d-flex justify-between flex-wrap\">\n          @for (soc of sharingLink; track soc) {\n          <a [href]=\"soc.url\" target=\"_blank\">\n            <dd-lib-svg-icon [icon]=\"soc.icon\"></dd-lib-svg-icon>\n          </a>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{width:33%;margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps img{margin-bottom:8px}\n"] }]
         }], ctorParameters: () => [{ type: SvgIconsService }] });
 
 class MainSharedComponent {