@db-ux/ngx-core-components 4.7.2 → 4.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/ngx-core-components",
-  "version": "4.7.2",
+  "version": "4.8.0",
   "description": "Angular components @db-ux/core-components",
   "type": "module",
   "repository": {
@@ -15,8 +15,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@db-ux/core-components": "4.7.2",
-    "@db-ux/core-foundations": "4.7.2",
+    "@db-ux/core-components": "4.8.0",
+    "@db-ux/core-foundations": "4.8.0",
     "tslib": "^2.3.0"
   },
   "typings": "types/db-ux-ngx-core-components.d.ts",

package/types/db-ux-ngx-core-components.d.ts

@@ -2270,6 +2270,17 @@ type DBNotificationDefaultProps = {
      * The timestamp attribute can be set for overlay notifications
      */
     timestamp?: string;
+    /**
+     * Machine-readable value for the `datetime` attribute of the rendered `<time>` element.
+     *
+     * Accepts any valid HTML datetime string:
+     * - Absolute moment: ISO 8601 date/time, e.g. `"2024-06-01T12:30:00"`
+     * - Duration: ISO 8601 duration, e.g. `"PT5M"` (5 minutes), `"PT1H30M"` (1 h 30 min)
+     *
+     * When omitted the `datetime` attribute is not rendered and assistive technologies
+     * fall back to the visible `timestamp` text.
+     */
+    timestampDatetime?: string;
     /**
      * Enables or disables the visibility of the timestamp.
      */
@@ -2312,6 +2323,7 @@ declare class DBNotification implements AfterViewInit {
     text: InputSignal<DBNotificationProps["text"]>;
     timestamp: InputSignal<DBNotificationProps["timestamp"]>;
     showTimestamp: InputSignal<DBNotificationProps["showTimestamp"]>;
+    timestampDatetime: InputSignal<DBNotificationProps["timestampDatetime"]>;
     closeable: InputSignal<DBNotificationProps["closeable"]>;
     closeButtonId: InputSignal<DBNotificationProps["closeButtonId"]>;
     closeButtonText: InputSignal<DBNotificationProps["closeButtonText"]>;
@@ -2327,7 +2339,7 @@ declare class DBNotification implements AfterViewInit {
     private enableAttributePassing;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBNotification, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNotification, "db-notification", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "semantic": { "alias": "semantic"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "linkVariant": { "alias": "linkVariant"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showHeadline": { "alias": "showHeadline"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "timestampDatetime": { "alias": "timestampDatetime"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[image]", "*", "[link]"], true, never>;
 }
 
 declare const PageVariantList: readonly ["auto", "fixed"];