@ascentgl/ads-ui 22.11.0 → 22.11.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/README.md +7 -7
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs +2 -2
- package/fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs.map +1 -1
- package/fesm2022/ascentgl-ads-ui.mjs +260 -233
- package/fesm2022/ascentgl-ads-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/sass/ads-ui/abstracts/_functions.scss +18 -18
- package/src/assets/sass/ads-ui/abstracts/_mixins.scss +90 -90
- package/src/assets/sass/ads-ui/abstracts/_variables.scss +137 -137
- package/src/assets/sass/ads-ui/base/_reset.scss +19 -19
- package/src/assets/sass/ads-ui/base/_typography.scss +179 -179
- package/src/assets/sass/ads-ui/base/_utilities.scss +104 -104
- package/src/assets/sass/ads-ui/main.scss +8 -8
- package/src/assets/sass/ads-ui/overrides/_angular-material.scss +8 -8
- package/src/assets/sass/ads-ui/overrides/angular-material/_bottom-sheet.scss +12 -12
- package/src/assets/sass/ads-ui/overrides/angular-material/_datetimepicker.scss +248 -248
- package/src/assets/sass/ads-ui/overrides/angular-material/_dropdown.scss +60 -60
- package/src/assets/sass/ads-ui/overrides/angular-material/_html.scss +14 -14
- package/src/assets/sass/ads-ui/overrides/angular-material/_mat-list.scss +47 -47
- package/src/assets/sass/ads-ui/overrides/angular-material/_menu.scss +89 -89
- package/src/assets/sass/ads-ui/overrides/angular-material/_search-dropdown-modal.scss +34 -34
- package/src/assets/sass/ads-ui/overrides/angular-material/_snackbar.scss +40 -40
- package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss +76 -76
- package/src/assets/sass/ads-ui/themes/_ads-palette.scss +98 -98
- package/types/ascentgl-ads-ui.d.ts +16 -7
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
$primary: (
|
|
2
|
-
50: #e0e9f1,
|
|
3
|
-
100: #b3c8db,
|
|
4
|
-
200: #80a4c3,
|
|
5
|
-
300: #4d80ab,
|
|
6
|
-
400: #266499,
|
|
7
|
-
500: #5756b3,
|
|
8
|
-
600: #00427f,
|
|
9
|
-
700: #003974,
|
|
10
|
-
800: #00316a,
|
|
11
|
-
900: #002157,
|
|
12
|
-
A100: #89aaff,
|
|
13
|
-
A200: #5685ff,
|
|
14
|
-
A400: #2361ff,
|
|
15
|
-
A700: #094fff,
|
|
16
|
-
contrast: (
|
|
17
|
-
50: #000,
|
|
18
|
-
100: #000,
|
|
19
|
-
200: #000,
|
|
20
|
-
300: #fff,
|
|
21
|
-
400: #fff,
|
|
22
|
-
500: #fff,
|
|
23
|
-
600: #fff,
|
|
24
|
-
700: #fff,
|
|
25
|
-
800: #fff,
|
|
26
|
-
900: #fff,
|
|
27
|
-
A100: #000,
|
|
28
|
-
A200: #000,
|
|
29
|
-
A400: #fff,
|
|
30
|
-
A700: #fff,
|
|
31
|
-
),
|
|
32
|
-
);
|
|
33
|
-
|
|
34
|
-
$accent: (
|
|
35
|
-
50: #e0f3f9,
|
|
36
|
-
100: #b3e0f0,
|
|
37
|
-
200: #80cce6,
|
|
38
|
-
300: #4db8db,
|
|
39
|
-
400: #26a8d4,
|
|
40
|
-
500: #09c,
|
|
41
|
-
600: #0091c7,
|
|
42
|
-
700: #0086c0,
|
|
43
|
-
800: #007cb9,
|
|
44
|
-
900: #006bad,
|
|
45
|
-
A100: #d7edff,
|
|
46
|
-
A200: #a4d7ff,
|
|
47
|
-
A400: #71c0ff,
|
|
48
|
-
A700: #58b5ff,
|
|
49
|
-
contrast: (
|
|
50
|
-
50: #000,
|
|
51
|
-
100: #000,
|
|
52
|
-
200: #000,
|
|
53
|
-
300: #000,
|
|
54
|
-
400: #000,
|
|
55
|
-
500: #fff,
|
|
56
|
-
600: #fff,
|
|
57
|
-
700: #fff,
|
|
58
|
-
800: #fff,
|
|
59
|
-
900: #fff,
|
|
60
|
-
A100: #000,
|
|
61
|
-
A200: #000,
|
|
62
|
-
A400: #000,
|
|
63
|
-
A700: #000,
|
|
64
|
-
),
|
|
65
|
-
);
|
|
66
|
-
|
|
67
|
-
$warn: (
|
|
68
|
-
50: #f7e0e2,
|
|
69
|
-
100: #ebb3b8,
|
|
70
|
-
200: #de8088,
|
|
71
|
-
300: #d04d58,
|
|
72
|
-
400: #c62635,
|
|
73
|
-
500: #bc0011,
|
|
74
|
-
600: #b6000f,
|
|
75
|
-
700: #ad000c,
|
|
76
|
-
800: #a5000a,
|
|
77
|
-
900: #970005,
|
|
78
|
-
A100: #ffc2c2,
|
|
79
|
-
A200: #ff8f90,
|
|
80
|
-
A400: #ff5c5d,
|
|
81
|
-
A700: #ff4244,
|
|
82
|
-
contrast: (
|
|
83
|
-
50: #000,
|
|
84
|
-
100: #000,
|
|
85
|
-
200: #000,
|
|
86
|
-
300: #000,
|
|
87
|
-
400: #000,
|
|
88
|
-
500: #fff,
|
|
89
|
-
600: #fff,
|
|
90
|
-
700: #fff,
|
|
91
|
-
800: #fff,
|
|
92
|
-
900: #fff,
|
|
93
|
-
A100: #000,
|
|
94
|
-
A200: #000,
|
|
95
|
-
A400: #000,
|
|
96
|
-
A700: #000,
|
|
97
|
-
),
|
|
98
|
-
);
|
|
1
|
+
$primary: (
|
|
2
|
+
50: #e0e9f1,
|
|
3
|
+
100: #b3c8db,
|
|
4
|
+
200: #80a4c3,
|
|
5
|
+
300: #4d80ab,
|
|
6
|
+
400: #266499,
|
|
7
|
+
500: #5756b3,
|
|
8
|
+
600: #00427f,
|
|
9
|
+
700: #003974,
|
|
10
|
+
800: #00316a,
|
|
11
|
+
900: #002157,
|
|
12
|
+
A100: #89aaff,
|
|
13
|
+
A200: #5685ff,
|
|
14
|
+
A400: #2361ff,
|
|
15
|
+
A700: #094fff,
|
|
16
|
+
contrast: (
|
|
17
|
+
50: #000,
|
|
18
|
+
100: #000,
|
|
19
|
+
200: #000,
|
|
20
|
+
300: #fff,
|
|
21
|
+
400: #fff,
|
|
22
|
+
500: #fff,
|
|
23
|
+
600: #fff,
|
|
24
|
+
700: #fff,
|
|
25
|
+
800: #fff,
|
|
26
|
+
900: #fff,
|
|
27
|
+
A100: #000,
|
|
28
|
+
A200: #000,
|
|
29
|
+
A400: #fff,
|
|
30
|
+
A700: #fff,
|
|
31
|
+
),
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
$accent: (
|
|
35
|
+
50: #e0f3f9,
|
|
36
|
+
100: #b3e0f0,
|
|
37
|
+
200: #80cce6,
|
|
38
|
+
300: #4db8db,
|
|
39
|
+
400: #26a8d4,
|
|
40
|
+
500: #09c,
|
|
41
|
+
600: #0091c7,
|
|
42
|
+
700: #0086c0,
|
|
43
|
+
800: #007cb9,
|
|
44
|
+
900: #006bad,
|
|
45
|
+
A100: #d7edff,
|
|
46
|
+
A200: #a4d7ff,
|
|
47
|
+
A400: #71c0ff,
|
|
48
|
+
A700: #58b5ff,
|
|
49
|
+
contrast: (
|
|
50
|
+
50: #000,
|
|
51
|
+
100: #000,
|
|
52
|
+
200: #000,
|
|
53
|
+
300: #000,
|
|
54
|
+
400: #000,
|
|
55
|
+
500: #fff,
|
|
56
|
+
600: #fff,
|
|
57
|
+
700: #fff,
|
|
58
|
+
800: #fff,
|
|
59
|
+
900: #fff,
|
|
60
|
+
A100: #000,
|
|
61
|
+
A200: #000,
|
|
62
|
+
A400: #000,
|
|
63
|
+
A700: #000,
|
|
64
|
+
),
|
|
65
|
+
);
|
|
66
|
+
|
|
67
|
+
$warn: (
|
|
68
|
+
50: #f7e0e2,
|
|
69
|
+
100: #ebb3b8,
|
|
70
|
+
200: #de8088,
|
|
71
|
+
300: #d04d58,
|
|
72
|
+
400: #c62635,
|
|
73
|
+
500: #bc0011,
|
|
74
|
+
600: #b6000f,
|
|
75
|
+
700: #ad000c,
|
|
76
|
+
800: #a5000a,
|
|
77
|
+
900: #970005,
|
|
78
|
+
A100: #ffc2c2,
|
|
79
|
+
A200: #ff8f90,
|
|
80
|
+
A400: #ff5c5d,
|
|
81
|
+
A700: #ff4244,
|
|
82
|
+
contrast: (
|
|
83
|
+
50: #000,
|
|
84
|
+
100: #000,
|
|
85
|
+
200: #000,
|
|
86
|
+
300: #000,
|
|
87
|
+
400: #000,
|
|
88
|
+
500: #fff,
|
|
89
|
+
600: #fff,
|
|
90
|
+
700: #fff,
|
|
91
|
+
800: #fff,
|
|
92
|
+
900: #fff,
|
|
93
|
+
A100: #000,
|
|
94
|
+
A200: #000,
|
|
95
|
+
A400: #000,
|
|
96
|
+
A700: #000,
|
|
97
|
+
),
|
|
98
|
+
);
|
|
@@ -96,7 +96,7 @@ declare class AdsNumericBadgeComponent extends AdsIconHoverComponent {
|
|
|
96
96
|
/** provide icon name. NOTE: the icon must be registered in icon registry **/
|
|
97
97
|
name: i0.InputSignal<adsIcon>;
|
|
98
98
|
/** choose ads icon theme **/
|
|
99
|
-
theme: i0.InputSignal<"
|
|
99
|
+
theme: i0.InputSignal<"iconPrimary" | "primary" | "success" | "warn" | "white">;
|
|
100
100
|
/** set badge value as number **/
|
|
101
101
|
value: i0.InputSignal<number>;
|
|
102
102
|
/** @ignore **/
|
|
@@ -159,7 +159,7 @@ declare class AdsButtonComponent {
|
|
|
159
159
|
/** Whether the button is a smaller version */
|
|
160
160
|
size: i0.InputSignal<Size>;
|
|
161
161
|
/** Sets the "type" attribute on the button */
|
|
162
|
-
type: i0.InputSignal<"
|
|
162
|
+
type: i0.InputSignal<"submit" | "button" | "reset">;
|
|
163
163
|
/** Makes the button take 100% width of its container */
|
|
164
164
|
fullWidth: i0.InputSignal<boolean>;
|
|
165
165
|
static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonComponent, never>;
|
|
@@ -168,7 +168,7 @@ declare class AdsButtonComponent {
|
|
|
168
168
|
|
|
169
169
|
declare class AdsButtonContainerComponent {
|
|
170
170
|
/** How buttons in the container should be placed */
|
|
171
|
-
justify: i0.InputSignal<"
|
|
171
|
+
justify: i0.InputSignal<"center" | "flex-start" | "flex-end">;
|
|
172
172
|
/** The gap between elements */
|
|
173
173
|
gap: i0.InputSignal<number>;
|
|
174
174
|
static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonContainerComponent, never>;
|
|
@@ -1359,6 +1359,13 @@ declare class AdsInputComponent extends AbstractInputComponent implements OnInit
|
|
|
1359
1359
|
readOnly: boolean;
|
|
1360
1360
|
/** Show search icon */
|
|
1361
1361
|
showSearchIcon: boolean;
|
|
1362
|
+
/** Minimum allowed numeric value. When `type="number"`, sets the native `min` attribute
|
|
1363
|
+
* (limits spinner + browser validation) and blocks paste of values below it.
|
|
1364
|
+
* Also allows typing `-` when the min value is negative. */
|
|
1365
|
+
min?: number;
|
|
1366
|
+
/** Maximum allowed numeric value. When `type="number"`, sets the native `max` attribute
|
|
1367
|
+
* (limits spinner + browser validation) and blocks paste of values above it. */
|
|
1368
|
+
max?: number;
|
|
1362
1369
|
/** Custom function to execute on focus event */
|
|
1363
1370
|
onFocus: (event: FocusEvent) => void;
|
|
1364
1371
|
/** Custom function to execute on blur event */
|
|
@@ -1376,12 +1383,14 @@ declare class AdsInputComponent extends AbstractInputComponent implements OnInit
|
|
|
1376
1383
|
showHidePassword(): void;
|
|
1377
1384
|
/** @ignore */
|
|
1378
1385
|
restrictInput(event: KeyboardEvent): void;
|
|
1386
|
+
/** @ignore Prevents paste of values outside [min, max] or non-numeric text for number inputs. */
|
|
1387
|
+
handlePaste(event: ClipboardEvent): void;
|
|
1379
1388
|
/** @ignore — prevents focus on read-only inputs */
|
|
1380
1389
|
handleFocusInternal(event: FocusEvent): void;
|
|
1381
1390
|
/** @ignore Prevent scroll wheel from changing number input value */
|
|
1382
1391
|
preventScroll(event: WheelEvent): void;
|
|
1383
1392
|
static ɵfac: i0.ɵɵFactoryDeclaration<AdsInputComponent, never>;
|
|
1384
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputComponent, "ads-input", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "isPasswordField": { "alias": "isPasswordField"; "required": false; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "matAutocomplete": { "alias": "matAutocomplete"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "rightHint": { "alias": "rightHint"; "required": false; }; }, {}, never, never, true, never>;
|
|
1393
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputComponent, "ads-input", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "isPasswordField": { "alias": "isPasswordField"; "required": false; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "matAutocomplete": { "alias": "matAutocomplete"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "rightHint": { "alias": "rightHint"; "required": false; }; }, {}, never, never, true, never>;
|
|
1385
1394
|
}
|
|
1386
1395
|
|
|
1387
1396
|
declare class AdsPhoneFieldComponent extends AbstractInputComponent implements OnInit, OnDestroy {
|
|
@@ -2702,7 +2711,7 @@ declare class AdsSortMenuComponent implements OnChanges, OnDestroy {
|
|
|
2702
2711
|
/** All column sort/filter configs (all possible columns) */
|
|
2703
2712
|
columnSortFilterConfigs: ColumnSortFilterConfig[];
|
|
2704
2713
|
/** Current column sort states from the table */
|
|
2705
|
-
columnSortStates: Map<string, "
|
|
2714
|
+
columnSortStates: Map<string, "asc" | "desc" | null>;
|
|
2706
2715
|
/** Emits when sort configuration changes (order or direction) */
|
|
2707
2716
|
sortChanged: EventEmitter<SortMenuChangeEvent>;
|
|
2708
2717
|
/** Emits when sorts are removed for columns */
|
|
@@ -2819,7 +2828,7 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
|
|
|
2819
2828
|
values: string[];
|
|
2820
2829
|
}>;
|
|
2821
2830
|
/** Event emitted when view mode changes between grid and list */
|
|
2822
|
-
viewChanged: EventEmitter<"
|
|
2831
|
+
viewChanged: EventEmitter<"grid" | "list">;
|
|
2823
2832
|
/** @ignore - Current view mode: grid or list */
|
|
2824
2833
|
isListView: i0.WritableSignal<boolean>;
|
|
2825
2834
|
/** @ignore - Cached filtered row data for list view */
|
|
@@ -2859,7 +2868,7 @@ declare class AdsTableComponent implements AfterViewInit, AfterViewChecked, OnCh
|
|
|
2859
2868
|
/** @ignore */
|
|
2860
2869
|
activeColumnMenu: i0.WritableSignal<string | null>;
|
|
2861
2870
|
/** @ignore */
|
|
2862
|
-
columnSortStates: i0.WritableSignal<Map<string, "
|
|
2871
|
+
columnSortStates: i0.WritableSignal<Map<string, "asc" | "desc" | null>>;
|
|
2863
2872
|
/** @ignore */
|
|
2864
2873
|
columnFilterStates: i0.WritableSignal<Map<string, string[]>>;
|
|
2865
2874
|
/** @ignore */
|