@alauda/ui 6.2.2-beta.2 → 6.2.2-beta.23
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/alauda-ui.d.ts +20 -21
- package/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +82 -76
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.js +1 -1
- package/esm2015/accordion/accordion-item/accordion-item.component.scss.ngstyle.js +1 -1
- package/esm2015/alauda-ui.js +21 -22
- package/esm2015/alauda-ui.ngsummary.json +1 -1
- package/esm2015/autocomplete/suggestion/suggestion.component.js +1 -1
- package/esm2015/autocomplete/suggestion/suggestion.component.scss.ngstyle.js +1 -1
- package/esm2015/button/button.component.js +1 -1
- package/esm2015/button/button.component.scss.ngstyle.js +1 -1
- package/esm2015/icon/icon.component.js +1 -1
- package/esm2015/icon/icon.component.ngfactory.js +1 -1
- package/esm2015/icon/icon.component.scss.ngstyle.js +1 -1
- package/esm2015/icon/icon.module.ngfactory.js +1 -1
- package/esm2015/input/tags-input/tags-input.component.js +1 -1
- package/esm2015/public-api.ngsummary.json +1 -1
- package/esm2015/radio/radio-button/radio-button.component.js +1 -1
- package/esm2015/radio/radio-button/radio-button.component.scss.ngstyle.js +1 -1
- package/esm2015/radio/radio.component.js +1 -1
- package/esm2015/radio/radio.component.scss.ngstyle.js +1 -1
- package/esm2015/select/multi-select/multi-select.component.js +1 -1
- package/esm2015/select/multi-select/multi-select.component.scss.ngstyle.js +1 -1
- package/esm2015/select/option/option.component.js +1 -1
- package/esm2015/select/option/option.component.scss.ngstyle.js +1 -1
- package/esm2015/switch/switch.component.js +1 -1
- package/esm2015/switch/switch.component.scss.ngstyle.js +1 -1
- package/esm2015/table/table.component.js +1 -1
- package/esm2015/table/table.component.scss.ngstyle.js +1 -1
- package/esm2015/tag/check-tag/check-tag.component.js +1 -1
- package/esm2015/tag/tag.component.js +1 -1
- package/esm2015/tag/tag.component.scss.ngstyle.js +1 -1
- package/esm2015/theme/public-api.js +3 -2
- package/esm2015/theme/public-api.ngsummary.json +1 -1
- package/esm2015/theme/theme.module.js +2 -3
- package/esm2015/theme/theme.module.ngfactory.js +1 -1
- package/esm2015/theme/theme.module.ngsummary.json +1 -1
- package/esm2015/theme/theme.pipe.js +61 -0
- package/esm2015/theme/theme.pipe.ngsummary.json +1 -0
- package/esm2015/theme/utils.js +10 -0
- package/esm2015/theme/utils.ngsummary.json +1 -0
- package/fesm2015/alauda-ui.js +48 -39
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/theme/_mixin.scss +1 -1
- package/theme/_pattern.scss +3 -3
- package/theme/public-api.d.ts +2 -1
- package/theme/style.css +86 -80
- package/theme/{theme-picker.pipe.d.ts → theme.pipe.d.ts} +10 -0
- package/theme/utils.d.ts +3 -0
- package/esm2015/theme/color.pipe.js +0 -26
- package/esm2015/theme/color.pipe.ngsummary.json +0 -1
- package/esm2015/theme/theme-picker.pipe.js +0 -36
- package/esm2015/theme/theme-picker.pipe.ngsummary.json +0 -1
- package/theme/color.pipe.d.ts +0 -10
package/package.json
CHANGED
package/theme/_mixin.scss
CHANGED
package/theme/_pattern.scss
CHANGED
|
@@ -9,19 +9,19 @@
|
|
|
9
9
|
@mixin shadow-2 {
|
|
10
10
|
border-radius: use-var(border-radius-m);
|
|
11
11
|
background-color: use-rgb(n-10);
|
|
12
|
-
box-shadow: 0 0 2px 0 use-rgba(
|
|
12
|
+
box-shadow: 0 0 2px 0 use-rgba(origin-shadow, 0.24);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
@mixin shadow-8 {
|
|
16
16
|
border-radius: use-var(border-radius-m);
|
|
17
17
|
background-color: use-rgb(n-10);
|
|
18
|
-
box-shadow: 0 2px 8px 0 use-rgba(
|
|
18
|
+
box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.16);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
@mixin shadow-16 {
|
|
22
22
|
border-radius: use-var(border-radius-m);
|
|
23
23
|
background-color: use-rgb(n-10);
|
|
24
|
-
box-shadow: 0 4px 16px 0 use-rgba(
|
|
24
|
+
box-shadow: 0 4px 16px 0 use-rgba(origin-shadow, 0.16);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
@mixin zh-form-label-width($parent) {
|
package/theme/public-api.d.ts
CHANGED
package/theme/style.css
CHANGED
|
@@ -55,9 +55,12 @@
|
|
|
55
55
|
--aui-color-n-8: 237, 239, 242;
|
|
56
56
|
--aui-color-n-9: 247, 249, 252;
|
|
57
57
|
--aui-color-n-10: 255, 255, 255;
|
|
58
|
-
--aui-color-main-bg: var(--aui-color-n-9);
|
|
59
|
-
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
60
58
|
--aui-color-origin-shadow: var(--aui-color-n-1);
|
|
59
|
+
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
60
|
+
--aui-color-button-bg: var(--aui-color-n-9);
|
|
61
|
+
--aui-color-main-bg: var(--aui-color-n-9);
|
|
62
|
+
--aui-color-divider: var(--aui-color-n-8);
|
|
63
|
+
--aui-color-border: var(--aui-color-n-7);
|
|
61
64
|
}
|
|
62
65
|
|
|
63
66
|
html[aui-theme-mode=light] {
|
|
@@ -101,102 +104,111 @@ html[aui-theme-mode=light] {
|
|
|
101
104
|
--aui-color-n-8: 237, 239, 242;
|
|
102
105
|
--aui-color-n-9: 247, 249, 252;
|
|
103
106
|
--aui-color-n-10: 255, 255, 255;
|
|
104
|
-
--aui-color-main-bg: var(--aui-color-n-9);
|
|
105
|
-
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
106
107
|
--aui-color-origin-shadow: var(--aui-color-n-1);
|
|
108
|
+
--aui-color-popper-bg: var(--aui-color-n-10);
|
|
109
|
+
--aui-color-button-bg: var(--aui-color-n-9);
|
|
110
|
+
--aui-color-main-bg: var(--aui-color-n-9);
|
|
111
|
+
--aui-color-divider: var(--aui-color-n-8);
|
|
112
|
+
--aui-color-border: var(--aui-color-n-7);
|
|
107
113
|
}
|
|
108
114
|
|
|
109
115
|
@media (prefers-color-scheme: dark) {
|
|
110
116
|
html[aui-theme-mode=system] {
|
|
111
117
|
--aui-color-blue: 61, 142, 255;
|
|
112
|
-
--aui-color-b-0: 54, 116,
|
|
118
|
+
--aui-color-b-0: 54, 116, 204;
|
|
113
119
|
--aui-color-b-1: 109, 170, 255;
|
|
114
|
-
--aui-color-b-2:
|
|
115
|
-
--aui-color-b-3: 50, 101,
|
|
116
|
-
--aui-color-b-4:
|
|
117
|
-
--aui-color-b-5:
|
|
118
|
-
--aui-color-b-6:
|
|
119
|
-
--aui-color-b-7:
|
|
120
|
+
--aui-color-b-2: 53, 111, 193;
|
|
121
|
+
--aui-color-b-3: 50, 101, 173;
|
|
122
|
+
--aui-color-b-4: 47, 85, 143;
|
|
123
|
+
--aui-color-b-5: 40, 54, 81;
|
|
124
|
+
--aui-color-b-6: 42, 64, 102;
|
|
125
|
+
--aui-color-b-7: 44, 74, 122;
|
|
120
126
|
--aui-color-green: 17, 182, 113;
|
|
121
|
-
--aui-color-g-0: 21, 146,
|
|
127
|
+
--aui-color-g-0: 21, 146, 97;
|
|
122
128
|
--aui-color-g-1: 76, 200, 148;
|
|
123
|
-
--aui-color-g-2:
|
|
124
|
-
--aui-color-g-4:
|
|
125
|
-
--aui-color-g-6:
|
|
126
|
-
--aui-color-g-7:
|
|
129
|
+
--aui-color-g-2: 22, 139, 93;
|
|
130
|
+
--aui-color-g-4: 27, 103, 78;
|
|
131
|
+
--aui-color-g-6: 31, 74, 66;
|
|
132
|
+
--aui-color-g-7: 28, 88, 72;
|
|
127
133
|
--aui-color-yellow: 237, 172, 44;
|
|
128
|
-
--aui-color-y-0: 186, 138,
|
|
134
|
+
--aui-color-y-0: 186, 138, 45;
|
|
129
135
|
--aui-color-y-1: 241, 192, 96;
|
|
130
|
-
--aui-color-y-2:
|
|
131
|
-
--aui-color-y-4:
|
|
132
|
-
--aui-color-y-6:
|
|
133
|
-
--aui-color-y-7:
|
|
136
|
+
--aui-color-y-2: 176, 132, 45;
|
|
137
|
+
--aui-color-y-4: 126, 98, 47;
|
|
138
|
+
--aui-color-y-6: 86, 72, 49;
|
|
139
|
+
--aui-color-y-7: 105, 85, 48;
|
|
134
140
|
--aui-color-red: 226, 50, 79;
|
|
135
|
-
--aui-color-r-0: 178, 47,
|
|
141
|
+
--aui-color-r-0: 178, 47, 72;
|
|
136
142
|
--aui-color-r-1: 233, 101, 123;
|
|
137
|
-
--aui-color-r-2:
|
|
138
|
-
--aui-color-r-4:
|
|
139
|
-
--aui-color-r-6:
|
|
140
|
-
--aui-color-r-7:
|
|
141
|
-
--aui-color-n-1:
|
|
142
|
-
--aui-color-n-2:
|
|
143
|
-
--aui-color-n-3:
|
|
144
|
-
--aui-color-n-4:
|
|
145
|
-
--aui-color-n-5:
|
|
146
|
-
--aui-color-n-6:
|
|
147
|
-
--aui-color-n-7:
|
|
148
|
-
--aui-color-n-8:
|
|
149
|
-
--aui-color-n-9:
|
|
150
|
-
--aui-color-n-10:
|
|
151
|
-
--aui-color-
|
|
152
|
-
--aui-color-popper-bg:
|
|
153
|
-
--aui-color-
|
|
143
|
+
--aui-color-r-2: 168, 46, 70;
|
|
144
|
+
--aui-color-r-4: 121, 43, 63;
|
|
145
|
+
--aui-color-r-6: 83, 41, 57;
|
|
146
|
+
--aui-color-r-7: 101, 42, 60;
|
|
147
|
+
--aui-color-n-1: 243, 244, 248;
|
|
148
|
+
--aui-color-n-2: 200, 201, 205;
|
|
149
|
+
--aui-color-n-3: 184, 186, 194;
|
|
150
|
+
--aui-color-n-4: 152, 154, 162;
|
|
151
|
+
--aui-color-n-5: 144, 147, 159;
|
|
152
|
+
--aui-color-n-6: 120, 123, 135;
|
|
153
|
+
--aui-color-n-7: 92, 95, 107;
|
|
154
|
+
--aui-color-n-8: 67, 70, 82;
|
|
155
|
+
--aui-color-n-9: 24, 27, 39;
|
|
156
|
+
--aui-color-n-10: 36, 39, 51;
|
|
157
|
+
--aui-color-origin-shadow: var(--aui-color-n-9);
|
|
158
|
+
--aui-color-popper-bg: 56, 59, 71;
|
|
159
|
+
--aui-color-button-bg: 56, 59, 71;
|
|
160
|
+
--aui-color-main-bg: var(--aui-color-n-9);
|
|
161
|
+
--aui-color-divider: var(--aui-color-n-8);
|
|
162
|
+
--aui-color-border: var(--aui-color-n-7);
|
|
154
163
|
}
|
|
155
164
|
}
|
|
156
165
|
html[aui-theme-mode=dark] {
|
|
157
166
|
--aui-color-blue: 61, 142, 255;
|
|
158
|
-
--aui-color-b-0: 54, 116,
|
|
167
|
+
--aui-color-b-0: 54, 116, 204;
|
|
159
168
|
--aui-color-b-1: 109, 170, 255;
|
|
160
|
-
--aui-color-b-2:
|
|
161
|
-
--aui-color-b-3: 50, 101,
|
|
162
|
-
--aui-color-b-4:
|
|
163
|
-
--aui-color-b-5:
|
|
164
|
-
--aui-color-b-6:
|
|
165
|
-
--aui-color-b-7:
|
|
169
|
+
--aui-color-b-2: 53, 111, 193;
|
|
170
|
+
--aui-color-b-3: 50, 101, 173;
|
|
171
|
+
--aui-color-b-4: 47, 85, 143;
|
|
172
|
+
--aui-color-b-5: 40, 54, 81;
|
|
173
|
+
--aui-color-b-6: 42, 64, 102;
|
|
174
|
+
--aui-color-b-7: 44, 74, 122;
|
|
166
175
|
--aui-color-green: 17, 182, 113;
|
|
167
|
-
--aui-color-g-0: 21, 146,
|
|
176
|
+
--aui-color-g-0: 21, 146, 97;
|
|
168
177
|
--aui-color-g-1: 76, 200, 148;
|
|
169
|
-
--aui-color-g-2:
|
|
170
|
-
--aui-color-g-4:
|
|
171
|
-
--aui-color-g-6:
|
|
172
|
-
--aui-color-g-7:
|
|
178
|
+
--aui-color-g-2: 22, 139, 93;
|
|
179
|
+
--aui-color-g-4: 27, 103, 78;
|
|
180
|
+
--aui-color-g-6: 31, 74, 66;
|
|
181
|
+
--aui-color-g-7: 28, 88, 72;
|
|
173
182
|
--aui-color-yellow: 237, 172, 44;
|
|
174
|
-
--aui-color-y-0: 186, 138,
|
|
183
|
+
--aui-color-y-0: 186, 138, 45;
|
|
175
184
|
--aui-color-y-1: 241, 192, 96;
|
|
176
|
-
--aui-color-y-2:
|
|
177
|
-
--aui-color-y-4:
|
|
178
|
-
--aui-color-y-6:
|
|
179
|
-
--aui-color-y-7:
|
|
185
|
+
--aui-color-y-2: 176, 132, 45;
|
|
186
|
+
--aui-color-y-4: 126, 98, 47;
|
|
187
|
+
--aui-color-y-6: 86, 72, 49;
|
|
188
|
+
--aui-color-y-7: 105, 85, 48;
|
|
180
189
|
--aui-color-red: 226, 50, 79;
|
|
181
|
-
--aui-color-r-0: 178, 47,
|
|
190
|
+
--aui-color-r-0: 178, 47, 72;
|
|
182
191
|
--aui-color-r-1: 233, 101, 123;
|
|
183
|
-
--aui-color-r-2:
|
|
184
|
-
--aui-color-r-4:
|
|
185
|
-
--aui-color-r-6:
|
|
186
|
-
--aui-color-r-7:
|
|
187
|
-
--aui-color-n-1:
|
|
188
|
-
--aui-color-n-2:
|
|
189
|
-
--aui-color-n-3:
|
|
190
|
-
--aui-color-n-4:
|
|
191
|
-
--aui-color-n-5:
|
|
192
|
-
--aui-color-n-6:
|
|
193
|
-
--aui-color-n-7:
|
|
194
|
-
--aui-color-n-8:
|
|
195
|
-
--aui-color-n-9:
|
|
196
|
-
--aui-color-n-10:
|
|
197
|
-
--aui-color-
|
|
198
|
-
--aui-color-popper-bg:
|
|
199
|
-
--aui-color-
|
|
192
|
+
--aui-color-r-2: 168, 46, 70;
|
|
193
|
+
--aui-color-r-4: 121, 43, 63;
|
|
194
|
+
--aui-color-r-6: 83, 41, 57;
|
|
195
|
+
--aui-color-r-7: 101, 42, 60;
|
|
196
|
+
--aui-color-n-1: 243, 244, 248;
|
|
197
|
+
--aui-color-n-2: 200, 201, 205;
|
|
198
|
+
--aui-color-n-3: 184, 186, 194;
|
|
199
|
+
--aui-color-n-4: 152, 154, 162;
|
|
200
|
+
--aui-color-n-5: 144, 147, 159;
|
|
201
|
+
--aui-color-n-6: 120, 123, 135;
|
|
202
|
+
--aui-color-n-7: 92, 95, 107;
|
|
203
|
+
--aui-color-n-8: 67, 70, 82;
|
|
204
|
+
--aui-color-n-9: 24, 27, 39;
|
|
205
|
+
--aui-color-n-10: 36, 39, 51;
|
|
206
|
+
--aui-color-origin-shadow: var(--aui-color-n-9);
|
|
207
|
+
--aui-color-popper-bg: 56, 59, 71;
|
|
208
|
+
--aui-color-button-bg: 56, 59, 71;
|
|
209
|
+
--aui-color-main-bg: var(--aui-color-n-9);
|
|
210
|
+
--aui-color-divider: var(--aui-color-n-8);
|
|
211
|
+
--aui-color-border: var(--aui-color-n-7);
|
|
200
212
|
}
|
|
201
213
|
|
|
202
214
|
:root {
|
|
@@ -238,12 +250,6 @@ html[aui-theme-mode=dark] {
|
|
|
238
250
|
--aui-icon-size-s: 12px;
|
|
239
251
|
--aui-border-radius-l: 4px;
|
|
240
252
|
--aui-border-radius-m: 2px;
|
|
241
|
-
--aui-page-header-height: 60px;
|
|
242
|
-
--aui-page-toolbar-height: 44px;
|
|
243
|
-
--aui-page-snackbar-height: 60px;
|
|
244
|
-
--aui-page-sider-width: 260px;
|
|
245
|
-
--aui-page-padding-m: 20px;
|
|
246
|
-
--aui-page-padding-s: 16px;
|
|
247
253
|
--aui-form-item-width-l: 732px;
|
|
248
254
|
--aui-form-item-width-m: 436px;
|
|
249
255
|
--aui-form-item-width-s: 140px;
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnDestroy, PipeTransform } from '@angular/core';
|
|
2
2
|
import { ThemeService } from './theme.service';
|
|
3
3
|
import { ThemeSet } from './theme.types';
|
|
4
|
+
import { cssVar, rgbColor, rgbaColor } from './utils';
|
|
5
|
+
export declare class RgbColorPipe implements PipeTransform {
|
|
6
|
+
transform: typeof rgbColor;
|
|
7
|
+
}
|
|
8
|
+
export declare class RgbaColorPipe implements PipeTransform {
|
|
9
|
+
transform: typeof rgbaColor;
|
|
10
|
+
}
|
|
11
|
+
export declare class CssVarPipe implements PipeTransform {
|
|
12
|
+
transform: typeof cssVar;
|
|
13
|
+
}
|
|
4
14
|
export declare class ThemePickerPipe<T> implements PipeTransform, OnDestroy {
|
|
5
15
|
private currentTheme;
|
|
6
16
|
private readonly destroy$$;
|
package/theme/utils.d.ts
ADDED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
export class RgbColorPipe {
|
|
3
|
-
transform(color) {
|
|
4
|
-
return `rgb(var(--aui-color-${color}))`;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
RgbColorPipe.decorators = [
|
|
8
|
-
{ type: Pipe, args: [{ name: 'auiRgbColor', pure: true },] }
|
|
9
|
-
];
|
|
10
|
-
export class RgbaColorPipe {
|
|
11
|
-
transform([color, opacity]) {
|
|
12
|
-
return `rgba(var(--aui-color-${color}), ${opacity})`;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
RgbaColorPipe.decorators = [
|
|
16
|
-
{ type: Pipe, args: [{ name: 'auiRgbaColor', pure: true },] }
|
|
17
|
-
];
|
|
18
|
-
export class CssVarPipe {
|
|
19
|
-
transform(value) {
|
|
20
|
-
return `var(--aui-${value})`;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
CssVarPipe.decorators = [
|
|
24
|
-
{ type: Pipe, args: [{ name: 'auiCssVar', pure: true },] }
|
|
25
|
-
];
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90aGVtZS9jb2xvci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBR3BELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFNBQVMsQ0FBQyxLQUFhO1FBQ3JCLE9BQU8sdUJBQXVCLEtBQUssSUFBSSxDQUFDO0lBQzFDLENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFRekMsTUFBTSxPQUFPLGFBQWE7SUFDeEIsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBbUI7UUFDMUMsT0FBTyx3QkFBd0IsS0FBSyxNQUFNLE9BQU8sR0FBRyxDQUFDO0lBQ3ZELENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTs7QUFRMUMsTUFBTSxPQUFPLFVBQVU7SUFDckIsU0FBUyxDQUFDLEtBQWE7UUFDckIsT0FBTyxhQUFhLEtBQUssR0FBRyxDQUFDO0lBQy9CLENBQUM7OztZQUpGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoeyBuYW1lOiAnYXVpUmdiQ29sb3InLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgUmdiQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShjb2xvcjogc3RyaW5nKSB7XG4gICAgcmV0dXJuIGByZ2IodmFyKC0tYXVpLWNvbG9yLSR7Y29sb3J9KSlgO1xuICB9XG59XG5cbkBQaXBlKHsgbmFtZTogJ2F1aVJnYmFDb2xvcicsIHB1cmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBSZ2JhQ29sb3JQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShbY29sb3IsIG9wYWNpdHldOiBbc3RyaW5nLCBudW1iZXJdKSB7XG4gICAgcmV0dXJuIGByZ2JhKHZhcigtLWF1aS1jb2xvci0ke2NvbG9yfSksICR7b3BhY2l0eX0pYDtcbiAgfVxufVxuXG5AUGlwZSh7IG5hbWU6ICdhdWlDc3NWYXInLCBwdXJlOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgQ3NzVmFyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0odmFsdWU6IHN0cmluZykge1xuICAgIHJldHVybiBgdmFyKC0tYXVpLSR7dmFsdWV9KWA7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"transform":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiRgbColor","pure":true}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class","members":{"transform":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiRgbaColor","pure":true}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbolic":"class","members":{"transform":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":2,"members":[]},"diDeps":[],"lifecycleHooks":[]},"name":"auiCssVar","pure":true}}],"symbols":[{"__symbol":0,"name":"RgbColorPipe","filePath":"./color.pipe"},{"__symbol":1,"name":"RgbaColorPipe","filePath":"./color.pipe"},{"__symbol":2,"name":"CssVarPipe","filePath":"./color.pipe"}]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, Pipe, } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import { ThemeService } from './theme.service';
|
|
5
|
-
export class ThemePickerPipe {
|
|
6
|
-
constructor(themeService, cdr) {
|
|
7
|
-
this.destroy$$ = new Subject();
|
|
8
|
-
themeService.currentTheme$
|
|
9
|
-
.pipe(takeUntil(this.destroy$$))
|
|
10
|
-
.subscribe(theme => {
|
|
11
|
-
this.currentTheme = theme;
|
|
12
|
-
cdr.markForCheck();
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
transform(v) {
|
|
16
|
-
if (v instanceof Function) {
|
|
17
|
-
return v(this.currentTheme);
|
|
18
|
-
}
|
|
19
|
-
if (Array.isArray(v)) {
|
|
20
|
-
return v[this.currentTheme === 'light' ? 0 : 1];
|
|
21
|
-
}
|
|
22
|
-
return v[this.currentTheme];
|
|
23
|
-
}
|
|
24
|
-
ngOnDestroy() {
|
|
25
|
-
this.destroy$$.next();
|
|
26
|
-
this.destroy$$.complete();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
ThemePickerPipe.decorators = [
|
|
30
|
-
{ type: Pipe, args: [{ name: 'auiThemePicker', pure: false },] }
|
|
31
|
-
];
|
|
32
|
-
ThemePickerPipe.ctorParameters = () => [
|
|
33
|
-
{ type: ThemeService },
|
|
34
|
-
{ type: ChangeDetectorRef }
|
|
35
|
-
];
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtcGlja2VyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGhlbWUvdGhlbWUtcGlja2VyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGlCQUFpQixFQUVqQixJQUFJLEdBRUwsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBSS9DLE1BQU0sT0FBTyxlQUFlO0lBSTFCLFlBQVksWUFBMEIsRUFBRSxHQUFzQjtRQUY3QyxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUcvQyxZQUFZLENBQUMsYUFBYTthQUN2QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMvQixTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDMUIsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFNBQVMsQ0FBQyxDQUFjO1FBQ3RCLElBQUksQ0FBQyxZQUFZLFFBQVEsRUFBRTtZQUN6QixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDN0I7UUFDRCxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDcEIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDakQ7UUFDRCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs7O1lBM0JGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFOzs7WUFIcEMsWUFBWTtZQVJuQixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgT25EZXN0cm95LFxuICBQaXBlLFxuICBQaXBlVHJhbnNmb3JtLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi90aGVtZS5zZXJ2aWNlJztcbmltcG9ydCB7IFRoZW1lLCBUaGVtZVNldCB9IGZyb20gJy4vdGhlbWUudHlwZXMnO1xuXG5AUGlwZSh7IG5hbWU6ICdhdWlUaGVtZVBpY2tlcicsIHB1cmU6IGZhbHNlIH0pXG5leHBvcnQgY2xhc3MgVGhlbWVQaWNrZXJQaXBlPFQ+IGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBjdXJyZW50VGhlbWU6IFRoZW1lO1xuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IodGhlbWVTZXJ2aWNlOiBUaGVtZVNlcnZpY2UsIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGVtZVNlcnZpY2UuY3VycmVudFRoZW1lJFxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUodGhlbWUgPT4ge1xuICAgICAgICB0aGlzLmN1cnJlbnRUaGVtZSA9IHRoZW1lO1xuICAgICAgICBjZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHRyYW5zZm9ybSh2OiBUaGVtZVNldDxUPikge1xuICAgIGlmICh2IGluc3RhbmNlb2YgRnVuY3Rpb24pIHtcbiAgICAgIHJldHVybiB2KHRoaXMuY3VycmVudFRoZW1lKTtcbiAgICB9XG4gICAgaWYgKEFycmF5LmlzQXJyYXkodikpIHtcbiAgICAgIHJldHVybiB2W3RoaXMuY3VycmVudFRoZW1lID09PSAnbGlnaHQnID8gMCA6IDFdO1xuICAgIH1cbiAgICByZXR1cm4gdlt0aGlzLmN1cnJlbnRUaGVtZV07XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3kkJC5uZXh0KCk7XG4gICAgdGhpcy5kZXN0cm95JCQuY29tcGxldGUoKTtcbiAgfVxufVxuIl19
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":1,"members":[]},{"__symbol":2,"members":[]}]}],"transform":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":0,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":1,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":2,"members":[]}}}}],"lifecycleHooks":[1]},"name":"auiThemePicker","pure":false}}],"symbols":[{"__symbol":0,"name":"ThemePickerPipe","filePath":"./theme-picker.pipe"},{"__symbol":1,"name":"ThemeService","filePath":"./theme.service"},{"__symbol":2,"name":"ChangeDetectorRef","filePath":"@angular/core"}]}
|
package/theme/color.pipe.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { PipeTransform } from '@angular/core';
|
|
2
|
-
export declare class RgbColorPipe implements PipeTransform {
|
|
3
|
-
transform(color: string): string;
|
|
4
|
-
}
|
|
5
|
-
export declare class RgbaColorPipe implements PipeTransform {
|
|
6
|
-
transform([color, opacity]: [string, number]): string;
|
|
7
|
-
}
|
|
8
|
-
export declare class CssVarPipe implements PipeTransform {
|
|
9
|
-
transform(value: string): string;
|
|
10
|
-
}
|