@morozeckiy/dd-lib 0.1.30 → 0.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/images/svg/close.svg +1 -1
- package/assets/scss/mixins.scss +119 -119
- package/assets/scss/reset.scss +4 -0
- package/assets/styles.scss +1 -1
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/lib-file-loader/lib-file-loader.component.mjs +4 -3
- package/esm2022/lib/lib-filter-button/lib-filter-button.component.mjs +4 -3
- package/esm2022/lib/lib-svg-icon/lib-svg-icon.component.mjs +13 -10
- package/esm2022/lib/svg-icons/svg-icon.model.mjs +2 -2
- package/fesm2022/morozeckiy-dd-lib.mjs +19 -16
- package/fesm2022/morozeckiy-dd-lib.mjs.map +1 -1
- package/lib/lib-svg-icon/lib-svg-icon.component.d.ts +4 -3
- package/{morozeckiy-dd-lib-0.1.30.tgz → morozeckiy-dd-lib-0.1.32.tgz} +0 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
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';
|
|
2
|
+
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';
|
|
3
3
|
import * as i1$5 from '@angular/forms';
|
|
4
4
|
import { NG_VALUE_ACCESSOR, FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
@@ -1636,30 +1636,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
1636
1636
|
// services
|
|
1637
1637
|
|
|
1638
1638
|
class LibSvgIconComponent {
|
|
1639
|
-
|
|
1640
|
-
|
|
1639
|
+
constructor(el, rdr, svgIconRegistry, document) {
|
|
1640
|
+
this.el = el;
|
|
1641
|
+
this.rdr = rdr;
|
|
1642
|
+
this.svgIconRegistry = svgIconRegistry;
|
|
1643
|
+
this.document = document;
|
|
1644
|
+
}
|
|
1645
|
+
ngOnInit() {
|
|
1646
|
+
const svgData = this.svgIconRegistry.getIcon(this.icon);
|
|
1641
1647
|
if (this.svgIcon) {
|
|
1642
1648
|
this.el.nativeElement.removeChild(this.svgIcon);
|
|
1643
1649
|
}
|
|
1644
1650
|
if (svgData) {
|
|
1651
|
+
console.log(this.width);
|
|
1645
1652
|
this.svgIcon = this.svgElementFromString(svgData);
|
|
1646
1653
|
if (this.width) {
|
|
1647
1654
|
this.rdr.setStyle(this.svgIcon, 'width', this.width);
|
|
1648
1655
|
}
|
|
1649
1656
|
if (this.height) {
|
|
1657
|
+
this.rdr.setStyle(this.svgIcon, 'height', this.height);
|
|
1650
1658
|
}
|
|
1651
1659
|
if (this.color) {
|
|
1652
1660
|
this.rdr.setStyle(this.svgIcon, 'fill', this.color);
|
|
1661
|
+
this.rdr.setStyle(this.svgIcon, 'stroke', this.color, RendererStyleFlags2.Important);
|
|
1653
1662
|
}
|
|
1654
1663
|
this.el.nativeElement.appendChild(this.svgIcon);
|
|
1655
1664
|
}
|
|
1656
1665
|
}
|
|
1657
|
-
constructor(el, rdr, svgIconRegistry, document) {
|
|
1658
|
-
this.el = el;
|
|
1659
|
-
this.rdr = rdr;
|
|
1660
|
-
this.svgIconRegistry = svgIconRegistry;
|
|
1661
|
-
this.document = document;
|
|
1662
|
-
}
|
|
1663
1666
|
svgElementFromString(svgContent) {
|
|
1664
1667
|
const div = this.document.createElement('DIV');
|
|
1665
1668
|
div.innerHTML = svgContent;
|
|
@@ -1746,11 +1749,11 @@ class LibFilterButtonComponent extends LibCommonButtonComponent {
|
|
|
1746
1749
|
this.hintEvent.emit();
|
|
1747
1750
|
}
|
|
1748
1751
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFilterButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1749
|
-
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
|
|
1752
|
+
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 }); }
|
|
1750
1753
|
}
|
|
1751
1754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFilterButtonComponent, decorators: [{
|
|
1752
1755
|
type: Component,
|
|
1753
|
-
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 @if (hintContent) {\r\n
|
|
1756
|
+
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"] }]
|
|
1754
1757
|
}], propDecorators: { btnTitle: [{
|
|
1755
1758
|
type: Input
|
|
1756
1759
|
}], clearEvent: [{
|
|
@@ -2834,11 +2837,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
2834
2837
|
|
|
2835
2838
|
class LibFileLoaderComponent {
|
|
2836
2839
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2837
|
-
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 <
|
|
2840
|
+
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 }); }
|
|
2838
2841
|
}
|
|
2839
2842
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, decorators: [{
|
|
2840
2843
|
type: Component,
|
|
2841
|
-
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 <
|
|
2844
|
+
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" }]
|
|
2842
2845
|
}] });
|
|
2843
2846
|
|
|
2844
2847
|
// export function Debounce(delay: number = 1000): MethodDecorator {
|
|
@@ -3002,7 +3005,7 @@ const svgIconClear = {
|
|
|
3002
3005
|
};
|
|
3003
3006
|
const svgIconClose = {
|
|
3004
3007
|
name: 'close',
|
|
3005
|
-
data: `<svg fill="none"
|
|
3008
|
+
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>`,
|
|
3006
3009
|
};
|
|
3007
3010
|
const svgIconDobrodel = {
|
|
3008
3011
|
name: 'dobrodel',
|
|
@@ -3232,11 +3235,11 @@ class FooterComponent {
|
|
|
3232
3235
|
this.svgIconRegistry.registerIcons(icons);
|
|
3233
3236
|
}
|
|
3234
3237
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FooterComponent, deps: [{ token: SvgIconsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3235
|
-
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
|
|
3238
|
+
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 }); }
|
|
3236
3239
|
}
|
|
3237
3240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FooterComponent, decorators: [{
|
|
3238
3241
|
type: Component,
|
|
3239
|
-
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
|
|
3242
|
+
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"] }]
|
|
3240
3243
|
}], ctorParameters: () => [{ type: SvgIconsService }] });
|
|
3241
3244
|
|
|
3242
3245
|
class MainSharedComponent {
|