@morozeckiy/dd-lib 0.1.30 → 0.1.31
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-accordion/lib-accordion.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 +21 -18
- 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.31.tgz} +0 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg fill="none"
|
|
1
|
+
<svg fill="none" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_169_3494)">
|
|
3
3
|
<path d="M15 5L5 15" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
|
|
4
4
|
<path d="M5 5L15 15" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
|
package/assets/scss/mixins.scss
CHANGED
|
@@ -1,119 +1,119 @@
|
|
|
1
|
-
// =============================================================================
|
|
2
|
-
// Медиа запросы
|
|
3
|
-
// =============================================================================
|
|
4
|
-
|
|
5
|
-
// меньше указанной величины (по умолчанию ширина)
|
|
6
|
-
@mixin below($width, $orientation: 'width') {
|
|
7
|
-
@media screen and (max-#{$orientation}: $width) {
|
|
8
|
-
@content;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// больше указанной величины (по умолчанию ширина)
|
|
13
|
-
@mixin above($width, $orientation: 'width') {
|
|
14
|
-
@media screen and (min-#{$orientation}: $width) {
|
|
15
|
-
@content;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
// между первой и второй величиной (по умолчанию ширина)
|
|
20
|
-
@mixin between($minWidth, $maxWidth, $orientation: 'width') {
|
|
21
|
-
@media screen and (min-#{$orientation}: $minWidth) and (max-#{$orientation}: $maxWidth) {
|
|
22
|
-
@content;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
// =============================================================================
|
|
27
|
-
// String Replace (вспомогательный миксин для font-face)
|
|
28
|
-
// =============================================================================
|
|
29
|
-
|
|
30
|
-
@function str-replace($string, $search, $replace: '') {
|
|
31
|
-
$index: str-index($string, $search);
|
|
32
|
-
|
|
33
|
-
@if $index {
|
|
34
|
-
@return str-slice($string, 1, $index - 1) + $replace +
|
|
35
|
-
str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
@return $string;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
// =============================================================================
|
|
42
|
-
// Font Face
|
|
43
|
-
// =============================================================================
|
|
44
|
-
|
|
45
|
-
// $name - название для font-family
|
|
46
|
-
// $path - путь к шрифту без формата
|
|
47
|
-
// $weight - font-weight
|
|
48
|
-
// $style - font-style
|
|
49
|
-
// $exts - форматы шрифта, которые используются
|
|
50
|
-
@mixin font-face($name, $path, $weight: null, $style: null, $exts: otf eot woff2 woff ttf svg) {
|
|
51
|
-
$src: null;
|
|
52
|
-
|
|
53
|
-
$extmods: (
|
|
54
|
-
eot: '?',
|
|
55
|
-
svg: '#' + str-replace($name, ' ', '_'),
|
|
56
|
-
);
|
|
57
|
-
|
|
58
|
-
$formats: (
|
|
59
|
-
otf: 'opentype',
|
|
60
|
-
ttf: 'truetype',
|
|
61
|
-
);
|
|
62
|
-
|
|
63
|
-
@each $ext in $exts {
|
|
64
|
-
$extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext);
|
|
65
|
-
$format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext);
|
|
66
|
-
$src: append($src, url(quote($path + '.' + $extmod)) format(quote($format)), comma);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
@font-face {
|
|
70
|
-
font-family: quote($name);
|
|
71
|
-
font-style: $style;
|
|
72
|
-
font-weight: $weight;
|
|
73
|
-
src: $src;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
@mixin offsets($prefix) {
|
|
78
|
-
@for $i from 0 through 24 {
|
|
79
|
-
.#{$prefix}mt-#{$i * 4} {
|
|
80
|
-
margin-top: #{$i * 4}px;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.#{$prefix}mb-#{$i * 4} {
|
|
84
|
-
margin-bottom: #{$i * 4}px;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.#{$prefix}ml-#{$i * 4} {
|
|
88
|
-
margin-left: #{$i * 4}px;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.#{$prefix}mr-#{$i * 4} {
|
|
92
|
-
margin-right: #{$i * 4}px;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.#{$prefix}m-#{$i * 4} {
|
|
96
|
-
margin: #{$i * 4}px;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.#{$prefix}pt-#{$i * 4} {
|
|
100
|
-
padding-top: #{$i * 4}px;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.#{$prefix}pb-#{$i * 4} {
|
|
104
|
-
padding-bottom: #{$i * 4}px;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.#{$prefix}pl-#{$i * 4} {
|
|
108
|
-
padding-left: #{$i * 4}px;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.#{$prefix}pr-#{$i * 4} {
|
|
112
|
-
padding-right: #{$i * 4}px;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.#{$prefix}p-#{$i * 4} {
|
|
116
|
-
padding: #{$i * 4}px;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
1
|
+
// =============================================================================
|
|
2
|
+
// Медиа запросы
|
|
3
|
+
// =============================================================================
|
|
4
|
+
|
|
5
|
+
// меньше указанной величины (по умолчанию ширина)
|
|
6
|
+
@mixin below($width, $orientation: 'width') {
|
|
7
|
+
@media screen and (max-#{$orientation}: $width) {
|
|
8
|
+
@content;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// больше указанной величины (по умолчанию ширина)
|
|
13
|
+
@mixin above($width, $orientation: 'width') {
|
|
14
|
+
@media screen and (min-#{$orientation}: $width) {
|
|
15
|
+
@content;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// между первой и второй величиной (по умолчанию ширина)
|
|
20
|
+
@mixin between($minWidth, $maxWidth, $orientation: 'width') {
|
|
21
|
+
@media screen and (min-#{$orientation}: $minWidth) and (max-#{$orientation}: $maxWidth) {
|
|
22
|
+
@content;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
// =============================================================================
|
|
27
|
+
// String Replace (вспомогательный миксин для font-face)
|
|
28
|
+
// =============================================================================
|
|
29
|
+
|
|
30
|
+
@function str-replace($string, $search, $replace: '') {
|
|
31
|
+
$index: str-index($string, $search);
|
|
32
|
+
|
|
33
|
+
@if $index {
|
|
34
|
+
@return str-slice($string, 1, $index - 1) + $replace +
|
|
35
|
+
str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@return $string;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
// =============================================================================
|
|
42
|
+
// Font Face
|
|
43
|
+
// =============================================================================
|
|
44
|
+
|
|
45
|
+
// $name - название для font-family
|
|
46
|
+
// $path - путь к шрифту без формата
|
|
47
|
+
// $weight - font-weight
|
|
48
|
+
// $style - font-style
|
|
49
|
+
// $exts - форматы шрифта, которые используются
|
|
50
|
+
@mixin font-face($name, $path, $weight: null, $style: null, $exts: otf eot woff2 woff ttf svg) {
|
|
51
|
+
$src: null;
|
|
52
|
+
|
|
53
|
+
$extmods: (
|
|
54
|
+
eot: '?',
|
|
55
|
+
svg: '#' + str-replace($name, ' ', '_'),
|
|
56
|
+
);
|
|
57
|
+
|
|
58
|
+
$formats: (
|
|
59
|
+
otf: 'opentype',
|
|
60
|
+
ttf: 'truetype',
|
|
61
|
+
);
|
|
62
|
+
|
|
63
|
+
@each $ext in $exts {
|
|
64
|
+
$extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext);
|
|
65
|
+
$format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext);
|
|
66
|
+
$src: append($src, url(quote($path + '.' + $extmod)) format(quote($format)), comma);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
@font-face {
|
|
70
|
+
font-family: quote($name);
|
|
71
|
+
font-style: $style;
|
|
72
|
+
font-weight: $weight;
|
|
73
|
+
src: $src;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
@mixin offsets($prefix) {
|
|
78
|
+
@for $i from 0 through 24 {
|
|
79
|
+
.#{$prefix}mt-#{$i * 4} {
|
|
80
|
+
margin-top: #{$i * 4}px;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.#{$prefix}mb-#{$i * 4} {
|
|
84
|
+
margin-bottom: #{$i * 4}px;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.#{$prefix}ml-#{$i * 4} {
|
|
88
|
+
margin-left: #{$i * 4}px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.#{$prefix}mr-#{$i * 4} {
|
|
92
|
+
margin-right: #{$i * 4}px;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.#{$prefix}m-#{$i * 4} {
|
|
96
|
+
margin: #{$i * 4}px;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.#{$prefix}pt-#{$i * 4} {
|
|
100
|
+
padding-top: #{$i * 4}px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.#{$prefix}pb-#{$i * 4} {
|
|
104
|
+
padding-bottom: #{$i * 4}px;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.#{$prefix}pl-#{$i * 4} {
|
|
108
|
+
padding-left: #{$i * 4}px;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.#{$prefix}pr-#{$i * 4} {
|
|
112
|
+
padding-right: #{$i * 4}px;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.#{$prefix}p-#{$i * 4} {
|
|
116
|
+
padding: #{$i * 4}px;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
package/assets/scss/reset.scss
CHANGED
package/assets/styles.scss
CHANGED
|
@@ -13,10 +13,10 @@ export class FooterComponent {
|
|
|
13
13
|
this.svgIconRegistry.registerIcons(icons);
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FooterComponent, deps: [{ token: i1.SvgIconsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
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
|
|
16
|
+
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 }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FooterComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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
|
|
20
|
+
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"] }]
|
|
21
21
|
}], ctorParameters: () => [{ type: i1.SvgIconsService }] });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RkLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUU5RSxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxLQUFLLE9BQU8sTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBVzFELE1BQU0sT0FBTyxlQUFlO0lBRTFCLFlBQ1UsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBRnZCLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBSzNDLE1BQU0sS0FBSyxHQUFjLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFjLENBQUM7UUFDN0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzs4R0FSVSxlQUFlO2tHQUFmLGVBQWUscUVDaEI1Qix1N0dBb0RBLDQ2RER0QzhCLG1CQUFtQjs7MkZBRXBDLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtMaWJTdmdJY29uQ29tcG9uZW50fSBmcm9tIFwiLi4vLi4vbGliLXN2Zy1pY29uL2xpYi1zdmctaWNvbi5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtTdmdJY29uc1NlcnZpY2V9IGZyb20gXCIuLi8uLi9jb3JlXCI7XHJcbmltcG9ydCB7U2hhcmluZ0xpbmt9IGZyb20gXCIuLi8uLi9jb21tb24vY29uc3RcIjtcclxuaW1wb3J0ICogYXMgc3ZnSWNvbiBmcm9tIFwiLi4vLi4vc3ZnLWljb25zL3N2Zy1pY29uLm1vZGVsXCI7XHJcbmltcG9ydCB7U3ZnSWNvbn0gZnJvbSBcIi4uLy4uL3N2Zy1pY29ucy9zdmctaWNvbi5tb2RlbFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZC1mb290ZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvb3Rlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9vdGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgaW1wb3J0czogW05nT3B0aW1pemVkSW1hZ2UsIExpYlN2Z0ljb25Db21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9vdGVyQ29tcG9uZW50IHtcclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc2hhcmluZ0xpbmsgPSBTaGFyaW5nTGluaztcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgc3ZnSWNvblJlZ2lzdHJ5OiBTdmdJY29uc1NlcnZpY2UsXHJcblxyXG4gICkge1xyXG4gICAgY29uc3QgaWNvbnM6IFN2Z0ljb25bXSA9IE9iamVjdC52YWx1ZXMoc3ZnSWNvbikgYXMgU3ZnSWNvbltdO1xyXG4gICAgdGhpcy5zdmdJY29uUmVnaXN0cnkucmVnaXN0ZXJJY29ucyhpY29ucyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmb290ZXJcIj5cbiAgPGRpdiBjbGFzcz1cImctY29udGFpbmVyIGQtZmxleCBqdXN0aWZ5LWJldHdlZW4gZmxleC13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9fY29sdW1uIGQtZmxleCBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX21lbnUtYmxvY2tcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9fdGl0bGVcIj7Qo9GB0LvRg9Cz0Lgg0Lgg0YHQtdGA0LLQuNGB0Ys8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9faXRlbVwiPtCa0LDRgtCw0LvQvtCzINGD0YHQu9GD0LM8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9faXRlbVwiPtCb0LjRh9C90YvQuSDQutCw0LHQuNC90LXRgjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtXCI+0JrQsNGA0YLQsCDQnNCk0KY8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9faXRlbVwiPtCa0L7QvNC/0LvQtdC60YHQvdGL0LUg0YPRgdC70YPQs9C4PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX2l0ZW1cIj7QodC/0LjRgdC+0Log0YHQtdGA0LLQuNGB0L7QsjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19tZW51LWJsb2NrXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX3RpdGxlXCI+0JfQtNC+0YDQvtCy0YzQtTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtXCI+0JfQsNC/0LjRgdGMINC6INCy0YDQsNGH0YM8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9faXRlbVwiPtCS0YvQt9C+0LIg0LLRgNCw0YfQsCDQvdCwINC00L7QvDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtXCI+0JfQsNC60LDQt9Cw0YLRjCDRgdC/0YDQsNCy0LrRgyDQvtC90LvQsNC50L08L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9fbWVudS1ibG9ja1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX190aXRsZVwiPtCc0L7RkTwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtXCI+0KHQv9C+0YDRgjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtXCI+0JrRg9C70YzRgtGD0YDQsDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9fY29sdW1uIGQtZmxleCBqdXN0aWZ5LWJldHdlZW5cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX21lbnUtYmxvY2tcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9fdGl0bGVcIj7QoNC10YjQsNC10Lwg0LLQvNC10YHRgtC1PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX2l0ZW1cIj7QntGB0YLQsNCy0LjRgtGMINC20LDQu9C+0LHRgzwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtXCI+0J7Qv9GA0L7RgdGLPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX2l0ZW1cIj7Qk9C+0LvQvtGB0L7QstCw0L3QuNGPPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX2l0ZW1cIj7QndCw0YDQvtC00L3Ri9C5INCx0Y7QtNC20LXRgjwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19pdGVtLXNvY1wiPlxuICAgICAgICAgIDxkZC1saWItc3ZnLWljb24gaWNvbj1cInZrXCI+PC9kZC1saWItc3ZnLWljb24+XG4gICAgICAgICAgPGRkLWxpYi1zdmctaWNvbiBpY29uPVwidGdcIj48L2RkLWxpYi1zdmctaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX21lbnUtYmxvY2tcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9fdGl0bGVcIj7QntCx0YDQsNGC0L3QsNGPINGB0LLRj9C30Yw8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvb3Rlcl9faXRlbVwiPtCe0LHRgNCw0YLQvdCw0Y8g0YHQstGP0LfRjDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyX19tZW51LWJsb2NrXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX3RpdGxlXCI+0JzQvtCx0LjQu9GM0L3QvtC1INC/0YDQuNC70L7QttC10L3QuNC1PC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb290ZXJfX2FwcHMgZC1mbGV4IGp1c3RpZnktYmV0d2VlbiBmbGV4LXdyYXBcIj5cbiAgICAgICAgICBAZm9yIChzb2Mgb2Ygc2hhcmluZ0xpbms7IHRyYWNrIHNvYykge1xuICAgICAgICAgIDxhIFtocmVmXT1cInNvYy51cmxcIiB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgICAgICAgIDxkZC1saWItc3ZnLWljb24gW2ljb25dPVwic29jLmljb25cIj48L2RkLWxpYi1zdmctaWNvbj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -4,12 +4,12 @@ import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class LibAccordionComponent {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
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: ["
|
|
7
|
+
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 }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibAccordionComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
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"
|
|
11
|
+
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" }]
|
|
12
12
|
}], propDecorators: { accTitle: [{
|
|
13
13
|
type: Input
|
|
14
14
|
}] } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLWFjY29yZGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZC1saWIvc3JjL2xpYi9saWItYWNjb3JkaW9uL2xpYi1hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLWFjY29yZGlvbi9saWItYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBRWpELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHdDQUF3QyxDQUFDOztBQVUzRSxNQUFNLE9BQU8scUJBQXFCOzhHQUFyQixxQkFBcUI7a0dBQXJCLHFCQUFxQiw4R0NibEMsMGZBZUEsMEREUDhCLG1CQUFtQjs7MkZBS3BDLHFCQUFxQjtrQkFSakMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsbUJBQW1CLENBQUMsbUJBRy9CLHVCQUF1QixDQUFDLE1BQU07OEJBRy9CLFFBQVE7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtOZ09wdGltaXplZEltYWdlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1NhZmVIdG1sfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuaW1wb3J0IHtMaWJTdmdJY29uQ29tcG9uZW50fSBmcm9tIFwiLi4vbGliLXN2Zy1pY29uL2xpYi1zdmctaWNvbi5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtbGliLWFjY29yZGlvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTmdPcHRpbWl6ZWRJbWFnZSwgTGliU3ZnSWNvbkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xpYi1hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9saWItYWNjb3JkaW9uLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExpYkFjY29yZGlvbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcHVibGljIGFjY1RpdGxlOiBzdHJpbmcgfCBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcclxuICBwdWJsaWMgc2hvd0FjY29yZGlvbkNvbnRlbnQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFjY29yZGlvblwiPlxyXG4gIDxkaXYgKGNsaWNrKT1cInNob3dBY2NvcmRpb25Db250ZW50ID0gIXNob3dBY2NvcmRpb25Db250ZW50XCIgY2xhc3M9XCJhY2NvcmRpb25fX2hlYWRlclwiPlxyXG4gICAgQGlmIChhY2NUaXRsZSkge1xyXG4gICAgPGRpdiBbaW5uZXJIVE1MXT1cImFjY1RpdGxlXCIgY2xhc3M9XCJhY2NvcmRpb25fX3RpdGxlXCI+PC9kaXY+XHJcbiAgICB9XHJcbiAgICA8ZGl2PlxyXG4gICAgICA8ZGQtbGliLXN2Zy1pY29uIGNsYXNzPVwiY3VwXCIgaWNvbj1cInt7IHNob3dBY2NvcmRpb25Db250ZW50ID8gJ21pbnVzJyA6ICdwbHVzJyB9fVwiPjwvZGQtbGliLXN2Zy1pY29uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgQGlmIChzaG93QWNjb3JkaW9uQ29udGVudCkge1xyXG4gIDxkaXYgY2xhc3M9XCJtdC04XCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
2
|
import { LibButtonComponent } from '../lib-button/lib-button.component';
|
|
3
3
|
import { NgOptimizedImage } from '@angular/common';
|
|
4
|
+
import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class LibFileLoaderComponent {
|
|
6
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
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 <
|
|
8
|
+
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 }); }
|
|
8
9
|
}
|
|
9
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFileLoaderComponent, decorators: [{
|
|
10
11
|
type: Component,
|
|
11
|
-
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 <
|
|
12
|
+
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" }]
|
|
12
13
|
}] });
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLWZpbGUtbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RkLWxpYi9zcmMvbGliL2xpYi1maWxlLWxvYWRlci9saWItZmlsZS1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLWZpbGUtbG9hZGVyL2xpYi1maWxlLWxvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHdDQUF3QyxDQUFDOztBQVUzRSxNQUFNLE9BQU8sc0JBQXNCOzhHQUF0QixzQkFBc0I7a0dBQXRCLHNCQUFzQiw4RUNibkMscVZBUUEsMEREQVksa0JBQWtCLGdHQUFvQixtQkFBbUI7OzJGQUt4RCxzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLGtCQUFrQixFQUFFLGdCQUFnQixFQUFFLG1CQUFtQixDQUFDLG1CQUduRCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtMaWJCdXR0b25Db21wb25lbnR9IGZyb20gJy4uL2xpYi1idXR0b24vbGliLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQge05nT3B0aW1pemVkSW1hZ2V9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7TGliU3ZnSWNvbkNvbXBvbmVudH0gZnJvbSBcIi4uL2xpYi1zdmctaWNvbi9saWItc3ZnLWljb24uY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2RkLWxpYi1maWxlLWxvYWRlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbTGliQnV0dG9uQ29tcG9uZW50LCBOZ09wdGltaXplZEltYWdlLCBMaWJTdmdJY29uQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGliLWZpbGUtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbGliLWZpbGUtbG9hZGVyLmNvbXBvbmVudC5zY3NzJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIExpYkZpbGVMb2FkZXJDb21wb25lbnQge31cclxuIiwiPGRkLWxpYi1idXR0b24gYnRuQ29sb3I9XCJ3aGl0ZVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24tY2VudGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibXItOFwiPlxyXG4gICAgICA8ZGQtbGliLXN2Zy1pY29uIGljb249XCJwYXBlcmNsaXBcIj48L2RkLWxpYi1zdmctaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlLXNvYy1idG5cIj7QlNC+0LHQsNCy0LjRgtGMINGE0LDQudC70Ys8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kZC1saWItYnV0dG9uPlxyXG4iXX0=
|
|
@@ -3,6 +3,7 @@ import { CommonModule, NgOptimizedImage } from '@angular/common';
|
|
|
3
3
|
import { LibCommonButtonComponent } from '../common/lib-common-button';
|
|
4
4
|
import { FormsModule } from '@angular/forms';
|
|
5
5
|
import { TooltipDirective } from "../core";
|
|
6
|
+
import { LibSvgIconComponent } from "../lib-svg-icon/lib-svg-icon.component";
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "@angular/common";
|
|
8
9
|
export class LibFilterButtonComponent extends LibCommonButtonComponent {
|
|
@@ -23,11 +24,11 @@ export class LibFilterButtonComponent extends LibCommonButtonComponent {
|
|
|
23
24
|
this.hintEvent.emit();
|
|
24
25
|
}
|
|
25
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFilterButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
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
|
|
27
|
+
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 }); }
|
|
27
28
|
}
|
|
28
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LibFilterButtonComponent, decorators: [{
|
|
29
30
|
type: Component,
|
|
30
|
-
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
|
|
31
|
+
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"] }]
|
|
31
32
|
}], propDecorators: { btnTitle: [{
|
|
32
33
|
type: Input
|
|
33
34
|
}], clearEvent: [{
|
|
@@ -37,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
37
38
|
}], hintContent: [{
|
|
38
39
|
type: Input
|
|
39
40
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLWZpbHRlci1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLWZpbHRlci1idXR0b24vbGliLWZpbHRlci1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGQtbGliL3NyYy9saWIvbGliLWZpbHRlci1idXR0b24vbGliLWZpbHRlci1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1Qsc0JBQXNCLEVBQ3RCLFlBQVksRUFDWixLQUFLLEVBQ0wsZ0JBQWdCLEVBQ2hCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsWUFBWSxFQUFFLGdCQUFnQixFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDL0QsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBYyxnQkFBZ0IsRUFBQyxNQUFNLFNBQVMsQ0FBQztBQUN0RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQzs7O0FBVzNFLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSx3QkFBd0I7SUFUdEU7O1FBV21CLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBZXZEO0lBWlEsT0FBTyxDQUFDLE1BQWtCO1FBQy9CLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN4QixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU0sU0FBUyxDQUFDLE1BQWtCO1FBQ2pDLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDOzhHQWpCVSx3QkFBd0I7a0dBQXhCLHdCQUF3QixvT0N4QnJDLDZ5Q0F1Q0EsNjdFRGxCWSxZQUFZLHdYQUFFLFdBQVcsK0JBQW9CLGdCQUFnQiw0RkFBRSxtQkFBbUI7OzJGQUdqRix3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBQ3BCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLENBQUMsV0FDcEYsQ0FBQyxzQkFBc0IsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFHbkMsUUFBUTtzQkFBdkIsS0FBSztnQkFDVyxVQUFVO3NCQUExQixNQUFNO2dCQUNVLFNBQVM7c0JBQXpCLE1BQU07Z0JBQ1MsV0FBVztzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE5PX0VSUk9SU19TQ0hFTUEsXHJcbiAgT3V0cHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZSwgTmdPcHRpbWl6ZWRJbWFnZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtMaWJDb21tb25CdXR0b25Db21wb25lbnR9IGZyb20gJy4uL2NvbW1vbi9saWItY29tbW9uLWJ1dHRvbic7XHJcbmltcG9ydCB7Rm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHtUb29sdGlwRGF0YSwgVG9vbHRpcERpcmVjdGl2ZX0gZnJvbSBcIi4uL2NvcmVcIjtcclxuaW1wb3J0IHtMaWJTdmdJY29uQ29tcG9uZW50fSBmcm9tIFwiLi4vbGliLXN2Zy1pY29uL2xpYi1zdmctaWNvbi5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZGQtbGliLWZpbHRlci1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xpYi1maWx0ZXItYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbGliLWZpbHRlci1idXR0b24uY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEZvcm1zTW9kdWxlLCBOZ09wdGltaXplZEltYWdlLCBUb29sdGlwRGlyZWN0aXZlLCBMaWJTdmdJY29uQ29tcG9uZW50XSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTk9fRVJST1JTX1NDSEVNQV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMaWJGaWx0ZXJCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBMaWJDb21tb25CdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5UaXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xlYXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcclxuICBAT3V0cHV0KCkgcHVibGljIGhpbnRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVsbD4oKTtcclxuICBASW5wdXQoKSBwdWJsaWMgaGludENvbnRlbnQ6IFRvb2x0aXBEYXRhIHwgdW5kZWZpbmVkO1xyXG5cclxuICBwdWJsaWMgb25DbGVhcigkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5hY3RpdmUgPSBmYWxzZTtcclxuICAgIHRoaXMuY2xlYXJFdmVudC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGludENsaWNrKCRldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICB0aGlzLmhpbnRFdmVudC5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtuZ1N0eWxlXT1cInt3aWR0aH1cIiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cclxuICA8YnV0dG9uXHJcbiAgICAjYnRuXHJcbiAgICBbYXR0ci50YWJJbmRleF09XCJkaXNhYmxlZCA/IC0xIDogMFwiXHJcbiAgICBbYXV0b2ZvY3VzXT1cImF1dG9mb2N1c1wiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICBkaXNhYmxlZDogZGlzYWJsZWQsXHJcbiAgICAgIGxvYWRlcjogc2hvd0xvYWRlcixcclxuICAgICAgYWN0aXZlOiBhY3RpdmUsXHJcbiAgICAgIHdoaXRlOiBidG5Db2xvciA9PT0gJ3doaXRlJyxcclxuICAgICAgdHJhbnNwYXJlbnQ6IGJ0bkNvbG9yID09PSAndHJhbnNwYXJlbnQnLFxyXG4gICAgfVwiXHJcbiAgICBbdHlwZV09XCJidXR0b25UeXBlXCJcclxuICAgIGNsYXNzPVwiXCJcclxuICAgIHJvbGU9XCJidXR0b25cIj5cclxuICAgIEBpZiAoIXNob3dMb2FkZXIpIHtcclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIH0gQGlmIChzaG93TG9hZGVyKSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwibG9hZGVyXCI+PC9kaXY+XHJcbiAgfVxyXG4gIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8c3BhbiBjbGFzcz1cImJ0bi10aXRsZVwiPnt7IGJ0blRpdGxlIH19PC9zcGFuPlxyXG4gIDxzcGFuICNjb250ZW50RGF0YT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxyXG4gIEBpZiAoaGludENvbnRlbnQpIHtcclxuICAgIDxkZC1saWItc3ZnLWljb24gKGNsaWNrKT1cImhpbnRDbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgICAgICAgW2RkVG9vbHRpcF09XCJoaW50Q29udGVudFwiXHJcbiAgICAgICAgICAgICAgICAgICAgIFt3aXRoQ2xpY2tdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtOFwiXHJcbiAgICAgICAgICAgICAgICAgICAgIGljb249XCJxdWVzdGlvbnt7IGFjdGl2ZSA/ICctd2hpdGUtZycgOiAnJyB9fVwiPjwvZGQtbGliLXN2Zy1pY29uPlxyXG5cclxuICB9XHJcbiAgQGlmIChhY3RpdmUpIHtcclxuICAgIDxkZC1saWItc3ZnLWljb24gKGNsaWNrKT1cIm9uQ2xlYXIoJGV2ZW50KVwiIGljb249XCJjbG9zZVwiIGNsYXNzPVwibWwtOCBjdXBcIj48L2RkLWxpYi1zdmctaWNvbj5cclxuICB9XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -1,32 +1,35 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Inject, Input, Optional, RendererStyleFlags2 } from '@angular/core';
|
|
2
2
|
import { DOCUMENT } from "@angular/common";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../core";
|
|
5
5
|
export class LibSvgIconComponent {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
constructor(el, rdr, svgIconRegistry, document) {
|
|
7
|
+
this.el = el;
|
|
8
|
+
this.rdr = rdr;
|
|
9
|
+
this.svgIconRegistry = svgIconRegistry;
|
|
10
|
+
this.document = document;
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
const svgData = this.svgIconRegistry.getIcon(this.icon);
|
|
8
14
|
if (this.svgIcon) {
|
|
9
15
|
this.el.nativeElement.removeChild(this.svgIcon);
|
|
10
16
|
}
|
|
11
17
|
if (svgData) {
|
|
18
|
+
console.log(this.width);
|
|
12
19
|
this.svgIcon = this.svgElementFromString(svgData);
|
|
13
20
|
if (this.width) {
|
|
14
21
|
this.rdr.setStyle(this.svgIcon, 'width', this.width);
|
|
15
22
|
}
|
|
16
23
|
if (this.height) {
|
|
24
|
+
this.rdr.setStyle(this.svgIcon, 'height', this.height);
|
|
17
25
|
}
|
|
18
26
|
if (this.color) {
|
|
19
27
|
this.rdr.setStyle(this.svgIcon, 'fill', this.color);
|
|
28
|
+
this.rdr.setStyle(this.svgIcon, 'stroke', this.color, RendererStyleFlags2.Important);
|
|
20
29
|
}
|
|
21
30
|
this.el.nativeElement.appendChild(this.svgIcon);
|
|
22
31
|
}
|
|
23
32
|
}
|
|
24
|
-
constructor(el, rdr, svgIconRegistry, document) {
|
|
25
|
-
this.el = el;
|
|
26
|
-
this.rdr = rdr;
|
|
27
|
-
this.svgIconRegistry = svgIconRegistry;
|
|
28
|
-
this.document = document;
|
|
29
|
-
}
|
|
30
33
|
svgElementFromString(svgContent) {
|
|
31
34
|
const div = this.document.createElement('DIV');
|
|
32
35
|
div.innerHTML = svgContent;
|
|
@@ -52,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
|
|
|
52
55
|
}], icon: [{
|
|
53
56
|
type: Input
|
|
54
57
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGliLXN2Zy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RkLWxpYi9zcmMvbGliL2xpYi1zdmctaWNvbi9saWItc3ZnLWljb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULE1BQU0sRUFDTixLQUFLLEVBRUwsUUFBUSxFQUVSLG1CQUFtQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0saUJBQWlCLENBQUM7OztBQVd6QyxNQUFNLE9BQU8sbUJBQW1CO0lBVTlCLFlBQ1UsRUFBYyxFQUNkLEdBQWMsRUFDZCxlQUFnQyxFQUNGLFFBQWE7UUFIM0MsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLFFBQUcsR0FBSCxHQUFHLENBQVc7UUFDZCxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDRixhQUFRLEdBQVIsUUFBUSxDQUFLO0lBRXJELENBQUM7SUFFTSxRQUFRO1FBQ2IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hELElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbEQsQ0FBQztRQUNELElBQUksT0FBTyxFQUFFLENBQUM7WUFDWixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNsRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFFZixJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDdEQsQ0FBQztZQUNELElBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUNqQixJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7WUFDeEQsQ0FBQztZQUNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUNmLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtnQkFDbkQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0RixDQUFDO1lBR0QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsRCxDQUFDO0lBQ0gsQ0FBQztJQUVPLG9CQUFvQixDQUFDLFVBQWtCO1FBQzdDLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9DLEdBQUcsQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO1FBRTNCLE9BQU8sR0FBRyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQywyQkFBMkIsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUN4RyxDQUFDOzhHQWhEVSxtQkFBbUIsb0dBY1IsUUFBUTtrR0FkbkIsbUJBQW1CLHVKQUxwQiwyQkFBMkI7OzJGQUsxQixtQkFBbUI7a0JBVC9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLEVBQUUsWUFDRCwyQkFBMkIsbUJBRXBCLHVCQUF1QixDQUFDLE1BQU07OzBCQWlCNUMsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxRQUFRO3lDQWJkLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUdDLElBQUk7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5qZWN0LFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPcHRpb25hbCxcclxuICBSZW5kZXJlcjIsXHJcbiAgUmVuZGVyZXJTdHlsZUZsYWdzMlxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1N2Z0ljb25zU2VydmljZX0gZnJvbSBcIi4uL2NvcmVcIjtcclxuaW1wb3J0IHtET0NVTUVOVH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkZC1saWItc3ZnLWljb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcclxuICBzdHlsZVVybDogJy4vbGliLXN2Zy1pY29uLmNvbXBvbmVudC5jc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG5cclxufSlcclxuZXhwb3J0IGNsYXNzIExpYlN2Z0ljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB3aWR0aDogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBoZWlnaHQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICBASW5wdXQoKSBwdWJsaWMgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgaWNvbjogc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZFxyXG5cclxuICBwcml2YXRlIHN2Z0ljb246IFNWR0VsZW1lbnQgfCB1bmRlZmluZWQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcclxuICAgIHByaXZhdGUgcmRyOiBSZW5kZXJlcjIsXHJcbiAgICBwcml2YXRlIHN2Z0ljb25SZWdpc3RyeTogU3ZnSWNvbnNTZXJ2aWNlLFxyXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBkb2N1bWVudDogYW55LFxyXG4gICkge1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgY29uc3Qgc3ZnRGF0YSA9IHRoaXMuc3ZnSWNvblJlZ2lzdHJ5LmdldEljb24odGhpcy5pY29uKTtcclxuICAgIGlmICh0aGlzLnN2Z0ljb24pIHtcclxuICAgICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnJlbW92ZUNoaWxkKHRoaXMuc3ZnSWNvbik7XHJcbiAgICB9XHJcbiAgICBpZiAoc3ZnRGF0YSkge1xyXG4gICAgICBjb25zb2xlLmxvZyh0aGlzLndpZHRoKVxyXG4gICAgICB0aGlzLnN2Z0ljb24gPSB0aGlzLnN2Z0VsZW1lbnRGcm9tU3RyaW5nKHN2Z0RhdGEpO1xyXG4gICAgICBpZiAodGhpcy53aWR0aCkge1xyXG5cclxuICAgICAgICB0aGlzLnJkci5zZXRTdHlsZSh0aGlzLnN2Z0ljb24sICd3aWR0aCcsIHRoaXMud2lkdGgpXHJcbiAgICAgIH1cclxuICAgICAgaWYgKCB0aGlzLmhlaWdodCkge1xyXG4gICAgICAgIHRoaXMucmRyLnNldFN0eWxlKHRoaXMuc3ZnSWNvbiwgJ2hlaWdodCcsIHRoaXMuaGVpZ2h0KVxyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmNvbG9yKSB7XHJcbiAgICAgICAgdGhpcy5yZHIuc2V0U3R5bGUodGhpcy5zdmdJY29uLCAnZmlsbCcsIHRoaXMuY29sb3IpXHJcbiAgICAgICAgdGhpcy5yZHIuc2V0U3R5bGUodGhpcy5zdmdJY29uLCAnc3Ryb2tlJywgdGhpcy5jb2xvciwgUmVuZGVyZXJTdHlsZUZsYWdzMi5JbXBvcnRhbnQpXHJcbiAgICAgIH1cclxuXHJcblxyXG4gICAgICB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuYXBwZW5kQ2hpbGQodGhpcy5zdmdJY29uKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgc3ZnRWxlbWVudEZyb21TdHJpbmcoc3ZnQ29udGVudDogc3RyaW5nKTogU1ZHRWxlbWVudCB7XHJcbiAgICBjb25zdCBkaXYgPSB0aGlzLmRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ0RJVicpO1xyXG4gICAgZGl2LmlubmVySFRNTCA9IHN2Z0NvbnRlbnQ7XHJcblxyXG4gICAgcmV0dXJuIGRpdi5xdWVyeVNlbGVjdG9yKCdzdmcnKSB8fCB0aGlzLmRvY3VtZW50LmNyZWF0ZUVsZW1lbnROUygnaHR0cDovL3d3dy53My5vcmcvMjAwL3N2ZycsICdwYXRoJyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|