@morozeckiy/dd-lib 0.7.110 → 0.7.111

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.
@@ -1,395 +1,393 @@
1
- @use '../scss/mixins' as *;
2
- @use '../scss/fonts' as *;
3
- @use '../scss/vars' as *;
4
- @use '../scss/grid' as *;
5
-
6
- html {
7
- font-family: 'ALS_Sirius', Roboto, Helvetica, Arial, san-serif, serif; /* 1 */
8
- -ms-text-size-adjust: 100%; /* 2 */
9
- -webkit-text-size-adjust: 100%; /* 2 */
10
- color: var(--light-black-color);
11
- }
12
-
13
- .root-container {
14
- min-height: calc(100vh - var(--header-height));
15
- background-color: var(--main-bgc);
16
- //overflow: hidden; //выпадашка поиска в подписка гор воды закатывается под футер
17
- }
18
-
19
- .main-width {
20
- width: 100%;
21
- max-width: var(--main-body-width);
22
- margin: 0 auto;
23
- }
24
-
25
- .g-container {
26
- max-width: var(--main-body-width);
27
- margin: 0 auto;
28
-
29
- @include below($mini-desktop) {
30
- padding-left: var(--side-padding);
31
- padding-right: var(--side-padding);
32
- }
33
-
34
- @include below($mobile) {
35
- padding-left: var(--side-padding-mobile);
36
- padding-right: var(--side-padding-mobile);
37
- }
38
- }
39
-
40
- .g-overlay {
41
- position: fixed;
42
- top: 0;
43
- left: 0;
44
- z-index: 1000;
45
- width: 100%;
46
- height: 100%;
47
- background: #251c2cb2;
48
- backdrop-filter: blur(10px);
49
- -webkit-backdrop-filter: blur(10px);
50
- }
51
-
52
- .g-table {
53
- border: 1px solid var(--gray-color-200);
54
- border-radius: 24px;
55
- overflow: hidden;
56
-
57
- @include below($tablet) {
58
- border: none;
59
- border-radius: 0;
60
- }
61
-
62
- &__body {
63
- overflow: auto;
64
- }
65
-
66
- &__header,
67
- &__item {
68
- display: flex;
69
- padding: 12px 20px;
70
- font-size: 14px;
71
- line-height: 24px;
72
- color: var(--light-black-color);
73
-
74
- &:not(:last-child) {
75
- border-bottom: 1px solid var(--gray-color-200);
76
-
77
- @include below($tablet) {
78
- margin-bottom: 16px;
79
- }
80
- }
81
-
82
- @include below($tablet) {
83
- position: relative;
84
- display: block;
85
- padding: 16px;
86
- border-radius: 24px;
87
- border: 1px solid var(--disabled-bgc);
88
- background-color: var(--gray-color-300);
89
- }
90
- }
91
-
92
- &__header {
93
- color: var(--second-gray-color);
94
- background-color: var(--gray-bgc-2);
95
- }
96
-
97
- &__cell {
98
- &.numb {
99
- width: 5%;
100
-
101
- @include below($tablet) {
102
- display: inline-flex;
103
- margin-bottom: 8px;
104
- padding: 0 8px;
105
- border-radius: 10px;
106
- width: auto;
107
- height: 32px;
108
- line-height: 32px;
109
- background-color: var(--disabled-color);
110
- color: var(--white-color);
111
- }
112
- }
113
- }
114
- }
115
-
116
- .half-width {
117
- width: 50%;
118
- }
119
-
120
-
121
- .full-width {
122
- width: 100%;
123
- }
124
-
125
- .full-height {
126
- height: 100%;
127
- }
128
-
129
- .full-size {
130
- height: 100%;
131
- width: 100%;
132
- }
133
-
134
- .pos-relative {
135
- position: relative;
136
- }
137
-
138
- .pos-absolute {
139
- position: absolute;
140
- }
141
-
142
- .d-block {
143
- display: block;
144
- }
145
-
146
- .d-inline-flex {
147
- display: inline-flex;
148
- }
149
-
150
- .d-flex {
151
- display: flex;
152
-
153
- &.f-1 {
154
- flex: 1;
155
- }
156
- }
157
-
158
- .d-grid {
159
- display: grid;
160
- }
161
-
162
- .flex-column {
163
- display: flex;
164
- flex-direction: column;
165
- }
166
-
167
- .flex-gap-column {
168
- display: flex;
169
- flex-direction: column;
170
- gap: 8px;
171
- }
172
-
173
- .align-center {
174
- align-items: center;
175
- }
176
-
177
- .align-start {
178
- align-items: flex-start;
179
- }
180
-
181
- .align-end {
182
- align-items: flex-end;
183
- }
184
-
185
- .justify-between {
186
- justify-content: space-between;
187
- }
188
-
189
- .justify-end {
190
- justify-content: flex-end;
191
- }
192
-
193
- .justify-start {
194
- justify-content: flex-start;
195
- }
196
-
197
- .justify-around {
198
- justify-content: space-around;
199
- }
200
-
201
- .justify-center {
202
- justify-content: center;
203
- }
204
-
205
- .flex-wrap {
206
- flex-wrap: wrap;
207
- }
208
-
209
- .fixed {
210
- position: fixed;
211
- }
212
-
213
- ::-webkit-scrollbar {
214
- width: 4px;
215
- margin-bottom: 15px;
216
- }
217
-
218
- ::-webkit-scrollbar-track {
219
- background-color: var(--input-gray-bgc);
220
- margin-bottom: 15px;
221
- }
222
-
223
- ::-webkit-scrollbar-thumb {
224
- background-color: rgba(130, 129, 129, 0.47);
225
- border-radius: 20px;
226
- }
227
-
228
- .gray-svg {
229
- filter: contrast(0);
230
- }
231
-
232
- .opacity-3 {
233
- opacity: 0.3;
234
- }
235
-
236
- .black-svg {
237
- filter: brightness(0);
238
- }
239
-
240
- .disabled {
241
- pointer-events: none;
242
- cursor: auto;
243
- }
244
-
245
- .bg-center,
246
- .bg-contain,
247
- .bg-cover {
248
- background-repeat: no-repeat;
249
- background-position: center;
250
- }
251
-
252
- .bg-contain {
253
- background-size: contain;
254
- }
255
-
256
- .bg-cover {
257
- background-size: cover;
258
- }
259
-
260
- .empty-photo {
261
- background: url('../images/svg/user-empty.svg') no-repeat center;
262
- width: 100px;
263
- height: 100px;
264
- }
265
-
266
- .cdk-overlay-pane {
267
- &.right {
268
- margin-left: 35px;
269
- }
270
-
271
- &.left {
272
- margin-right: 35px;
273
- }
274
-
275
- &.top {
276
- margin-bottom: 16px;
277
- }
278
-
279
- &.bottom {
280
- margin-top: 16px;
281
- }
282
-
283
- &.toast-top {
284
- margin-top: -20px;
285
- }
286
- }
287
-
288
- .column-tablet {
289
- @include below($tablet) {
290
- flex-direction: column;
291
- align-items: baseline;
292
- }
293
- }
294
-
295
- .show-tablet {
296
- display: none !important;
297
-
298
- @include below($tablet) {
299
- display: block !important;
300
- }
301
- }
302
-
303
- .column-mobile {
304
- @include below($mobile) {
305
- flex-direction: column;
306
- align-items: baseline;
307
- }
308
- }
309
-
310
- .show-mobile {
311
- display: none !important;
312
-
313
- @include below($mobile) {
314
- display: block !important;
315
- }
316
- }
317
-
318
- .tablet-flex {
319
- @include below($tablet) {
320
- display: flex !important;
321
- }
322
- }
323
-
324
- .mobile-flex {
325
- @include below($mobile) {
326
- display: flex !important;
327
- }
328
- }
329
-
330
- .hide-tablet {
331
- @include below($tablet) {
332
- display: none !important;
333
- }
334
- }
335
-
336
- .hide-mobile {
337
- @include below($mobile) {
338
- display: none !important;
339
- }
340
- }
341
-
342
- .cup {
343
- cursor: pointer;
344
- }
345
-
346
- .dd-default-table {
347
- border-radius: 24px;
348
- border: 1px solid var(--shared-bgc);
349
- overflow: auto;
350
-
351
- &__header {
352
- padding: 12px 20px;
353
- display: flex;
354
- background-color: var(--gray-bgc-2);
355
- color: var(--second-gray-color);
356
- font-size: 14px;
357
- font-weight: 400;
358
- line-height: 24px;
359
- text-align: left;
360
- }
361
-
362
- &__item {
363
- padding: 12px 20px;
364
- display: flex;
365
- }
366
- }
367
-
368
- .dd-default-table-cell {
369
- &:nth-child(1) {
370
- width: 5%;
371
- }
372
-
373
- &:nth-child(2) {
374
- width: 35%;
375
- }
376
-
377
- &:nth-child(3) {
378
- width: 30%;
379
- }
380
-
381
- &:nth-child(4) {
382
- width: 30%;
383
- }
384
- }
385
-
386
- @include offsets('');
387
- @include grid('', $col-count);
388
-
389
- @include below($tablet) {
390
- @include offsets('t-');
391
- }
392
-
393
- @include below($mobile) {
394
- @include offsets('m-');
395
- }
1
+ @use '../scss/mixins' as *;
2
+ @use '../scss/fonts' as *;
3
+ @use '../scss/vars' as *;
4
+ @use '../scss/grid' as *;
5
+
6
+ html {
7
+ font-family: 'ALS_Sirius', Roboto, Helvetica, Arial, san-serif, serif; /* 1 */
8
+ -ms-text-size-adjust: 100%; /* 2 */
9
+ -webkit-text-size-adjust: 100%; /* 2 */
10
+ }
11
+
12
+ .root-container {
13
+ min-height: calc(100vh - var(--header-height));
14
+ //overflow: hidden; //выпадашка поиска в подписка гор воды закатывается под футер
15
+ }
16
+
17
+ .main-width {
18
+ width: 100%;
19
+ max-width: var(--main-body-width);
20
+ margin: 0 auto;
21
+ }
22
+
23
+ .g-container {
24
+ max-width: var(--main-body-width);
25
+ margin: 0 auto;
26
+
27
+ @include below($mini-desktop) {
28
+ padding-left: var(--side-padding);
29
+ padding-right: var(--side-padding);
30
+ }
31
+
32
+ @include below($mobile) {
33
+ padding-left: var(--side-padding-mobile);
34
+ padding-right: var(--side-padding-mobile);
35
+ }
36
+ }
37
+
38
+ .g-overlay {
39
+ position: fixed;
40
+ top: 0;
41
+ left: 0;
42
+ z-index: 1000;
43
+ width: 100%;
44
+ height: 100%;
45
+ background: #251c2cb2;
46
+ backdrop-filter: blur(10px);
47
+ -webkit-backdrop-filter: blur(10px);
48
+ }
49
+
50
+ .g-table {
51
+ border: 1px solid var(--gray-color-200);
52
+ border-radius: 24px;
53
+ overflow: hidden;
54
+
55
+ @include below($tablet) {
56
+ border: none;
57
+ border-radius: 0;
58
+ }
59
+
60
+ &__body {
61
+ overflow: auto;
62
+ }
63
+
64
+ &__header,
65
+ &__item {
66
+ display: flex;
67
+ padding: 12px 20px;
68
+ font-size: 14px;
69
+ line-height: 24px;
70
+ color: var(--light-black-color);
71
+
72
+ &:not(:last-child) {
73
+ border-bottom: 1px solid var(--gray-color-200);
74
+
75
+ @include below($tablet) {
76
+ margin-bottom: 16px;
77
+ }
78
+ }
79
+
80
+ @include below($tablet) {
81
+ position: relative;
82
+ display: block;
83
+ padding: 16px;
84
+ border-radius: 24px;
85
+ border: 1px solid var(--disabled-bgc);
86
+ background-color: var(--gray-color-300);
87
+ }
88
+ }
89
+
90
+ &__header {
91
+ color: var(--second-gray-color);
92
+ background-color: var(--gray-bgc-2);
93
+ }
94
+
95
+ &__cell {
96
+ &.numb {
97
+ width: 5%;
98
+
99
+ @include below($tablet) {
100
+ display: inline-flex;
101
+ margin-bottom: 8px;
102
+ padding: 0 8px;
103
+ border-radius: 10px;
104
+ width: auto;
105
+ height: 32px;
106
+ line-height: 32px;
107
+ background-color: var(--disabled-color);
108
+ color: var(--white-color);
109
+ }
110
+ }
111
+ }
112
+ }
113
+
114
+ .half-width {
115
+ width: 50%;
116
+ }
117
+
118
+
119
+ .full-width {
120
+ width: 100%;
121
+ }
122
+
123
+ .full-height {
124
+ height: 100%;
125
+ }
126
+
127
+ .full-size {
128
+ height: 100%;
129
+ width: 100%;
130
+ }
131
+
132
+ .pos-relative {
133
+ position: relative;
134
+ }
135
+
136
+ .pos-absolute {
137
+ position: absolute;
138
+ }
139
+
140
+ .d-block {
141
+ display: block;
142
+ }
143
+
144
+ .d-inline-flex {
145
+ display: inline-flex;
146
+ }
147
+
148
+ .d-flex {
149
+ display: flex;
150
+
151
+ &.f-1 {
152
+ flex: 1;
153
+ }
154
+ }
155
+
156
+ .d-grid {
157
+ display: grid;
158
+ }
159
+
160
+ .flex-column {
161
+ display: flex;
162
+ flex-direction: column;
163
+ }
164
+
165
+ .flex-gap-column {
166
+ display: flex;
167
+ flex-direction: column;
168
+ gap: 8px;
169
+ }
170
+
171
+ .align-center {
172
+ align-items: center;
173
+ }
174
+
175
+ .align-start {
176
+ align-items: flex-start;
177
+ }
178
+
179
+ .align-end {
180
+ align-items: flex-end;
181
+ }
182
+
183
+ .justify-between {
184
+ justify-content: space-between;
185
+ }
186
+
187
+ .justify-end {
188
+ justify-content: flex-end;
189
+ }
190
+
191
+ .justify-start {
192
+ justify-content: flex-start;
193
+ }
194
+
195
+ .justify-around {
196
+ justify-content: space-around;
197
+ }
198
+
199
+ .justify-center {
200
+ justify-content: center;
201
+ }
202
+
203
+ .flex-wrap {
204
+ flex-wrap: wrap;
205
+ }
206
+
207
+ .fixed {
208
+ position: fixed;
209
+ }
210
+
211
+ ::-webkit-scrollbar {
212
+ width: 4px;
213
+ margin-bottom: 15px;
214
+ }
215
+
216
+ ::-webkit-scrollbar-track {
217
+ background-color: var(--input-gray-bgc);
218
+ margin-bottom: 15px;
219
+ }
220
+
221
+ ::-webkit-scrollbar-thumb {
222
+ background-color: rgba(130, 129, 129, 0.47);
223
+ border-radius: 20px;
224
+ }
225
+
226
+ .gray-svg {
227
+ filter: contrast(0);
228
+ }
229
+
230
+ .opacity-3 {
231
+ opacity: 0.3;
232
+ }
233
+
234
+ .black-svg {
235
+ filter: brightness(0);
236
+ }
237
+
238
+ .disabled {
239
+ pointer-events: none;
240
+ cursor: auto;
241
+ }
242
+
243
+ .bg-center,
244
+ .bg-contain,
245
+ .bg-cover {
246
+ background-repeat: no-repeat;
247
+ background-position: center;
248
+ }
249
+
250
+ .bg-contain {
251
+ background-size: contain;
252
+ }
253
+
254
+ .bg-cover {
255
+ background-size: cover;
256
+ }
257
+
258
+ .empty-photo {
259
+ background: url('../images/svg/user-empty.svg') no-repeat center;
260
+ width: 100px;
261
+ height: 100px;
262
+ }
263
+
264
+ .cdk-overlay-pane {
265
+ &.right {
266
+ margin-left: 35px;
267
+ }
268
+
269
+ &.left {
270
+ margin-right: 35px;
271
+ }
272
+
273
+ &.top {
274
+ margin-bottom: 16px;
275
+ }
276
+
277
+ &.bottom {
278
+ margin-top: 16px;
279
+ }
280
+
281
+ &.toast-top {
282
+ margin-top: -20px;
283
+ }
284
+ }
285
+
286
+ .column-tablet {
287
+ @include below($tablet) {
288
+ flex-direction: column;
289
+ align-items: baseline;
290
+ }
291
+ }
292
+
293
+ .show-tablet {
294
+ display: none !important;
295
+
296
+ @include below($tablet) {
297
+ display: block !important;
298
+ }
299
+ }
300
+
301
+ .column-mobile {
302
+ @include below($mobile) {
303
+ flex-direction: column;
304
+ align-items: baseline;
305
+ }
306
+ }
307
+
308
+ .show-mobile {
309
+ display: none !important;
310
+
311
+ @include below($mobile) {
312
+ display: block !important;
313
+ }
314
+ }
315
+
316
+ .tablet-flex {
317
+ @include below($tablet) {
318
+ display: flex !important;
319
+ }
320
+ }
321
+
322
+ .mobile-flex {
323
+ @include below($mobile) {
324
+ display: flex !important;
325
+ }
326
+ }
327
+
328
+ .hide-tablet {
329
+ @include below($tablet) {
330
+ display: none !important;
331
+ }
332
+ }
333
+
334
+ .hide-mobile {
335
+ @include below($mobile) {
336
+ display: none !important;
337
+ }
338
+ }
339
+
340
+ .cup {
341
+ cursor: pointer;
342
+ }
343
+
344
+ .dd-default-table {
345
+ border-radius: 24px;
346
+ border: 1px solid var(--shared-bgc);
347
+ overflow: auto;
348
+
349
+ &__header {
350
+ padding: 12px 20px;
351
+ display: flex;
352
+ background-color: var(--gray-bgc-2);
353
+ color: var(--second-gray-color);
354
+ font-size: 14px;
355
+ font-weight: 400;
356
+ line-height: 24px;
357
+ text-align: left;
358
+ }
359
+
360
+ &__item {
361
+ padding: 12px 20px;
362
+ display: flex;
363
+ }
364
+ }
365
+
366
+ .dd-default-table-cell {
367
+ &:nth-child(1) {
368
+ width: 5%;
369
+ }
370
+
371
+ &:nth-child(2) {
372
+ width: 35%;
373
+ }
374
+
375
+ &:nth-child(3) {
376
+ width: 30%;
377
+ }
378
+
379
+ &:nth-child(4) {
380
+ width: 30%;
381
+ }
382
+ }
383
+
384
+ @include offsets('');
385
+ @include grid('', $col-count);
386
+
387
+ @include below($tablet) {
388
+ @include offsets('t-');
389
+ }
390
+
391
+ @include below($mobile) {
392
+ @include offsets('m-');
393
+ }
@@ -1,68 +1,72 @@
1
- @use './vars-light' as *;
2
- @use './vars-dark' as *;
3
-
4
- :root {
5
- .theme-light {
6
- @include style-light();
7
-
8
- .plug-bg {
9
- background-image: url('../../assets/images/svg/plug.svg');
10
- }
11
-
12
- .user-empty-bg {
13
- background-image: url('../../assets/images/svg/user-empty.svg');
14
- }
15
-
16
- .not-found-bg {
17
- background-image: url('../../assets/images/png/not-found.png');
18
- }
19
-
20
- .page-404-bg {
21
- background-image: url('../../assets/images/png/404.png');
22
- }
23
-
24
- .error-page-bg {
25
- background-image: url('../../assets/images/png/error-page.png');
26
- }
27
-
28
- .tech-works-bg {
29
- background-image: url('../../assets/images/png/tech-works.png');
30
- }
31
-
32
- .iphone-bg {
33
- background-image: url('../../assets/images/png/iphone.png');
34
- }
35
- }
36
-
37
- .theme-dark {
38
- @include style-dark();
39
-
40
- .plug-bg {
41
- background-image: url('../../assets/images/svg/plug-d.svg');
42
- }
43
-
44
- .user-empty-bg {
45
- background-image: url('../../assets/images/svg/user-empty-d.svg');
46
- }
47
-
48
- .not-found-bg {
49
- background-image: url('../../assets/images/png/not-found-d.png');
50
- }
51
-
52
- .page-404-bg {
53
- background-image: url('../../assets/images/png/404-d.png');
54
- }
55
-
56
- .error-page-bg {
57
- background-image: url('../../assets/images/png/error-page-d.png');
58
- }
59
-
60
- .tech-works-bg {
61
- background-image: url('../../assets/images/png/tech-works-d.png');
62
- }
63
-
64
- .iphone-bg {
65
- background-image: url('../../assets/images/png/iphone.png');
66
- }
67
- }
68
- }
1
+ @use './vars-light' as *;
2
+ @use './vars-dark' as *;
3
+
4
+ :root {
5
+ .theme-light {
6
+ @include style-light();
7
+ color: var(--light-black-color);
8
+ background-color: var(--main-bgc);
9
+
10
+ .plug-bg {
11
+ background-image: url('../../assets/images/svg/plug.svg');
12
+ }
13
+
14
+ .user-empty-bg {
15
+ background-image: url('../../assets/images/svg/user-empty.svg');
16
+ }
17
+
18
+ .not-found-bg {
19
+ background-image: url('../../assets/images/png/not-found.png');
20
+ }
21
+
22
+ .page-404-bg {
23
+ background-image: url('../../assets/images/png/404.png');
24
+ }
25
+
26
+ .error-page-bg {
27
+ background-image: url('../../assets/images/png/error-page.png');
28
+ }
29
+
30
+ .tech-works-bg {
31
+ background-image: url('../../assets/images/png/tech-works.png');
32
+ }
33
+
34
+ .iphone-bg {
35
+ background-image: url('../../assets/images/png/iphone.png');
36
+ }
37
+ }
38
+
39
+ .theme-dark {
40
+ @include style-dark();
41
+ color: var(--light-black-color);
42
+ background-color: var(--main-bgc);
43
+
44
+ .plug-bg {
45
+ background-image: url('../../assets/images/svg/plug-d.svg');
46
+ }
47
+
48
+ .user-empty-bg {
49
+ background-image: url('../../assets/images/svg/user-empty-d.svg');
50
+ }
51
+
52
+ .not-found-bg {
53
+ background-image: url('../../assets/images/png/not-found-d.png');
54
+ }
55
+
56
+ .page-404-bg {
57
+ background-image: url('../../assets/images/png/404-d.png');
58
+ }
59
+
60
+ .error-page-bg {
61
+ background-image: url('../../assets/images/png/error-page-d.png');
62
+ }
63
+
64
+ .tech-works-bg {
65
+ background-image: url('../../assets/images/png/tech-works-d.png');
66
+ }
67
+
68
+ .iphone-bg {
69
+ background-image: url('../../assets/images/png/iphone.png');
70
+ }
71
+ }
72
+ }
@@ -1,4 +1,4 @@
1
- import { AbstractControl, ValidationErrors } from '@angular/forms';
1
+ import { AbstractControl, ValidationErrors, Validators } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class ValidatorsService {
4
4
  constructor();
@@ -9,7 +9,7 @@ export declare class ValidatorsService {
9
9
  static wrongLoginOrPswd(): ValidationErrors;
10
10
  static existLogin(): ValidationErrors;
11
11
  /** валидатор имени*/
12
- static getNameValid(): import("@angular/forms").ValidatorFn[];
12
+ static getNameValid(): (typeof Validators.required)[];
13
13
  /** валидатор email*/
14
14
  static getMailValid(el?: AbstractControl): ValidationErrors | null;
15
15
  static getErrorText(error: ValidationErrors | null | undefined): string | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@morozeckiy/dd-lib",
3
- "version": "0.7.110",
3
+ "version": "0.7.111",
4
4
  "types": "./src/typings.d.ts",
5
5
  "repository": "https://gitlab.com/Morozeckiy/dd-lib",
6
6
  "publishConfig": {