@morozeckiy/dd-lib 0.7.54 → 0.7.62

package/assets/images/svg/award.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_1580_31182)">
+    <path d="M6 9C6 10.5913 6.63214 12.1174 7.75736 13.2426C8.88258 14.3679 10.4087 15 12 15C13.5913 15 15.1174 14.3679 16.2426 13.2426C17.3679 12.1174 18 10.5913 18 9C18 7.4087 17.3679 5.88258 16.2426 4.75736C15.1174 3.63214 13.5913 3 12 3C10.4087 3 8.88258 3.63214 7.75736 4.75736C6.63214 5.88258 6 7.4087 6 9Z" stroke="#07b700" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M12 15L15.4 20.89L16.998 17.657L20.596 17.889L17.196 12" stroke="#07b700" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.80186 12L3.40186 17.89L6.99986 17.657L8.59786 20.889L11.9979 15" stroke="#07b700" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_1580_31182">
+      <rect width="24" height="24" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, ViewChild, Input, Component, Injectable, Inject, Pipe, Directive, HostListener, InjectionToken, TemplateRef, ChangeDetectionStrategy, Injector, forwardRef, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, Optional, ElementRef, Host, SkipSelf, signal, input } from '@angular/core';
+import { EventEmitter, Output, ViewChild, Input, Component, Injectable, InjectionToken, Inject, Pipe, Directive, HostListener, TemplateRef, ChangeDetectionStrategy, Injector, forwardRef, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, Optional, ElementRef, Host, SkipSelf, signal, input } from '@angular/core';
 import * as i1$4 from '@angular/forms';
 import { Validators, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { BehaviorSubject, Subject, of, fromEvent, combineLatest } from 'rxjs';
+import { BehaviorSubject, Subject, throwError, of, fromEvent, combineLatest } from 'rxjs';
 import { format, parse, isAfter, isBefore } from 'date-fns';
 import * as i1 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';
@@ -312,13 +312,17 @@ class InterceptorsService {
     }
     /** перехватчик состояния запросов к api */
     intercept(req, next) {
+        // Пропускаем запросы к SVG
+        if (req.url.includes('.svg')) {
+            return next.handle(req);
+        }
         return next.handle(req).pipe(catchError(err => {
             if (err instanceof HttpErrorResponse) {
                 if (err.status >= 500) {
                     this.router.navigate(['tech-works']);
                 }
             }
-            throw err;
+            return throwError(() => err);
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: InterceptorsService, deps: [{ token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -430,8 +434,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+const API_URL = new InjectionToken('apiUrl', {
+    providedIn: 'root',
+    factory: () => 'api'
+});
 class FetcherService {
-    constructor(http, apiUrl = 'api') {
+    constructor(http, apiUrl) {
         this.http = http;
         this.apiUrl = apiUrl;
     }
@@ -490,7 +498,7 @@ class FetcherService {
         });
         return formData;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FetcherService, deps: [{ token: i1.HttpClient }, { token: 'apiUrl' }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FetcherService, deps: [{ token: i1.HttpClient }, { token: API_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FetcherService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FetcherService, decorators: [{
@@ -498,7 +506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
                     type: Inject,
-                    args: ['apiUrl']
+                    args: [API_URL]
                 }] }] });
 
 class FilterPipe {
@@ -2053,15 +2061,21 @@ class LibSvgIconComponent {
     ngOnInit() {
         if (this.width) {
             this.el.nativeElement.style.width = this.width;
-            // this.rdr.setStyle(this.svgIcon, 'width', 'inherit')
+            if (this.svgIcon) {
+                this.svgIcon.style.setProperty('width', this.width, 'inherit');
+            }
         }
         if (this.height) {
             this.el.nativeElement.style.height = this.height;
-            // this.rdr.setStyle(this.svgIcon, 'height', 'inherit')
+            if (this.svgIcon) {
+                this.svgIcon.style.setProperty('height', this.height, 'inherit');
+            }
         }
         if (this.color) {
             this.el.nativeElement.style.fill = this.color;
-            // this.rdr.setStyle(this.svgIcon, 'stroke', this.color, RendererStyleFlags2.Important)
+            if (this.svgIcon) {
+                this.svgIcon.style.setProperty('stroke', this.color, 'important');
+            }
         }
     }
     svgElementFromString(svgContent) {
@@ -3737,7 +3751,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
 
   Этот компонент значительно упрощает процесс отображения иконок на веб-странице, позволяя легко управлять их параметрами, такими как размеры и цвет.
 **/
-// @Deprecate
+/**
+ * @deprecated использовать lib-svg-viewer
+ */
 class LibSvgComponent {
     constructor(http, rdr) {
         this.http = http;
@@ -3790,6 +3806,126 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                 type: Input
             }] } });
 
+class LibSvgViewerComponent {
+    constructor(http, elementRef) {
+        this.http = http;
+        this.elementRef = elementRef;
+        this.path = 'assets/images/';
+        this.pack = 'svg'; // директория внутри path
+        this.icon = '';
+        this.width = '';
+        this.height = '';
+        this.color = '';
+        this.containerClass = '';
+        this.colorRules = [];
+    }
+    ngOnChanges(changes) {
+        this.loadSvg();
+    }
+    loadSvg() {
+        if (!this.path || !this.icon)
+            return;
+        this.http.get(`${this.path}${this.pack}/${this.icon}.svg`, { responseType: 'text' })
+            .pipe(catchError((error) => {
+            const errorMessage = error.message || 'Неизвестная ошибка';
+            const customError = new HttpErrorResponse({
+                error: `SVG не найден: ${errorMessage}`,
+                status: 404,
+                statusText: 'Not Found'
+            });
+            console.error(`Ошибка загрузки SVG: ${errorMessage}`, {
+                path: `${this.path}${this.pack}/${this.icon}.svg`,
+                status: error.status
+            });
+            return throwError(() => customError);
+        }))
+            .subscribe({
+            next: (svg) => {
+                this.renderSvg(svg);
+            }
+        });
+    }
+    renderSvg(svgString) {
+        const container = this.elementRef.nativeElement.querySelector('.svg-container');
+        container.innerHTML = svgString;
+        const svg = container.querySelector('svg');
+        if (!svg)
+            return;
+        // Применяем параметры
+        if (this.width) {
+            svg.style.width = this.width;
+        }
+        if (this.height) {
+            svg.style.height = this.height;
+        }
+        this.applyColorRules(svg);
+        if (this.color) {
+            this.applyColor(svg);
+        }
+    }
+    applyColorRules(svg) {
+        this.colorRules.forEach(rule => {
+            const elements = svg.querySelectorAll(rule.selector);
+            elements.forEach(el => {
+                if (rule.attribute === 'fill' || rule.attribute === 'both') {
+                    el.setAttribute('fill', rule.color);
+                }
+                if (rule.attribute === 'stroke' || rule.attribute === 'both') {
+                    el.setAttribute('stroke', rule.color);
+                }
+                // Если атрибут не указан, меняем и fill и stroke
+                if (!rule.attribute) {
+                    if (el.hasAttribute('fill')) {
+                        el.setAttribute('fill', rule.color);
+                    }
+                    if (el.hasAttribute('stroke')) {
+                        el.setAttribute('stroke', rule.color);
+                    }
+                }
+            });
+        });
+    }
+    applyColor(svg) {
+        const elements = svg.querySelectorAll('[stroke], [fill]');
+        elements.forEach(el => {
+            // Обрабатываем stroke
+            if (el.hasAttribute('stroke') &&
+                el.getAttribute('stroke') !== 'none' &&
+                el.getAttribute('stroke') !== 'transparent') {
+                el.setAttribute('stroke', this.color);
+            }
+            // Обрабатываем fill
+            if (el.hasAttribute('fill') &&
+                el.getAttribute('fill') !== 'none' &&
+                el.getAttribute('fill') !== 'transparent') {
+                el.setAttribute('fill', this.color);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibSvgViewerComponent, deps: [{ token: i1.HttpClient }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: LibSvgViewerComponent, isStandalone: true, selector: "dd-lib-svg-viewer", inputs: { path: "path", pack: "pack", icon: "icon", width: "width", height: "height", color: "color", containerClass: "containerClass", colorRules: "colorRules" }, usesOnChanges: true, ngImport: i0, template: `<div #svgContainer class="svg-container"></div>`, isInline: true, styles: [":host{display:block}svg{width:100%;height:100%;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: LibSvgViewerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-lib-svg-viewer', imports: [], standalone: true, template: `<div #svgContainer class="svg-container"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}svg{width:100%;height:100%;display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i0.ElementRef }], propDecorators: { path: [{
+                type: Input
+            }], pack: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], containerClass: [{
+                type: Input
+            }], colorRules: [{
+                type: Input
+            }] } });
+
 class ITab {
     constructor(body) {
         this.id = body.id;
@@ -5016,11 +5152,11 @@ class FooterComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FooterComponent, deps: [{ token: SvgIconsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: FooterComponent, isStandalone: true, selector: "dd-footer", outputs: { linkAction: "linkAction" }, viewQueries: [{ propertyName: "socSharing", first: true, predicate: ["socSharing"], descendants: true, static: true }, { propertyName: "appLink", first: true, predicate: ["appLink"], descendants: true, static: true }], 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      @for (item of linksLeft; track item) {\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\n      }\n    </div>\n    <div class=\"footer__column d-flex justify-between\">\n      @for (item of linksRight; track item) {\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\n      }\n    </div>\n  </div>\n</div>\n<ng-template #appLink>\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</ng-template>\n<ng-template #socSharing>\n  <a class=\"footer__item-soc mb-16\">\n    <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\n    <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\n  </a>\n</ng-template>\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "component", type: FooterLinksBlockComponent, selector: "dd-footer-links-block", inputs: ["block"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: FooterComponent, isStandalone: true, selector: "dd-footer", outputs: { linkAction: "linkAction" }, viewQueries: [{ propertyName: "socSharing", first: true, predicate: ["socSharing"], descendants: true, static: true }, { propertyName: "appLink", first: true, predicate: ["appLink"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"footer\">\r\n  <div class=\"g-container d-flex justify-between flex-wrap\">\r\n    <div class=\"footer__column d-flex justify-between\">\r\n      @for (item of linksLeft; track item) {\r\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\r\n      }\r\n    </div>\r\n    <div class=\"footer__column d-flex justify-between\">\r\n      @for (item of linksRight; track item) {\r\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template #appLink>\r\n  <div class=\"footer__apps d-flex justify-between flex-wrap\">\r\n    @for (soc of sharingLink; track soc) {\r\n      <a [href]=\"soc.url\" target=\"_blank\">\r\n        <dd-lib-svg-icon [icon]=\"soc.icon\"></dd-lib-svg-icon>\r\n      </a>\r\n    }\r\n  </div>\r\n</ng-template>\r\n<ng-template #socSharing>\r\n  <a class=\"footer__item-soc mb-16\">\r\n    <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\r\n    <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\r\n  </a>\r\n</ng-template>\r\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"], dependencies: [{ kind: "component", type: LibSvgIconComponent, selector: "dd-lib-svg-icon", inputs: ["width", "height", "color", "icon"] }, { kind: "component", type: FooterLinksBlockComponent, selector: "dd-footer-links-block", inputs: ["block"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dd-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LibSvgIconComponent, FooterLinksBlockComponent], 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      @for (item of linksLeft; track item) {\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\n      }\n    </div>\n    <div class=\"footer__column d-flex justify-between\">\n      @for (item of linksRight; track item) {\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\n      }\n    </div>\n  </div>\n</div>\n<ng-template #appLink>\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</ng-template>\n<ng-template #socSharing>\n  <a class=\"footer__item-soc mb-16\">\n    <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\n    <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\n  </a>\n</ng-template>\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"] }]
+            args: [{ selector: 'dd-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [LibSvgIconComponent, FooterLinksBlockComponent], template: "<div class=\"footer\">\r\n  <div class=\"g-container d-flex justify-between flex-wrap\">\r\n    <div class=\"footer__column d-flex justify-between\">\r\n      @for (item of linksLeft; track item) {\r\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\r\n      }\r\n    </div>\r\n    <div class=\"footer__column d-flex justify-between\">\r\n      @for (item of linksRight; track item) {\r\n        <dd-footer-links-block [block]=\"item\"></dd-footer-links-block>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n<ng-template #appLink>\r\n  <div class=\"footer__apps d-flex justify-between flex-wrap\">\r\n    @for (soc of sharingLink; track soc) {\r\n      <a [href]=\"soc.url\" target=\"_blank\">\r\n        <dd-lib-svg-icon [icon]=\"soc.icon\"></dd-lib-svg-icon>\r\n      </a>\r\n    }\r\n  </div>\r\n</ng-template>\r\n<ng-template #socSharing>\r\n  <a class=\"footer__item-soc mb-16\">\r\n    <dd-lib-svg-icon icon=\"vk\"></dd-lib-svg-icon>\r\n    <dd-lib-svg-icon icon=\"tg\"></dd-lib-svg-icon>\r\n  </a>\r\n</ng-template>\r\n", styles: [".footer{padding:40px 0;background-color:var(--footer-color);border-top:1px solid var(--footer-border-color);color:var(--footer-font-coolor)}@media screen and (max-width: 840px){.footer{padding-bottom:16px}}@media screen and (max-width: 480px){.footer{padding:24px 0}}.footer__column:first-child{width:41%}@media screen and (max-width: 1320px){.footer__column:first-child{width:44%}}@media screen and (max-width: 840px){.footer__column:first-child{width:100%}}@media screen and (max-width: 480px){.footer__column:first-child{width:44%;flex-wrap:wrap}}.footer__column:last-child{width:53%}@media screen and (max-width: 840px){.footer__column:last-child{width:100%}}@media screen and (max-width: 480px){.footer__column:last-child{width:48%;flex-wrap:wrap}}.footer__menu-block{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 840px){.footer__menu-block{margin-bottom:24px}}@media screen and (max-width: 480px){.footer__menu-block{width:100%;margin-bottom:0}}.footer__title{font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;text-align:left;margin-bottom:24px;cursor:default}@media screen and (max-width: 480px){.footer__title{line-height:28px}}.footer__item{font-size:14px;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;margin-bottom:16px;cursor:pointer;display:block}@media screen and (max-width: 480px){.footer__item{line-height:24px}}.footer__item:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg{cursor:pointer}.footer__item-soc dd-lib-svg-icon ::ng-deep svg:hover{opacity:.8}.footer__item-soc dd-lib-svg-icon ::ng-deep svg path{fill:var(--footer-soc-icon)}.footer__apps{max-width:278px;cursor:pointer}@media screen and (max-width: 1320px){.footer__apps{max-width:135px}}.footer__apps ::ng-deep svg{margin-bottom:8px}\n"] }]
         }], ctorParameters: () => [{ type: SvgIconsService }], propDecorators: { socSharing: [{
                 type: ViewChild,
                 args: ['socSharing', { static: true }]
@@ -5133,5 +5269,5 @@ const t = true;
  * Generated bundle index. Do not edit.
  */
 
-export { AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
+export { API_URL, AutoHeightDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FilterTabsPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibPeriodComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibSvgViewerComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
 //# sourceMappingURL=morozeckiy-dd-lib.mjs.map