@morozeckiy/dd-lib 0.7.55 → 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

@@ -2,7 +2,7 @@ import * as i0 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 }); }
@@ -2057,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) {
@@ -3741,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;
@@ -3794,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;
@@ -5137,5 +5269,5 @@ const t = true;
  * Generated bundle index. Do not edit.
  */
 
-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, 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