oasys-lib 2.1.3-rc.0 → 2.2.0-rc.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/esm2022/lib/components/form/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/form/combobox/combobox.component.mjs +27 -24
- package/esm2022/lib/components/form/form-group/form-group.component.mjs +3 -3
- package/esm2022/lib/components/form/radio/radio.component.mjs +3 -3
- package/esm2022/lib/components/form/text-input/text-input.component.mjs +3 -3
- package/esm2022/lib/components/navigation/tabs/tab-header/tab-header.component.mjs +3 -3
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/oasys-lib.mjs +35 -50
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/form/combobox/combobox.component.d.ts +4 -4
- package/lib/components/form/combobox/combobox.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -1
- package/public-api.d.ts.map +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
- package/src/assets/global/typography.scss +103 -53
- package/esm2022/lib/components/progress-bar/index.mjs +0 -2
- package/esm2022/lib/components/progress-bar/progress-bar.component.mjs +0 -23
- package/lib/components/progress-bar/index.d.ts +0 -2
- package/lib/components/progress-bar/index.d.ts.map +0 -1
- package/lib/components/progress-bar/progress-bar.component.d.ts +0 -9
- package/lib/components/progress-bar/progress-bar.component.d.ts.map +0 -1
|
@@ -11,8 +11,8 @@ export declare class ComboboxComponent implements ControlValueAccessor, OnInit,
|
|
|
11
11
|
hint?: string;
|
|
12
12
|
header?: string;
|
|
13
13
|
footer?: string;
|
|
14
|
-
autofocus
|
|
15
|
-
disabled
|
|
14
|
+
autofocus: boolean;
|
|
15
|
+
disabled: boolean;
|
|
16
16
|
selected?: ComboboxOption | unknown;
|
|
17
17
|
displayKey?: string;
|
|
18
18
|
iconNameKey?: string;
|
|
@@ -26,13 +26,13 @@ export declare class ComboboxComponent implements ControlValueAccessor, OnInit,
|
|
|
26
26
|
textValue: string;
|
|
27
27
|
inputDidChange: boolean;
|
|
28
28
|
displayOptions: ComboboxOption[];
|
|
29
|
-
private _panelOpen;
|
|
30
29
|
private _selectedOption;
|
|
31
30
|
private _focusedOption;
|
|
32
31
|
private _focusedOptionId;
|
|
32
|
+
private _panelOpen;
|
|
33
33
|
id: string;
|
|
34
34
|
/** Whether or not the overlay panel is open. */
|
|
35
|
-
|
|
35
|
+
panelOpen: import("@angular/core").WritableSignal<boolean>;
|
|
36
36
|
/**
|
|
37
37
|
* Selected option
|
|
38
38
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/oasys-lib/src/lib/components/form/combobox/combobox.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,YAAY,EAEZ,MAAM,EAGN,UAAU,EAEV,aAAa,EAEb,SAAS,EAET,SAAS,EACT,aAAa,
|
|
1
|
+
{"version":3,"file":"combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/oasys-lib/src/lib/components/form/combobox/combobox.component.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -30,5 +30,4 @@ export * from './lib/components/select-card';
|
|
|
30
30
|
export * from './lib/components/form/combobox';
|
|
31
31
|
export * from './lib/components/label';
|
|
32
32
|
export * from './lib/components/navigation/tabs/tab-group';
|
|
33
|
-
export * from './lib/components/progress-bar';
|
|
34
33
|
//# sourceMappingURL=public-api.d.ts.map
|
package/public-api.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/oasys-lib/src/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4CAA4C,CAAC
|
|
1
|
+
{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/oasys-lib/src/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4CAA4C,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import './responsive.scss';
|
|
2
2
|
|
|
3
3
|
/* ---------------------
|
|
4
4
|
Basic Font Foundations
|
|
@@ -74,8 +74,7 @@ ui-grid {
|
|
|
74
74
|
// add .seo-h1 on to any H1 tag which is used
|
|
75
75
|
// purely for SEO and should not appear like an h1
|
|
76
76
|
|
|
77
|
-
h1:not(.seo-h1)
|
|
78
|
-
.text-heading--hero {
|
|
77
|
+
h1:not(.seo-h1) {
|
|
79
78
|
font-size: var(--oasys-typography-heading-hero-desktop-font-size);
|
|
80
79
|
line-height: var(--oasys-typography-heading-hero-desktop-line-height);
|
|
81
80
|
font-weight: var(--oasys-typography-heading-hero-desktop-font-weight);
|
|
@@ -87,8 +86,25 @@ h1:not(.seo-h1),
|
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
88
|
|
|
90
|
-
|
|
91
|
-
.text-heading--
|
|
89
|
+
.text-heading--hero,
|
|
90
|
+
h1.text-heading--hero,
|
|
91
|
+
h2.text-heading--hero,
|
|
92
|
+
h3.text-heading--hero,
|
|
93
|
+
h4.text-heading--hero,
|
|
94
|
+
h5.text-heading--hero,
|
|
95
|
+
h6.text-heading--hero {
|
|
96
|
+
font-size: var(--oasys-typography-heading-hero-desktop-font-size);
|
|
97
|
+
line-height: var(--oasys-typography-heading-hero-desktop-line-height);
|
|
98
|
+
font-weight: var(--oasys-typography-heading-hero-desktop-font-weight);
|
|
99
|
+
|
|
100
|
+
@include mobile() {
|
|
101
|
+
font-size: var(--oasys-typography-heading-hero-mobile-font-size);
|
|
102
|
+
line-height: var(--oasys-typography-heading-hero-mobile-line-height);
|
|
103
|
+
font-weight: var(--oasys-typography-heading-hero-mobile-font-weight);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
h2 {
|
|
92
108
|
font-size: var(--oasys-typography-heading-primary-desktop-font-size);
|
|
93
109
|
line-height: var(--oasys-typography-heading-primary-desktop-line-height);
|
|
94
110
|
font-weight: var(--oasys-typography-heading-primary-desktop-font-weight);
|
|
@@ -100,8 +116,37 @@ h2,
|
|
|
100
116
|
}
|
|
101
117
|
}
|
|
102
118
|
|
|
103
|
-
|
|
104
|
-
.text-heading--
|
|
119
|
+
.text-heading--primary,
|
|
120
|
+
h1.text-heading--primary,
|
|
121
|
+
h2.text-heading--primary,
|
|
122
|
+
h3.text-heading--primary,
|
|
123
|
+
h4.text-heading--primary,
|
|
124
|
+
h5.text-heading--primary,
|
|
125
|
+
h6.text-heading--primary {
|
|
126
|
+
font-size: var(--oasys-typography-heading-primary-desktop-font-size);
|
|
127
|
+
line-height: var(--oasys-typography-heading-primary-desktop-line-height);
|
|
128
|
+
font-weight: var(--oasys-typography-heading-primary-desktop-font-weight);
|
|
129
|
+
|
|
130
|
+
@include mobile() {
|
|
131
|
+
font-size: var(--oasys-typography-heading-primary-mobile-font-size);
|
|
132
|
+
line-height: var(--oasys-typography-heading-primary-mobile-line-height);
|
|
133
|
+
font-weight: var(--oasys-typography-heading-primary-mobile-font-weight);
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
h3 {
|
|
138
|
+
font-size: var(--oasys-typography-heading-secondary-font-size);
|
|
139
|
+
line-height: var(--oasys-typography-heading-secondary-line-height);
|
|
140
|
+
font-weight: var(--oasys-typography-heading-secondary-font-weight);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.text-heading--secondary,
|
|
144
|
+
h1.text-heading--secondary,
|
|
145
|
+
h2.text-heading--secondary,
|
|
146
|
+
h3.text-heading--secondary,
|
|
147
|
+
h4.text-heading--secondary,
|
|
148
|
+
h5.text-heading--secondary,
|
|
149
|
+
h6.text-heading--secondary {
|
|
105
150
|
font-size: var(--oasys-typography-heading-secondary-font-size);
|
|
106
151
|
line-height: var(--oasys-typography-heading-secondary-line-height);
|
|
107
152
|
font-weight: var(--oasys-typography-heading-secondary-font-weight);
|
|
@@ -115,38 +160,61 @@ h3,
|
|
|
115
160
|
Functional Heading Sizes
|
|
116
161
|
--------------------- */
|
|
117
162
|
|
|
118
|
-
h4
|
|
119
|
-
.text-heading--functional--primary {
|
|
163
|
+
h4 {
|
|
120
164
|
font-size: var(--oasys-typography-heading-func-primary-desktop-font-size);
|
|
121
165
|
line-height: var(--oasys-typography-heading-func-primary-desktop-line-height);
|
|
122
166
|
font-weight: var(--oasys-typography-heading-func-primary-desktop-font-weight);
|
|
123
167
|
|
|
124
168
|
@include mobile() {
|
|
125
169
|
font-size: var(--oasys-typography-heading-func-primary-mobile-font-size);
|
|
126
|
-
line-height: var(
|
|
127
|
-
--oasys-typography-heading-func-primary-mobile-line-height
|
|
128
|
-
);
|
|
170
|
+
line-height: var(--oasys-typography-heading-func-primary-mobile-line-height);
|
|
129
171
|
}
|
|
130
172
|
}
|
|
131
173
|
|
|
132
|
-
|
|
133
|
-
.text-heading--functional--
|
|
174
|
+
.text-heading--functional--primary,
|
|
175
|
+
h1.text-heading--functional--primary,
|
|
176
|
+
h2.text-heading--functional--primary,
|
|
177
|
+
h3.text-heading--functional--primary,
|
|
178
|
+
h4.text-heading--functional--primary,
|
|
179
|
+
h5.text-heading--functional--primary,
|
|
180
|
+
h6.text-heading--functional--primary {
|
|
181
|
+
font-size: var(--oasys-typography-heading-func-primary-desktop-font-size);
|
|
182
|
+
line-height: var(--oasys-typography-heading-func-primary-desktop-line-height);
|
|
183
|
+
font-weight: var(--oasys-typography-heading-func-primary-desktop-font-weight);
|
|
184
|
+
|
|
185
|
+
@include mobile() {
|
|
186
|
+
font-size: var(--oasys-typography-heading-func-primary-mobile-font-size);
|
|
187
|
+
line-height: var(--oasys-typography-heading-func-primary-mobile-line-height);
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
h5 {
|
|
192
|
+
font-size: var(--oasys-typography-heading-func-secondary-desktop-font-size);
|
|
193
|
+
line-height: var(--oasys-typography-heading-func-secondary-desktop-line-height);
|
|
194
|
+
font-weight: var(--oasys-typography-heading-func-secondary-desktop-font-weight);
|
|
195
|
+
|
|
196
|
+
@include mobile() {
|
|
197
|
+
font-size: var(--oasys-typography-heading-func-secondary-mobile-font-size);
|
|
198
|
+
line-height: var(--oasys-typography-heading-func-secondary-mobile-line-height);
|
|
199
|
+
font-weight: var(--oasys-typography-heading-func-secondary-mobile-font-weight);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.text-heading--functional--secondary,
|
|
204
|
+
h1.text-heading--functional--secondary,
|
|
205
|
+
h2.text-heading--functional--secondary,
|
|
206
|
+
h3.text-heading--functional--secondary,
|
|
207
|
+
h4.text-heading--functional--secondary,
|
|
208
|
+
h5.text-heading--functional--secondary,
|
|
209
|
+
h6.text-heading--functional--secondary {
|
|
134
210
|
font-size: var(--oasys-typography-heading-func-secondary-desktop-font-size);
|
|
135
|
-
line-height: var(
|
|
136
|
-
|
|
137
|
-
);
|
|
138
|
-
font-weight: var(
|
|
139
|
-
--oasys-typography-heading-func-secondary-desktop-font-weight
|
|
140
|
-
);
|
|
211
|
+
line-height: var(--oasys-typography-heading-func-secondary-desktop-line-height);
|
|
212
|
+
font-weight: var(--oasys-typography-heading-func-secondary-desktop-font-weight);
|
|
141
213
|
|
|
142
214
|
@include mobile() {
|
|
143
215
|
font-size: var(--oasys-typography-heading-func-secondary-mobile-font-size);
|
|
144
|
-
line-height: var(
|
|
145
|
-
|
|
146
|
-
);
|
|
147
|
-
font-weight: var(
|
|
148
|
-
--oasys-typography-heading-func-secondary-mobile-font-weight
|
|
149
|
-
);
|
|
216
|
+
line-height: var(--oasys-typography-heading-func-secondary-mobile-line-height);
|
|
217
|
+
font-weight: var(--oasys-typography-heading-func-secondary-mobile-font-weight);
|
|
150
218
|
}
|
|
151
219
|
}
|
|
152
220
|
|
|
@@ -215,9 +283,7 @@ label,
|
|
|
215
283
|
}
|
|
216
284
|
|
|
217
285
|
.text-body--line-through {
|
|
218
|
-
text-decoration: var(
|
|
219
|
-
--oasys-typography-body-line-through-body-text-decoration
|
|
220
|
-
);
|
|
286
|
+
text-decoration: var(--oasys-typography-body-line-through-body-text-decoration);
|
|
221
287
|
}
|
|
222
288
|
|
|
223
289
|
.text-body--emphasis {
|
|
@@ -296,20 +362,12 @@ article {
|
|
|
296
362
|
@extend .text-heading--functional;
|
|
297
363
|
@extend .text-body--emphasis;
|
|
298
364
|
|
|
299
|
-
padding-top: var(
|
|
300
|
-
|
|
301
|
-
);
|
|
302
|
-
margin-bottom: var(
|
|
303
|
-
--oasys-prose-vertical-adjustment-heading-primary-large-bottom
|
|
304
|
-
);
|
|
365
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-primary-large-top);
|
|
366
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom);
|
|
305
367
|
|
|
306
368
|
@include mobile() {
|
|
307
|
-
padding-top: var(
|
|
308
|
-
|
|
309
|
-
);
|
|
310
|
-
margin-bottom: var(
|
|
311
|
-
--oasys-prose-vertical-adjustment-heading-primary-small-bottom
|
|
312
|
-
);
|
|
369
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-primary-small-top);
|
|
370
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom);
|
|
313
371
|
}
|
|
314
372
|
}
|
|
315
373
|
|
|
@@ -318,20 +376,12 @@ article {
|
|
|
318
376
|
@extend .text-heading--functional;
|
|
319
377
|
@extend .text-body--emphasis;
|
|
320
378
|
|
|
321
|
-
padding-top: var(
|
|
322
|
-
|
|
323
|
-
);
|
|
324
|
-
margin-bottom: var(
|
|
325
|
-
--oasys-prose-vertical-adjustment-heading-secondary-large-bottom
|
|
326
|
-
);
|
|
379
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);
|
|
380
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom);
|
|
327
381
|
|
|
328
382
|
@include mobile() {
|
|
329
|
-
padding-top: var(
|
|
330
|
-
|
|
331
|
-
);
|
|
332
|
-
margin-bottom: var(
|
|
333
|
-
--oasys-prose-vertical-adjustment-heading-secondary-small-bottom
|
|
334
|
-
);
|
|
383
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);
|
|
384
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom);
|
|
335
385
|
}
|
|
336
386
|
}
|
|
337
387
|
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export * from './progress-bar.component';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzLWJhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wcm9ncmVzcy1iYXIuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { LayoutBoxComponent } from '../layout/box/box.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
export class ProgressBarComponent {
|
|
7
|
-
percentage = 50;
|
|
8
|
-
style = 'circular';
|
|
9
|
-
text = '0 / 3';
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProgressBarComponent, isStandalone: true, selector: "ui-progress-bar", inputs: { percentage: "percentage", style: "style", text: "text" }, ngImport: i0, template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LayoutBoxComponent, selector: "ui-box", inputs: ["box_space", "box_space_top", "box_space_right", "box_space_bottom", "box_space_left", "box_align_x", "box_align_y", "box_fill_mode", "box_background", "box_content_fill_width", "box_border_color", "box_border_width", "box_border_style", "box_border_radius"] }] });
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
14
|
-
type: Component,
|
|
15
|
-
args: [{ selector: 'ui-progress-bar', standalone: true, imports: [CommonModule, LayoutBoxComponent], template: "<!-- Circular Progress Bar -->\n<ui-box\n *ngIf=\"style === 'circular'\"\n box_space=\"none\"\n class=\"bw-cicle-progress-bar\"\n [style.--bw-cicle-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <circle class=\"full-bar\" />\n <circle class=\"progress-bar\" />\n </svg>\n <div class=\"bw-cicle-progress-bar__content text-body--micro\">\n <span class=\"bw-cicle-progress-bar__content-text\">{{ text }}</span>\n </div>\n</ui-box>\n\n<!-- Line Progress Bar -->\n<ui-box\n *ngIf=\"style === 'line'\"\n box_space=\"none\"\n box_fit_mode=\"fit\"\n class=\"bw-line-progress-bar\"\n [style.--bw-line-progress-bar-progress-size]=\"percentage\"\n role=\"progressbar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"percentage\"\n [attr.aria-label]=\"text\"\n>\n <svg>\n <rect class=\"full-bar\" />\n <rect class=\"progress-bar\" />\n </svg>\n</ui-box>\n", styles: [".bw-cicle-progress-bar{--bw-cicle-progress-bar-progress-size: 0;--bw-cicle-progress-bar-size: 48px;display:block;position:relative;width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bw-cicle-progress-bar svg{--size: 48px;--half-size: calc(var(--size) / 2);--stroke-width: 4px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--bw-cicle-progress-bar-progress-size) * var(--circumference)) / 100);width:var(--bw-cicle-progress-bar-size);height:var(--bw-cicle-progress-bar-size)}.bw-cicle-progress-bar circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.bw-cicle-progress-bar circle.full-bar{stroke:var(--oasys-color-interaction-background-disabled)}.bw-cicle-progress-bar circle.progress-bar{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));stroke:var(--oasys-color-brand-background-tertiary)}.bw-line-progress-bar{--bw-line-progress-bar-progress-size: 0;--bw-line-progress-bar-svg-height: 4px;--bw-line-progress-bar-width: 160px;display:block;width:var(--bw-line-progress-bar-width);height:auto}.bw-line-progress-bar svg{width:100%;height:var(--bw-line-progress-bar-svg-height)}.bw-line-progress-bar rect{height:100%;rx:calc(var(--bw-line-progress-bar-svg-height) / 2);ry:calc(var(--bw-line-progress-bar-svg-height) / 2)}.bw-line-progress-bar rect.full-bar{width:100%;fill:var(--oasys-color-interaction-background-disabled)}.bw-line-progress-bar rect.progress-bar{width:calc(var(--bw-line-progress-bar-progress-size) * 1%);fill:var(--oasys-color-brand-foreground-primary);transition:width .3s ease}\n"] }]
|
|
16
|
-
}], propDecorators: { percentage: [{
|
|
17
|
-
type: Input
|
|
18
|
-
}], style: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], text: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29hc3lzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vYXN5cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzLWJhci9wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7QUFTakUsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLEtBQUssR0FBd0IsVUFBVSxDQUFDO0lBQ3hDLElBQUksR0FBVyxPQUFPLENBQUM7d0dBSHJCLG9CQUFvQjs0RkFBcEIsb0JBQW9CLCtJQ1hqQyw4aENBdUNBLHk0REQ5QlksWUFBWSxtSUFBRSxrQkFBa0I7OzRGQUUvQixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsaUJBQWlCLGNBR2YsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGtCQUFrQixDQUFDOzhCQUdsQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTGF5b3V0Qm94Q29tcG9uZW50IH0gZnJvbSAnLi4vbGF5b3V0L2JveC9ib3guY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndWktcHJvZ3Jlc3MtYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMYXlvdXRCb3hDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0JhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHBlcmNlbnRhZ2UgPSA1MDtcbiAgQElucHV0KCkgc3R5bGU6ICdjaXJjdWxhcicgfCAnbGluZScgPSAnY2lyY3VsYXInO1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnMCAvIDMnO1xufVxuIiwiPCEtLSBDaXJjdWxhciBQcm9ncmVzcyBCYXIgLS0+XG48dWktYm94XG4gICpuZ0lmPVwic3R5bGUgPT09ICdjaXJjdWxhcidcIlxuICBib3hfc3BhY2U9XCJub25lXCJcbiAgY2xhc3M9XCJidy1jaWNsZS1wcm9ncmVzcy1iYXJcIlxuICBbc3R5bGUuLS1idy1jaWNsZS1wcm9ncmVzcy1iYXItcHJvZ3Jlc3Mtc2l6ZV09XCJwZXJjZW50YWdlXCJcbiAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgYXJpYS12YWx1ZW1pbj1cIjBcIlxuICBhcmlhLXZhbHVlbWF4PVwiMTAwXCJcbiAgW2F0dHIuYXJpYS12YWx1ZW5vd109XCJwZXJjZW50YWdlXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0XCJcbj5cbiAgPHN2Zz5cbiAgICA8Y2lyY2xlIGNsYXNzPVwiZnVsbC1iYXJcIiAvPlxuICAgIDxjaXJjbGUgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIiAvPlxuICA8L3N2Zz5cbiAgPGRpdiBjbGFzcz1cImJ3LWNpY2xlLXByb2dyZXNzLWJhcl9fY29udGVudCB0ZXh0LWJvZHktLW1pY3JvXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJidy1jaWNsZS1wcm9ncmVzcy1iYXJfX2NvbnRlbnQtdGV4dFwiPnt7IHRleHQgfX08L3NwYW4+XG4gIDwvZGl2PlxuPC91aS1ib3g+XG5cbjwhLS0gTGluZSBQcm9ncmVzcyBCYXIgLS0+XG48dWktYm94XG4gICpuZ0lmPVwic3R5bGUgPT09ICdsaW5lJ1wiXG4gIGJveF9zcGFjZT1cIm5vbmVcIlxuICBib3hfZml0X21vZGU9XCJmaXRcIlxuICBjbGFzcz1cImJ3LWxpbmUtcHJvZ3Jlc3MtYmFyXCJcbiAgW3N0eWxlLi0tYnctbGluZS1wcm9ncmVzcy1iYXItcHJvZ3Jlc3Mtc2l6ZV09XCJwZXJjZW50YWdlXCJcbiAgcm9sZT1cInByb2dyZXNzYmFyXCJcbiAgYXJpYS12YWx1ZW1pbj1cIjBcIlxuICBhcmlhLXZhbHVlbWF4PVwiMTAwXCJcbiAgW2F0dHIuYXJpYS12YWx1ZW5vd109XCJwZXJjZW50YWdlXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJ0ZXh0XCJcbj5cbiAgPHN2Zz5cbiAgICA8cmVjdCBjbGFzcz1cImZ1bGwtYmFyXCIgLz5cbiAgICA8cmVjdCBjbGFzcz1cInByb2dyZXNzLWJhclwiIC8+XG4gIDwvc3ZnPlxuPC91aS1ib3g+XG4iXX0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ProgressBarComponent {
|
|
3
|
-
percentage: number;
|
|
4
|
-
style: 'circular' | 'line';
|
|
5
|
-
text: string;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ui-progress-bar", never, { "percentage": { "alias": "percentage"; "required": false; }; "style": { "alias": "style"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=progress-bar.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/progress-bar/progress-bar.component.ts"],"names":[],"mappings":";AAIA,qBAOa,oBAAoB;IACtB,UAAU,SAAM;IAChB,KAAK,EAAE,UAAU,GAAG,MAAM,CAAc;IACxC,IAAI,EAAE,MAAM,CAAW;yCAHrB,oBAAoB;2CAApB,oBAAoB;CAIhC"}
|