@libs-ui/services-config-project 0.2.29 → 0.2.30-6.2
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/config-project-data.d.ts +20 -8
- package/config-project.interface.d.ts +30 -0
- package/config-project.service.d.ts +16 -293
- package/esm2022/config-project-data.mjs +71 -31
- package/esm2022/config-project.interface.mjs +2 -1
- package/esm2022/config-project.service.mjs +114 -42
- package/esm2022/index.mjs +2 -1
- package/fesm2022/libs-ui-services-config-project.mjs +184 -71
- package/fesm2022/libs-ui-services-config-project.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +3 -3
package/config-project-data.d.ts
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
import { IColorButtonTab, ILibsUiConfigButtonStatus, ILibsUiConfigButtonTab, ILibsUiConfigFontHeading } from "./config-project.interface";
|
|
1
|
+
import { IColorButtonTab, ILibsUiConfigButtonSize, ILibsUiConfigButtonStatus, ILibsUiConfigButtonTab, ILibsUiConfigFontHeading, ILibsUiConfigFontWeight } from "./config-project.interface";
|
|
2
2
|
export declare const fontConfig: {
|
|
3
3
|
name: string;
|
|
4
4
|
uri_regular: string;
|
|
5
5
|
uri_medium: string;
|
|
6
6
|
uri_semibold: string;
|
|
7
|
-
uri_bold: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const weights: {
|
|
10
|
-
uri_regular: string;
|
|
11
|
-
uri_medium: string;
|
|
12
|
-
uri_semibold: string;
|
|
13
|
-
uri_bold: string;
|
|
14
7
|
};
|
|
8
|
+
export declare const weights: ILibsUiConfigFontWeight;
|
|
15
9
|
export declare const configHeading: ILibsUiConfigFontHeading;
|
|
10
|
+
export declare const sizeButtonConfig: () => ILibsUiConfigButtonSize;
|
|
16
11
|
export declare const configButtonColor: (rootColorInTheme: string) => {
|
|
17
12
|
"button-primary": {
|
|
18
13
|
configStepColor: {
|
|
@@ -252,6 +247,23 @@ export declare const configButtonColor: (rootColorInTheme: string) => {
|
|
|
252
247
|
};
|
|
253
248
|
rootColor: string;
|
|
254
249
|
};
|
|
250
|
+
"button-third-hover-danger": {
|
|
251
|
+
configStepColor: {
|
|
252
|
+
text: string;
|
|
253
|
+
text_hover: number;
|
|
254
|
+
text_active: number;
|
|
255
|
+
text_disable: string;
|
|
256
|
+
background: string;
|
|
257
|
+
background_hover: number;
|
|
258
|
+
background_active: number;
|
|
259
|
+
background_disable: string;
|
|
260
|
+
border: string;
|
|
261
|
+
border_hover: number;
|
|
262
|
+
border_active: number;
|
|
263
|
+
border_disable: string;
|
|
264
|
+
};
|
|
265
|
+
rootColor: string;
|
|
266
|
+
};
|
|
255
267
|
};
|
|
256
268
|
export declare const configLinkButton: (rootColorInTheme: string) => {
|
|
257
269
|
"button-link-primary": {
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export interface ILibsUiConfigFontFamily {
|
|
2
2
|
name: string;
|
|
3
|
+
uri_regular: string;
|
|
4
|
+
uri_medium: string;
|
|
5
|
+
uri_semibold: string;
|
|
6
|
+
uri_bold?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface ILibsUiConfigFontWeight {
|
|
3
9
|
uri_regular: string;
|
|
4
10
|
uri_medium: string;
|
|
5
11
|
uri_semibold: string;
|
|
@@ -72,3 +78,27 @@ export interface IColorButton {
|
|
|
72
78
|
};
|
|
73
79
|
rootColor: string;
|
|
74
80
|
}
|
|
81
|
+
export interface ILibsUiConfigButtonSize {
|
|
82
|
+
icon: {
|
|
83
|
+
large: string;
|
|
84
|
+
medium: string;
|
|
85
|
+
small: string;
|
|
86
|
+
smaller: string;
|
|
87
|
+
};
|
|
88
|
+
large: {
|
|
89
|
+
font_size: string;
|
|
90
|
+
line_height: string;
|
|
91
|
+
};
|
|
92
|
+
medium: {
|
|
93
|
+
font_size: string;
|
|
94
|
+
line_height: string;
|
|
95
|
+
};
|
|
96
|
+
small: {
|
|
97
|
+
font_size: string;
|
|
98
|
+
line_height: string;
|
|
99
|
+
};
|
|
100
|
+
smaller: {
|
|
101
|
+
font_size: string;
|
|
102
|
+
line_height: string;
|
|
103
|
+
};
|
|
104
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ILibsUiConfigButtonStatus, ILibsUiConfigButtonTab, ILibsUiConfigFontFamily, ILibsUiConfigFontHeading } from "./config-project.interface";
|
|
1
|
+
import { IColorButton, ILibsUiConfigButtonStatus, ILibsUiConfigButtonTab, ILibsUiConfigFontFamily, ILibsUiConfigFontHeading } from "./config-project.interface";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class LibsUiConfigProjectService {
|
|
4
4
|
private readonly themeColor;
|
|
@@ -10,9 +10,15 @@ export declare class LibsUiConfigProjectService {
|
|
|
10
10
|
private readonly textReadonlyColor;
|
|
11
11
|
private readonly textDisableColor;
|
|
12
12
|
private readonly backgroundReadonlyColor;
|
|
13
|
+
private readonly backgroundUserSelection;
|
|
14
|
+
private readonly backgroundList;
|
|
15
|
+
private readonly backgroundListHover;
|
|
16
|
+
private readonly backgroundListHoverDanger;
|
|
13
17
|
private readonly configFont;
|
|
14
18
|
private readonly configHead;
|
|
19
|
+
private readonly functionGetConfigButtonIncludes;
|
|
15
20
|
private readonly configButton;
|
|
21
|
+
private readonly configButtonSize;
|
|
16
22
|
private readonly configButtonStatus;
|
|
17
23
|
private readonly configButtonTab;
|
|
18
24
|
private readonly styleClassGlobalEl;
|
|
@@ -26,309 +32,26 @@ export declare class LibsUiConfigProjectService {
|
|
|
26
32
|
set IconHoverDangerColor(color: string);
|
|
27
33
|
set BackgroundReadonlyColor(color: string);
|
|
28
34
|
set TextReadonlyColor(color: string);
|
|
35
|
+
set BackgroundUserSelection(color: string);
|
|
36
|
+
set BackgroundList(color: string);
|
|
37
|
+
set BackgroundListHover(color: string);
|
|
38
|
+
set BackgroundListHoverDanger(color: string);
|
|
29
39
|
set BackgroundDisableColor(color: string);
|
|
30
40
|
set TextDisableColor(color: string);
|
|
31
41
|
set ConfigFont(configFont: ILibsUiConfigFontFamily);
|
|
32
42
|
set ConfigFontHead(configHead: ILibsUiConfigFontHeading);
|
|
33
43
|
get ConfigButton(): import("@angular/core").Signal<{
|
|
34
|
-
|
|
35
|
-
configStepColor: {
|
|
36
|
-
text: number;
|
|
37
|
-
text_hover: number;
|
|
38
|
-
text_active: number;
|
|
39
|
-
text_disable: string;
|
|
40
|
-
};
|
|
41
|
-
rootColor: string;
|
|
42
|
-
};
|
|
43
|
-
"button-link-third": {
|
|
44
|
-
configStepColor: {
|
|
45
|
-
text: string;
|
|
46
|
-
text_hover: number;
|
|
47
|
-
text_active: number;
|
|
48
|
-
text_disable: string;
|
|
49
|
-
};
|
|
50
|
-
rootColor: string;
|
|
51
|
-
};
|
|
52
|
-
"button-link-danger-high": {
|
|
53
|
-
configStepColor: {
|
|
54
|
-
text: number;
|
|
55
|
-
text_hover: number;
|
|
56
|
-
text_active: number;
|
|
57
|
-
text_disable: string;
|
|
58
|
-
};
|
|
59
|
-
rootColor: string;
|
|
60
|
-
};
|
|
61
|
-
"button-link-danger-low": {
|
|
62
|
-
configStepColor: {
|
|
63
|
-
text: number;
|
|
64
|
-
text_hover: number;
|
|
65
|
-
text_active: number;
|
|
66
|
-
text_disable: string;
|
|
67
|
-
};
|
|
68
|
-
rootColor: string;
|
|
69
|
-
};
|
|
70
|
-
"button-link-green": {
|
|
71
|
-
configStepColor: {
|
|
72
|
-
text: number;
|
|
73
|
-
text_hover: number;
|
|
74
|
-
text_active: number;
|
|
75
|
-
text_disable: string;
|
|
76
|
-
};
|
|
77
|
-
rootColor: string;
|
|
78
|
-
};
|
|
79
|
-
"button-link-violet": {
|
|
80
|
-
configStepColor: {
|
|
81
|
-
text: number;
|
|
82
|
-
text_hover: number;
|
|
83
|
-
text_active: number;
|
|
84
|
-
text_disable: string;
|
|
85
|
-
};
|
|
86
|
-
rootColor: string;
|
|
87
|
-
};
|
|
88
|
-
"button-primary": {
|
|
89
|
-
configStepColor: {
|
|
90
|
-
text: string;
|
|
91
|
-
text_hover: string;
|
|
92
|
-
text_active: string;
|
|
93
|
-
text_disable: string;
|
|
94
|
-
background: number;
|
|
95
|
-
background_hover: number;
|
|
96
|
-
background_active: number;
|
|
97
|
-
background_disable: string;
|
|
98
|
-
border: number;
|
|
99
|
-
border_hover: number;
|
|
100
|
-
border_active: number;
|
|
101
|
-
border_disable: string;
|
|
102
|
-
};
|
|
103
|
-
rootColor: string;
|
|
104
|
-
};
|
|
105
|
-
"button-primary-revert": {
|
|
106
|
-
configStepColor: {
|
|
107
|
-
text: number;
|
|
108
|
-
text_hover: string;
|
|
109
|
-
text_active: string;
|
|
110
|
-
text_disable: string;
|
|
111
|
-
background: string;
|
|
112
|
-
background_hover: number;
|
|
113
|
-
background_active: number;
|
|
114
|
-
background_disable: string;
|
|
115
|
-
border: number;
|
|
116
|
-
border_hover: number;
|
|
117
|
-
border_active: number;
|
|
118
|
-
border_disable: string;
|
|
119
|
-
};
|
|
120
|
-
rootColor: string;
|
|
121
|
-
};
|
|
122
|
-
"button-secondary": {
|
|
123
|
-
configStepColor: {
|
|
124
|
-
text: number;
|
|
125
|
-
text_hover: number;
|
|
126
|
-
text_active: number;
|
|
127
|
-
text_disable: string;
|
|
128
|
-
background: number;
|
|
129
|
-
background_hover: number;
|
|
130
|
-
background_active: number;
|
|
131
|
-
background_disable: string;
|
|
132
|
-
border: number;
|
|
133
|
-
border_hover: number;
|
|
134
|
-
border_active: number;
|
|
135
|
-
border_disable: string;
|
|
136
|
-
};
|
|
137
|
-
rootColor: string;
|
|
138
|
-
};
|
|
139
|
-
"button-third": {
|
|
140
|
-
configStepColor: {
|
|
141
|
-
text: string;
|
|
142
|
-
text_hover: number;
|
|
143
|
-
text_active: number;
|
|
144
|
-
text_disable: string;
|
|
145
|
-
background: string;
|
|
146
|
-
background_hover: number;
|
|
147
|
-
background_active: number;
|
|
148
|
-
background_disable: string;
|
|
149
|
-
border: string;
|
|
150
|
-
border_hover: number;
|
|
151
|
-
border_active: number;
|
|
152
|
-
border_disable: string;
|
|
153
|
-
};
|
|
154
|
-
rootColor: string;
|
|
155
|
-
};
|
|
156
|
-
"button-secondary-red": {
|
|
157
|
-
configStepColor: {
|
|
158
|
-
text: number;
|
|
159
|
-
text_hover: number;
|
|
160
|
-
text_active: number;
|
|
161
|
-
text_disable: string;
|
|
162
|
-
background: number;
|
|
163
|
-
background_hover: number;
|
|
164
|
-
background_active: number;
|
|
165
|
-
background_disable: string;
|
|
166
|
-
border: number;
|
|
167
|
-
border_hover: number;
|
|
168
|
-
border_active: number;
|
|
169
|
-
border_disable: string;
|
|
170
|
-
};
|
|
171
|
-
rootColor: string;
|
|
172
|
-
};
|
|
173
|
-
"button-outline": {
|
|
174
|
-
configStepColor: {
|
|
175
|
-
text: string;
|
|
176
|
-
text_hover: number;
|
|
177
|
-
text_active: number;
|
|
178
|
-
text_disable: string;
|
|
179
|
-
background: string;
|
|
180
|
-
background_hover: string;
|
|
181
|
-
background_active: string;
|
|
182
|
-
background_disable: string;
|
|
183
|
-
border: string;
|
|
184
|
-
border_hover: number;
|
|
185
|
-
border_active: number;
|
|
186
|
-
border_disable: string;
|
|
187
|
-
};
|
|
188
|
-
rootColor: string;
|
|
189
|
-
};
|
|
190
|
-
"button-danger-high": {
|
|
191
|
-
configStepColor: {
|
|
192
|
-
text: string;
|
|
193
|
-
text_hover: string;
|
|
194
|
-
text_active: string;
|
|
195
|
-
text_disable: string;
|
|
196
|
-
background: number;
|
|
197
|
-
background_hover: number;
|
|
198
|
-
background_active: number;
|
|
199
|
-
background_disable: string;
|
|
200
|
-
border: number;
|
|
201
|
-
border_hover: number;
|
|
202
|
-
border_active: number;
|
|
203
|
-
border_disable: string;
|
|
204
|
-
};
|
|
205
|
-
rootColor: string;
|
|
206
|
-
};
|
|
207
|
-
"button-danger-low": {
|
|
208
|
-
configStepColor: {
|
|
209
|
-
text: string;
|
|
210
|
-
text_hover: string;
|
|
211
|
-
text_active: string;
|
|
212
|
-
text_disable: string;
|
|
213
|
-
background: number;
|
|
214
|
-
background_hover: number;
|
|
215
|
-
background_active: number;
|
|
216
|
-
background_disable: string;
|
|
217
|
-
border: number;
|
|
218
|
-
border_hover: number;
|
|
219
|
-
border_active: number;
|
|
220
|
-
border_disable: string;
|
|
221
|
-
};
|
|
222
|
-
rootColor: string;
|
|
223
|
-
};
|
|
224
|
-
"button-green": {
|
|
225
|
-
configStepColor: {
|
|
226
|
-
text: string;
|
|
227
|
-
text_hover: string;
|
|
228
|
-
text_active: string;
|
|
229
|
-
text_disable: string;
|
|
230
|
-
background: number;
|
|
231
|
-
background_hover: number;
|
|
232
|
-
background_active: number;
|
|
233
|
-
background_disable: string;
|
|
234
|
-
border: number;
|
|
235
|
-
border_hover: number;
|
|
236
|
-
border_active: number;
|
|
237
|
-
border_disable: string;
|
|
238
|
-
};
|
|
239
|
-
rootColor: string;
|
|
240
|
-
};
|
|
241
|
-
"button-violet": {
|
|
242
|
-
configStepColor: {
|
|
243
|
-
text: string;
|
|
244
|
-
text_hover: string;
|
|
245
|
-
text_active: string;
|
|
246
|
-
text_disable: string;
|
|
247
|
-
background: number;
|
|
248
|
-
background_hover: number;
|
|
249
|
-
background_active: number;
|
|
250
|
-
background_disable: string;
|
|
251
|
-
border: number;
|
|
252
|
-
border_hover: number;
|
|
253
|
-
border_active: number;
|
|
254
|
-
border_disable: string;
|
|
255
|
-
};
|
|
256
|
-
rootColor: string;
|
|
257
|
-
};
|
|
258
|
-
"button-outline-green": {
|
|
259
|
-
configStepColor: {
|
|
260
|
-
text: string;
|
|
261
|
-
text_hover: number;
|
|
262
|
-
text_active: number;
|
|
263
|
-
text_disable: string;
|
|
264
|
-
background: string;
|
|
265
|
-
background_hover: string;
|
|
266
|
-
background_active: string;
|
|
267
|
-
background_disable: string;
|
|
268
|
-
border: string;
|
|
269
|
-
border_hover: number;
|
|
270
|
-
border_active: number;
|
|
271
|
-
border_disable: string;
|
|
272
|
-
};
|
|
273
|
-
rootColor: string;
|
|
274
|
-
};
|
|
275
|
-
"button-secondary-green": {
|
|
276
|
-
configStepColor: {
|
|
277
|
-
text: number;
|
|
278
|
-
text_hover: string;
|
|
279
|
-
text_active: string;
|
|
280
|
-
text_disable: string;
|
|
281
|
-
background: number;
|
|
282
|
-
background_hover: number;
|
|
283
|
-
background_active: number;
|
|
284
|
-
background_disable: string;
|
|
285
|
-
border: number;
|
|
286
|
-
border_hover: number;
|
|
287
|
-
border_active: number;
|
|
288
|
-
border_disable: string;
|
|
289
|
-
};
|
|
290
|
-
rootColor: string;
|
|
291
|
-
};
|
|
292
|
-
"button-outline-secondary": {
|
|
293
|
-
configStepColor: {
|
|
294
|
-
text: number;
|
|
295
|
-
text_hover: string;
|
|
296
|
-
text_active: string;
|
|
297
|
-
text_disable: string;
|
|
298
|
-
background: number;
|
|
299
|
-
background_hover: number;
|
|
300
|
-
background_active: number;
|
|
301
|
-
background_disable: string;
|
|
302
|
-
border: number;
|
|
303
|
-
border_hover: number;
|
|
304
|
-
border_active: number;
|
|
305
|
-
border_disable: string;
|
|
306
|
-
};
|
|
307
|
-
rootColor: string;
|
|
308
|
-
};
|
|
309
|
-
"button-outline-hover-danger": {
|
|
310
|
-
configStepColor: {
|
|
311
|
-
text: string;
|
|
312
|
-
text_hover: number;
|
|
313
|
-
text_active: number;
|
|
314
|
-
text_disable: string;
|
|
315
|
-
background: string;
|
|
316
|
-
background_hover: string;
|
|
317
|
-
background_active: string;
|
|
318
|
-
background_disable: string;
|
|
319
|
-
border: string;
|
|
320
|
-
border_hover: number;
|
|
321
|
-
border_active: number;
|
|
322
|
-
border_disable: string;
|
|
323
|
-
};
|
|
324
|
-
rootColor: string;
|
|
325
|
-
};
|
|
44
|
+
[key: string]: IColorButton;
|
|
326
45
|
}>;
|
|
46
|
+
set FunctionGetConfigButtonIncludes(functionGetConfigButtonIncludes: (rootColor: string) => {
|
|
47
|
+
[key: string]: IColorButton;
|
|
48
|
+
});
|
|
327
49
|
get ConfigButtonStatus(): ILibsUiConfigButtonStatus;
|
|
328
50
|
set ConfigButtonStatus(config: ILibsUiConfigButtonStatus);
|
|
329
51
|
set ConfigButtonTab(config: ILibsUiConfigButtonTab);
|
|
330
52
|
setupFontFamily(currentDoc?: Document): void;
|
|
331
53
|
private setupFontHead;
|
|
54
|
+
private setupButtonSize;
|
|
332
55
|
private setupButtonTab;
|
|
333
56
|
private setThemeColor;
|
|
334
57
|
colorStepContrastFromOrigin(step: number, color?: string): import("@libs-ui/utils").IColorContrastFromOrigin | undefined;
|