@sebgroup/green-core-ng 3.18.1 → 3.19.0
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/index.d.ts
CHANGED
|
@@ -396,13 +396,20 @@ declare class GdsAlertComponent implements OnInit, OnChanges, AfterViewInit {
|
|
|
396
396
|
/** The label for the alert, used for accessibility purposes.
|
|
397
397
|
This needs be set to something relevant to the content of the alert. */
|
|
398
398
|
label?: GdsAlert['label'];
|
|
399
|
-
/** The role of the alert, which can be 'alert' or 'status'.
|
|
399
|
+
/** The role of the alert live region, which can be 'alert' or 'status'.
|
|
400
400
|
'alert' is used for critical messages that require immediate attention,
|
|
401
|
-
while 'status' is for informational messages. These
|
|
401
|
+
while 'status' is for informational messages. These correspond to the
|
|
402
402
|
ARIA roles, which you can read more about on MDN:
|
|
403
403
|
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role
|
|
404
404
|
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role */
|
|
405
|
+
alertRole?: GdsAlert['alertRole'];
|
|
406
|
+
/** The role of the alert live region. */
|
|
405
407
|
role?: GdsAlert['role'];
|
|
408
|
+
/** Whether the alert is closed.
|
|
409
|
+
|
|
410
|
+
For dynamic announcements, mount the alert before the message should be
|
|
411
|
+
announced, keep it closed, and then set `closed` to `false`. */
|
|
412
|
+
closed?: GdsAlert['closed'];
|
|
406
413
|
/** The dismissibility of the alert, which determines whether it can be closed by the user. */
|
|
407
414
|
dismissible?: GdsAlert['dismissible'];
|
|
408
415
|
/** The time in milliseconds after which the alert will automatically dismiss itself.
|
|
@@ -411,6 +418,15 @@ declare class GdsAlertComponent implements OnInit, OnChanges, AfterViewInit {
|
|
|
411
418
|
/** The text for the action button, if provided.
|
|
412
419
|
If not set, no action button will be rendered. */
|
|
413
420
|
buttonLabel?: GdsAlert['buttonLabel'];
|
|
421
|
+
/** Style Expression Property that controls the `margin` property.
|
|
422
|
+
Only accepts space tokens. */
|
|
423
|
+
margin?: GdsAlert['margin'];
|
|
424
|
+
/** Style Expression Property that controls the `margin-inline` property.
|
|
425
|
+
Only accepts space tokens. */
|
|
426
|
+
marginInline?: GdsAlert['margin-inline'];
|
|
427
|
+
/** Style Expression Property that controls the `margin-block` property.
|
|
428
|
+
Only accepts space tokens. */
|
|
429
|
+
marginBlock?: GdsAlert['margin-block'];
|
|
414
430
|
/** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
|
|
415
431
|
|
|
416
432
|
This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
|
|
@@ -424,11 +440,14 @@ declare class GdsAlertComponent implements OnInit, OnChanges, AfterViewInit {
|
|
|
424
440
|
gdsClose: EventEmitter<CustomEvent<any>>;
|
|
425
441
|
/** Fired when action button is clicked */
|
|
426
442
|
gdsAction: EventEmitter<CustomEvent<any>>;
|
|
443
|
+
/** Fired when the alert is closed internally */
|
|
444
|
+
gdsUiState: EventEmitter<CustomEvent<any>>;
|
|
427
445
|
ngOnInit(): void;
|
|
428
446
|
ngOnChanges(changes: SimpleChanges): void;
|
|
429
447
|
ngAfterViewInit(): void;
|
|
430
448
|
static ɵfac: i0.ɵɵFactoryDeclaration<GdsAlertComponent, never>;
|
|
431
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<GdsAlertComponent, "gds-alert", never, { "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "role": { "alias": "role"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "gdsClose": "gdsClose"; "gdsAction": "gdsAction"; }, never, ["*"], true, never>;
|
|
449
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GdsAlertComponent, "gds-alert", never, { "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "alertRole": { "alias": "alertRole"; "required": false; }; "role": { "alias": "role"; "required": false; }; "closed": { "alias": "closed"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "gdsClose": "gdsClose"; "gdsAction": "gdsAction"; "gdsUiState": "gdsUiState"; }, never, ["*"], true, never>;
|
|
450
|
+
static ngAcceptInputType_closed: unknown;
|
|
432
451
|
static ngAcceptInputType_dismissible: unknown;
|
|
433
452
|
static ngAcceptInputType_syncFirstRender: unknown;
|
|
434
453
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-core-ng",
|
|
3
3
|
"description": "Angular wrappers for @sebgroup/green-core web components.",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.19.0",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"module": "fesm2022/sebgroup-green-core-ng.mjs",
|
|
7
7
|
"type": "module",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"directory": "../../dist/libs/core-ng"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@sebgroup/green-core": "3.
|
|
25
|
+
"@sebgroup/green-core": "3.19.0",
|
|
26
26
|
"tslib": "^2.3.0"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|