@3dsource/source-ui-native 3.0.1 → 3.2.1
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/fesm2022/3dsource-source-ui-native.mjs +101 -61
- package/fesm2022/3dsource-source-ui-native.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_font-weight-map.scss +11 -0
- package/styles/base.scss +13 -0
- package/styles/source-ui-native.css +167 -17
- package/styles/source-ui-native.css.map +1 -1
- package/styles/source-ui-native.min.css +1 -1
- package/styles/source.ui.native.scss +1 -0
- package/styles/typography.scss +160 -15
- package/types/3dsource-source-ui-native.d.ts +40 -11
package/styles/typography.scss
CHANGED
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
// SourceUI Global Styles: typography.scss
|
|
2
2
|
.section_3dsourcecom,
|
|
3
3
|
.cdk-overlay-container {
|
|
4
|
+
// ─── Shared heading base ───────────────────────────────────────────
|
|
4
5
|
h1,
|
|
5
6
|
h2,
|
|
6
7
|
h3,
|
|
7
8
|
h4,
|
|
8
9
|
h5,
|
|
9
10
|
h6,
|
|
11
|
+
// Legacy classes (deprecated, will be removed in v4)
|
|
10
12
|
.src-heading-massive,
|
|
11
13
|
.src-heading-h1,
|
|
12
14
|
.src-heading-h2,
|
|
13
15
|
.src-heading-h3,
|
|
14
16
|
.src-heading-h4,
|
|
15
17
|
.src-heading-h5,
|
|
16
|
-
.src-heading-h6
|
|
18
|
+
.src-heading-h6,
|
|
19
|
+
// v3.0 classes
|
|
20
|
+
.src-headings-4xl,
|
|
21
|
+
.src-headings-3xl,
|
|
22
|
+
.src-headings-2xl,
|
|
23
|
+
.src-headings-xl,
|
|
24
|
+
.src-headings-lg {
|
|
17
25
|
margin: 0;
|
|
18
26
|
font-style: normal;
|
|
19
27
|
font-family: var(--src-font-family-header);
|
|
@@ -22,60 +30,197 @@
|
|
|
22
30
|
text-wrap: balance;
|
|
23
31
|
}
|
|
24
32
|
|
|
33
|
+
// ─── Headings v3.0 ─────────────────────────────────────────────────
|
|
34
|
+
|
|
35
|
+
h1,
|
|
36
|
+
.src-headings-4xl {
|
|
37
|
+
font-size: var(--src-font-size-4xl);
|
|
38
|
+
line-height: var(--src-font-line-4xl);
|
|
39
|
+
letter-spacing: var(--src-font-spacing-4xl);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.src-headings-3xl {
|
|
43
|
+
font-size: var(--src-font-size-3xl);
|
|
44
|
+
line-height: var(--src-font-line-3xl);
|
|
45
|
+
letter-spacing: var(--src-font-spacing-3xl);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
h2,
|
|
49
|
+
.src-headings-2xl {
|
|
50
|
+
font-size: var(--src-font-size-2xl);
|
|
51
|
+
line-height: var(--src-font-line-lg);
|
|
52
|
+
letter-spacing: var(--src-font-spacing-2xl);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
h3,
|
|
56
|
+
.src-headings-xl {
|
|
57
|
+
font-size: var(--src-font-size-xl);
|
|
58
|
+
line-height: var(--src-font-line-xl);
|
|
59
|
+
letter-spacing: var(--src-font-spacing-xl);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
h4,
|
|
63
|
+
.src-headings-lg {
|
|
64
|
+
font-size: var(--src-font-size-lg);
|
|
65
|
+
line-height: var(--src-font-line-lg);
|
|
66
|
+
letter-spacing: var(--src-font-spacing-4xl);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// ─── Titles v3.0 ───────────────────────────────────────────────────
|
|
70
|
+
|
|
71
|
+
h5,
|
|
72
|
+
.src-title-md {
|
|
73
|
+
font-size: var(--src-font-size-md);
|
|
74
|
+
line-height: var(--src-font-line-md);
|
|
75
|
+
font-weight: var(--src-font-weight-semiBold, 600);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
h6,
|
|
79
|
+
.src-title-base {
|
|
80
|
+
font-size: var(--src-font-size-base);
|
|
81
|
+
line-height: var(--src-font-line-base);
|
|
82
|
+
font-weight: var(--src-font-weight-semiBold, 600);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.src-title-sm {
|
|
86
|
+
font-size: var(--src-font-size-sm);
|
|
87
|
+
line-height: var(--src-font-line-sm);
|
|
88
|
+
font-weight: var(--src-font-weight-semiBold, 600);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.src-title-xs {
|
|
92
|
+
font-size: var(--src-font-size-tech);
|
|
93
|
+
line-height: var(--src-font-line-xs);
|
|
94
|
+
font-weight: var(--src-font-weight-semiBold, 600);
|
|
95
|
+
letter-spacing: var(--src-font-spacing-tech);
|
|
96
|
+
text-transform: uppercase;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// ─── Body v3.0 ─────────────────────────────────────────────────────
|
|
100
|
+
|
|
101
|
+
.src-body-md {
|
|
102
|
+
font-size: var(--src-font-size-base);
|
|
103
|
+
line-height: var(--src-font-line-base);
|
|
104
|
+
font-weight: var(--src-font-weight-regular, 400);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.src-body-base {
|
|
108
|
+
font-size: var(--src-font-size-sm);
|
|
109
|
+
line-height: var(--src-font-line-sm);
|
|
110
|
+
font-weight: var(--src-font-weight-regular, 400);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.src-body-sm {
|
|
114
|
+
font-size: var(--src-font-size-xs);
|
|
115
|
+
line-height: var(--src-font-line-xs);
|
|
116
|
+
font-weight: var(--src-font-weight-regular, 400);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
// ─── Body Relaxed v3.0 ─────────────────────────────────────────────
|
|
120
|
+
|
|
121
|
+
.src-body-relaxed-md {
|
|
122
|
+
font-size: var(--src-font-size-base);
|
|
123
|
+
line-height: var(--src-font-line-md);
|
|
124
|
+
font-weight: var(--src-font-weight-regular, 400);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.src-body-relaxed-base {
|
|
128
|
+
font-size: var(--src-font-size-sm);
|
|
129
|
+
line-height: var(--src-font-line-base);
|
|
130
|
+
font-weight: var(--src-font-weight-regular, 400);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.src-body-relaxed-sm {
|
|
134
|
+
font-size: var(--src-font-size-xs);
|
|
135
|
+
line-height: var(--src-font-line-sm);
|
|
136
|
+
font-weight: var(--src-font-weight-regular, 400);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
// ─── Labels v3.0 ───────────────────────────────────────────────────
|
|
140
|
+
|
|
141
|
+
.src-label-xl {
|
|
142
|
+
font-size: var(--src-font-size-md);
|
|
143
|
+
line-height: var(--src-font-line-md);
|
|
144
|
+
font-weight: var(--src-font-weight-medium, 500);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.src-label-lg {
|
|
148
|
+
font-size: var(--src-font-size-base);
|
|
149
|
+
line-height: var(--src-font-line-base);
|
|
150
|
+
font-weight: var(--src-font-weight-medium, 500);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.src-label-md {
|
|
154
|
+
font-size: var(--src-font-size-sm);
|
|
155
|
+
line-height: var(--src-font-line-sm);
|
|
156
|
+
font-weight: var(--src-font-weight-medium, 500);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.src-label-sm {
|
|
160
|
+
font-size: var(--src-font-size-xs);
|
|
161
|
+
line-height: var(--src-font-line-xs);
|
|
162
|
+
font-weight: var(--src-font-weight-medium, 500);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.src-label-tech {
|
|
166
|
+
font-size: var(--src-font-size-tech);
|
|
167
|
+
line-height: var(--src-font-line-xs);
|
|
168
|
+
font-weight: var(--src-font-weight-medium, 500);
|
|
169
|
+
letter-spacing: var(--src-font-spacing-tech);
|
|
170
|
+
text-transform: uppercase;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
// ─── Legacy heading classes (deprecated — use v3.0 classes above) ──
|
|
174
|
+
|
|
175
|
+
/// @deprecated Use .src-headings-3xl instead
|
|
25
176
|
.src-heading-massive {
|
|
26
177
|
font-size: var(--src-fs-massive);
|
|
27
178
|
line-height: var(--src-lh-massive);
|
|
28
179
|
letter-spacing: var(--src-ls-massive);
|
|
29
180
|
}
|
|
30
181
|
|
|
31
|
-
|
|
32
|
-
letter-spacing: 0;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
h1,
|
|
182
|
+
/// @deprecated Use .src-headings-4xl instead
|
|
36
183
|
.src-heading-h1 {
|
|
37
184
|
font-size: var(--src-fs-huge);
|
|
38
185
|
line-height: var(--src-lh-huge);
|
|
39
186
|
letter-spacing: var(--src-ls-large);
|
|
40
187
|
}
|
|
41
188
|
|
|
42
|
-
|
|
189
|
+
/// @deprecated Use .src-headings-2xl instead
|
|
43
190
|
.src-heading-h2 {
|
|
44
191
|
font-size: var(--src-fs-3xlarge);
|
|
45
192
|
line-height: var(--src-lh-3xlarge);
|
|
46
193
|
letter-spacing: var(--src-ls-medium);
|
|
47
194
|
}
|
|
48
195
|
|
|
49
|
-
|
|
196
|
+
/// @deprecated Use .src-headings-xl instead
|
|
50
197
|
.src-heading-h3 {
|
|
51
198
|
font-size: var(--src-fs-2xlarge);
|
|
52
199
|
line-height: var(--src-lh-2xlarge);
|
|
53
200
|
letter-spacing: var(--src-ls-small);
|
|
54
201
|
}
|
|
55
202
|
|
|
56
|
-
|
|
203
|
+
/// @deprecated Use .src-headings-lg instead
|
|
57
204
|
.src-heading-h4 {
|
|
58
205
|
font-size: var(--src-fs-xlarge);
|
|
59
206
|
line-height: var(--src-lh-xlarge);
|
|
60
207
|
}
|
|
61
208
|
|
|
62
|
-
|
|
209
|
+
/// @deprecated Use .src-title-md instead
|
|
63
210
|
.src-heading-h5 {
|
|
64
211
|
font-size: var(--src-fs-large);
|
|
65
212
|
line-height: var(--src-lh-large);
|
|
66
213
|
}
|
|
67
214
|
|
|
68
|
-
|
|
215
|
+
/// @deprecated Use .src-title-base instead
|
|
69
216
|
.src-heading-h6 {
|
|
70
217
|
font-size: var(--src-font-size-base);
|
|
71
218
|
line-height: var(--src-font-line-base);
|
|
72
219
|
}
|
|
73
220
|
|
|
74
|
-
|
|
75
|
-
// font-size: var(--src-font-size-sm, 14px);
|
|
76
|
-
// font-weight: var(--src-font-weight-regular, 400);
|
|
77
|
-
// line-height: var(--src-font-line-sm, 20px);
|
|
221
|
+
// ─── Body defaults ─────────────────────────────────────────────────
|
|
78
222
|
|
|
223
|
+
body {
|
|
79
224
|
font-size: var(--src-font-size-sm, 14px);
|
|
80
225
|
font-style: normal;
|
|
81
226
|
font-weight: 400;
|
|
@@ -29,9 +29,11 @@ declare class SourceBadgeComponent {
|
|
|
29
29
|
readonly textColor: _angular_core.InputSignal<string>;
|
|
30
30
|
readonly customClass: _angular_core.InputSignal<string | string[] | undefined>;
|
|
31
31
|
readonly testID: _angular_core.InputSignal<string>;
|
|
32
|
+
readonly role: _angular_core.InputSignal<string | null>;
|
|
33
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
32
34
|
readonly classes: _angular_core.Signal<(string | string[])[]>;
|
|
33
35
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceBadgeComponent, never>;
|
|
34
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
|
|
36
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
|
|
35
37
|
}
|
|
36
38
|
|
|
37
39
|
declare const SourceBannerSize: {
|
|
@@ -54,9 +56,11 @@ declare class SourceBannerComponent {
|
|
|
54
56
|
readonly size: _angular_core.InputSignal<"sm">;
|
|
55
57
|
readonly isFullWidth: _angular_core.InputSignal<boolean>;
|
|
56
58
|
readonly testID: _angular_core.InputSignal<string>;
|
|
59
|
+
readonly role: _angular_core.InputSignal<string | undefined>;
|
|
60
|
+
readonly ariaLive: _angular_core.InputSignal<"polite" | "assertive" | "off" | undefined>;
|
|
57
61
|
readonly classes: _angular_core.Signal<string[]>;
|
|
58
62
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceBannerComponent, never>;
|
|
59
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "[srcBannerTitle]", "*", "[srcIconPostfix]"], true, never>;
|
|
63
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "[srcBannerTitle]", "*", "[srcIconPostfix]"], true, never>;
|
|
60
64
|
}
|
|
61
65
|
|
|
62
66
|
declare const SourceButtonWeight: {
|
|
@@ -137,6 +141,7 @@ declare class SourceButtonComponent {
|
|
|
137
141
|
readonly srcButtonConfig: _angular_core.InputSignal<SourceButton | undefined>;
|
|
138
142
|
readonly formID: _angular_core.InputSignal<string | undefined>;
|
|
139
143
|
readonly testID: _angular_core.InputSignal<string>;
|
|
144
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
140
145
|
onClick: _angular_core.OutputEmitterRef<Event>;
|
|
141
146
|
onSubmit: _angular_core.OutputEmitterRef<Event>;
|
|
142
147
|
readonly classes: _angular_core.Signal<(string | string[])[]>;
|
|
@@ -144,21 +149,23 @@ declare class SourceButtonComponent {
|
|
|
144
149
|
handleSubmit(event: Event): void;
|
|
145
150
|
getConfig(config: Partial<SourceButton>): SourceButton;
|
|
146
151
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceButtonComponent, never>;
|
|
147
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInverted": { "alias": "isInverted"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
|
|
152
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInverted": { "alias": "isInverted"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
|
|
148
153
|
}
|
|
149
154
|
|
|
150
155
|
declare class SourceCopyrightComponent {
|
|
151
156
|
readonly linkText: _angular_core.InputSignal<string>;
|
|
152
157
|
readonly isCollapsible: _angular_core.InputSignal<boolean>;
|
|
158
|
+
readonly testID: _angular_core.InputSignal<string>;
|
|
153
159
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceCopyrightComponent, never>;
|
|
154
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceCopyrightComponent, "src-copyright", never, { "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
160
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceCopyrightComponent, "src-copyright", never, { "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
155
161
|
}
|
|
156
162
|
|
|
157
163
|
declare class SourceDividerComponent {
|
|
158
164
|
readonly color: _angular_core.InputSignal<string>;
|
|
159
165
|
readonly thickness: _angular_core.InputSignal<string>;
|
|
166
|
+
readonly testID: _angular_core.InputSignal<string>;
|
|
160
167
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceDividerComponent, never>;
|
|
161
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceDividerComponent, "src-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
168
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceDividerComponent, "src-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
162
169
|
}
|
|
163
170
|
|
|
164
171
|
declare const SourceHintSize: {
|
|
@@ -181,8 +188,14 @@ declare class SourceHintComponent {
|
|
|
181
188
|
readonly isError: _angular_core.InputSignal<boolean>;
|
|
182
189
|
readonly context: _angular_core.InputSignal<SourceHintContextKeys>;
|
|
183
190
|
readonly size: _angular_core.InputSignal<SourceHintSizeKeys>;
|
|
191
|
+
readonly testID: _angular_core.InputSignal<string>;
|
|
192
|
+
readonly id: _angular_core.InputSignal<string | undefined>;
|
|
193
|
+
readonly role: _angular_core.InputSignal<string | undefined>;
|
|
194
|
+
readonly ariaLive: _angular_core.InputSignal<"polite" | "assertive" | "off" | undefined>;
|
|
195
|
+
readonly computedRole: _angular_core.Signal<string | undefined>;
|
|
196
|
+
readonly computedAriaLive: _angular_core.Signal<"polite" | "assertive" | "off" | undefined>;
|
|
184
197
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceHintComponent, never>;
|
|
185
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceHintComponent, "src-hint", never, { "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*"], true, never>;
|
|
198
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceHintComponent, "src-hint", never, { "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*"], true, never>;
|
|
186
199
|
}
|
|
187
200
|
|
|
188
201
|
declare const SourceIconButtonAppearance: {
|
|
@@ -246,11 +259,12 @@ declare class SourceIconButtonComponent {
|
|
|
246
259
|
readonly isPressed: _angular_core.InputSignal<boolean>;
|
|
247
260
|
readonly isDisabled: _angular_core.InputSignal<boolean>;
|
|
248
261
|
readonly testID: _angular_core.InputSignal<string>;
|
|
262
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
249
263
|
onClick: _angular_core.OutputEmitterRef<Event>;
|
|
250
264
|
readonly classes: _angular_core.Signal<string[]>;
|
|
251
265
|
handleClick(event: Event): void;
|
|
252
266
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceIconButtonComponent, never>;
|
|
253
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceIconButtonComponent, "src-icon-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
267
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceIconButtonComponent, "src-icon-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
|
|
254
268
|
}
|
|
255
269
|
|
|
256
270
|
declare const SourceLoadingLineCap: {
|
|
@@ -268,21 +282,32 @@ declare class SourceLoadingComponent {
|
|
|
268
282
|
readonly progressStrokeColor: _angular_core.InputSignal<string>;
|
|
269
283
|
readonly strokeWidth: _angular_core.InputSignal<number>;
|
|
270
284
|
readonly testID: _angular_core.InputSignal<string>;
|
|
285
|
+
readonly role: _angular_core.InputSignal<string | undefined>;
|
|
286
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
287
|
+
readonly ariaValueNow: _angular_core.InputSignal<number | undefined>;
|
|
288
|
+
readonly ariaValueMin: _angular_core.InputSignal<number | undefined>;
|
|
289
|
+
readonly ariaValueMax: _angular_core.InputSignal<number | undefined>;
|
|
290
|
+
readonly computedRole: _angular_core.Signal<string>;
|
|
291
|
+
readonly computedAriaValueNow: _angular_core.Signal<number | null>;
|
|
292
|
+
readonly computedAriaValueMin: _angular_core.Signal<number | undefined>;
|
|
293
|
+
readonly computedAriaValueMax: _angular_core.Signal<number | undefined>;
|
|
271
294
|
readonly classes: _angular_core.Signal<string[]>;
|
|
272
295
|
readonly calculateRadius: _angular_core.Signal<number>;
|
|
273
296
|
readonly circumference: _angular_core.Signal<number>;
|
|
274
297
|
readonly viewBox: _angular_core.Signal<string>;
|
|
275
298
|
readonly percentage: _angular_core.Signal<number>;
|
|
276
299
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceLoadingComponent, never>;
|
|
277
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceLoadingComponent, "src-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "lineCap": { "alias": "lineCap"; "required": false; "isSignal": true; }; "backgroundStrokeColor": { "alias": "backgroundStrokeColor"; "required": false; "isSignal": true; }; "progressStrokeColor": { "alias": "progressStrokeColor"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
300
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceLoadingComponent, "src-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "lineCap": { "alias": "lineCap"; "required": false; "isSignal": true; }; "backgroundStrokeColor": { "alias": "backgroundStrokeColor"; "required": false; "isSignal": true; }; "progressStrokeColor": { "alias": "progressStrokeColor"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaValueNow": { "alias": "ariaValueNow"; "required": false; "isSignal": true; }; "ariaValueMin": { "alias": "ariaValueMin"; "required": false; "isSignal": true; }; "ariaValueMax": { "alias": "ariaValueMax"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
278
301
|
}
|
|
279
302
|
|
|
280
303
|
declare class SourceLogoLoadingComponent {
|
|
281
304
|
readonly size: _angular_core.InputSignal<number>;
|
|
282
305
|
readonly strokeColor: _angular_core.InputSignal<string>;
|
|
283
306
|
readonly testID: _angular_core.InputSignal<string>;
|
|
307
|
+
readonly role: _angular_core.InputSignal<string>;
|
|
308
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
284
309
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceLogoLoadingComponent, never>;
|
|
285
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceLogoLoadingComponent, "src-logo-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeColor": { "alias": "strokeColor"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
310
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceLogoLoadingComponent, "src-logo-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeColor": { "alias": "strokeColor"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
286
311
|
}
|
|
287
312
|
|
|
288
313
|
declare class SourceSliderComponent {
|
|
@@ -298,6 +323,8 @@ declare class SourceSliderComponent {
|
|
|
298
323
|
readonly isDisabled: _angular_core.InputSignal<boolean>;
|
|
299
324
|
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
300
325
|
readonly testID: _angular_core.InputSignal<string>;
|
|
326
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
327
|
+
readonly ariaValueText: _angular_core.InputSignal<string | undefined>;
|
|
301
328
|
onChange: _angular_core.OutputEmitterRef<number>;
|
|
302
329
|
onInput: _angular_core.OutputEmitterRef<number>;
|
|
303
330
|
readonly tickPositions: _angular_core.Signal<string[]>;
|
|
@@ -307,7 +334,7 @@ declare class SourceSliderComponent {
|
|
|
307
334
|
change(valueEvent: Event): void;
|
|
308
335
|
private getValue;
|
|
309
336
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceSliderComponent, never>;
|
|
310
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceSliderComponent, "src-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "thumbSize": { "alias": "thumbSize"; "required": false; "isSignal": true; }; "trackHeight": { "alias": "trackHeight"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; }, never, ["[srcIconThumb]"], true, never>;
|
|
337
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceSliderComponent, "src-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "thumbSize": { "alias": "thumbSize"; "required": false; "isSignal": true; }; "trackHeight": { "alias": "trackHeight"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaValueText": { "alias": "ariaValueText"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; }, never, ["[srcIconThumb]"], true, never>;
|
|
311
338
|
}
|
|
312
339
|
|
|
313
340
|
declare const sourceModalIcon: {
|
|
@@ -348,6 +375,8 @@ declare class SourceModalElementComponent {
|
|
|
348
375
|
http: HttpClient;
|
|
349
376
|
sanitizer: DomSanitizer;
|
|
350
377
|
readonly context: _angular_core.WritableSignal<SourceModalContextKeys>;
|
|
378
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
379
|
+
readonly closeButtonLabel: _angular_core.InputSignal<string>;
|
|
351
380
|
readonly testID: _angular_core.WritableSignal<string>;
|
|
352
381
|
readonly dialogEl: _angular_core.Signal<ElementRef<HTMLDialogElement> | undefined>;
|
|
353
382
|
closeEvent: _angular_core.OutputEmitterRef<any>;
|
|
@@ -360,7 +389,7 @@ declare class SourceModalElementComponent {
|
|
|
360
389
|
getIconSvg(iconName: string): SafeHtml;
|
|
361
390
|
hasIcon(): boolean;
|
|
362
391
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceModalElementComponent, never>;
|
|
363
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceModalElementComponent, "src-modal-element", never, {}, { "closeEvent": "closeEvent"; "closed": "closed"; }, never, never, true, never>;
|
|
392
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceModalElementComponent, "src-modal-element", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; }, { "closeEvent": "closeEvent"; "closed": "closed"; }, never, never, true, never>;
|
|
364
393
|
}
|
|
365
394
|
|
|
366
395
|
declare class SourceOverlayContainerComponent {
|