@genesislcap/foundation-notifications 14.52.2 → 14.53.0

package/dist/dts/notification-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-builder.d.ts","sourceRoot":"","sources":["../../src/notification-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEjF;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,MAAM,CAAS;IAEvB;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB;IAKpD;;;;;OAKG;IACI,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB;IAKlD;;;;OAIG;IACI,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,mBAAmB;IAK5D;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,mBAAmB;IAKrD;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,mBAAmB;IAKnD;;;;;OAKG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,mBAAmB;IAKtD;;;;;OAKG;IACI,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,mBAAmB;IAK5D;;;;;OAKG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,mBAAmB;IAKtD;;;;OAIG;IACI,KAAK,IAAI,qBAAqB;CA8CtC;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,QAAO,mBAAgD,CAAC"}
+{"version":3,"file":"notification-builder.d.ts","sourceRoot":"","sources":["../../src/notification-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEjF;;;GAGG;AACH,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,MAAM,CAAS;IAEvB;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB;IAKpD;;;;;OAKG;IACI,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,mBAAmB;IAKlD;;;;OAIG;IACI,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,mBAAmB;IAK5D;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,mBAAmB;IAKrD;;;;;OAKG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,mBAAmB;IAKnD;;;;;OAKG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,mBAAmB;IAKtD;;;;;OAKG;IACI,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,mBAAmB;IAK5D;;;;;OAKG;IACI,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,mBAAmB;IAKtD;;;;OAIG;IACI,KAAK,IAAI,qBAAqB;CA+CtC;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,QAAO,mBAAgD,CAAC"}

package/dist/dts/toast/toast-builder.d.ts

@@ -1,4 +1,4 @@
-import { Toast, ToastPosition, NotificationType } from '../types';
+import { Toast, ToastPosition, NotificationType, NotificationDataRow, ToastButton } from '../types';
 /**
  * @public
  */
@@ -7,6 +7,8 @@ export declare class ToastBuilder {
     private autoClose;
     private closeTimeout;
     private type;
+    private details;
+    private buttons;
     /**
      * Add position to toast
      * @public
@@ -35,6 +37,20 @@ export declare class ToastBuilder {
      * @returns
      */
     withType(type: NotificationType): ToastBuilder;
+    /**
+     * Add details data to notifications
+     * @public
+     * @param details - NotificationDataRow
+     * @returns
+     */
+    withDetails(details: NotificationDataRow): ToastBuilder;
+    /**
+     * Add buttons to notifications
+     * @public
+     * @param buttons - ToastButton[]
+     * @returns
+     */
+    withButtons(buttons: ToastButton[]): ToastBuilder;
     /**
      * Build notification
      * @returns Toast

package/dist/dts/toast/toast-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-builder.d.ts","sourceRoot":"","sources":["../../../src/toast/toast-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAElE;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,IAAI,CAAmB;IAE/B;;;;;OAKG;IACI,YAAY,CAAC,QAAQ,EAAE,aAAa,GAAG,YAAY;IAK1D;;;;;OAKG;IACI,aAAa,CAAC,SAAS,EAAE,OAAO,GAAG,YAAY;IAKtD;;;;;OAKG;IACI,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY;IAK3D;;;;;OAKG;IACI,QAAQ,CAAC,IAAI,EAAE,gBAAgB,GAAG,YAAY;IAKrD;;;OAGG;IACI,KAAK,IAAI,KAAK;CAgBtB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,YAAkC,CAAC"}
+{"version":3,"file":"toast-builder.d.ts","sourceRoot":"","sources":["../../../src/toast/toast-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpG;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,IAAI,CAAmB;IAC/B,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,OAAO,CAAgB;IAE/B;;;;;OAKG;IACI,YAAY,CAAC,QAAQ,EAAE,aAAa,GAAG,YAAY;IAK1D;;;;;OAKG;IACI,aAAa,CAAC,SAAS,EAAE,OAAO,GAAG,YAAY;IAKtD;;;;;OAKG;IACI,gBAAgB,CAAC,YAAY,EAAE,MAAM,GAAG,YAAY;IAK3D;;;;;OAKG;IACI,QAAQ,CAAC,IAAI,EAAE,gBAAgB,GAAG,YAAY;IAKrD;;;;;OAKG;IACI,WAAW,CAAC,OAAO,EAAE,mBAAmB,GAAG,YAAY;IAK9D;;;;;OAKG;IACI,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,YAAY;IAKxD;;;OAGG;IACI,KAAK,IAAI,KAAK;CAuBtB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,YAAkC,CAAC"}

package/dist/dts/toast/toast-launcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-launcher.d.ts","sourceRoot":"","sources":["../../../src/toast/toast-launcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD;;;;;;KAMK;AACL,eAAO,MAAM,SAAS,0BAA2B,qBAAqB,WAAW,MAAM,KAAG,IAqDzF,CAAC"}
+{"version":3,"file":"toast-launcher.d.ts","sourceRoot":"","sources":["../../../src/toast/toast-launcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD;;;;;;KAMK;AACL,eAAO,MAAM,SAAS,0BAA2B,qBAAqB,WAAW,MAAM,KAAG,IAmFzF,CAAC"}

package/dist/dts/types.d.ts

@@ -16,6 +16,44 @@ export type NotificationType = 'error' | 'warning' | 'success';
  * type for notification position
  */
 export type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * type for notification severity
+ * @public
+ */
+export type NotificationSeverity = 'Information' | 'Warning' | 'Serious' | 'Critical';
+/**
+ * Interface for notify data
+ * @public
+ */
+export interface NotificationDataRow {
+    ALERT_ID: string;
+    CREATED_AT: number;
+    DETAILS: {
+        OPERATION: string;
+        ROW_REF: string;
+    };
+    HEADER: string;
+    MESSAGE: string;
+    NOTIFY_SEVERITY: NotificationSeverity;
+    EXPIRY?: null;
+    SENDER?: null;
+    USER_NAME: string;
+}
+/**
+ * Interface for ToastButton
+ * @public
+ */
+export interface ToastButton {
+    action({ details, element }: {
+        details: NotificationDataRow;
+        element: HTMLElement;
+    }): void;
+    condition({ details }?: {
+        details: NotificationDataRow;
+    }): boolean;
+    placeholder?: string;
+    appearance?: string;
+}
 /**
  * Interface for Toast configuration
  * @public
@@ -25,6 +63,8 @@ export interface Toast {
     readonly type?: NotificationType;
     readonly autoClose?: boolean;
     readonly closeTimeout?: number;
+    readonly details?: NotificationDataRow;
+    readonly buttons?: ToastButton[];
 }
 /**
  * Interface for Dismissing Action configuration

package/dist/dts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B,kBAAkB,uBAAuB;CAC1C;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEtF;;;GAGG;AACH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC7C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED;;;GAGG;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;AACnC;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB;;WAEG;QACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;QACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;QAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAAE,YAAY,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAExF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD;;;GAGG;AACH,oBAAY,iBAAiB;IAC3B,kBAAkB,uBAAuB;CAC1C;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEtF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtF;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,oBAAoB,CAAC;IACtC,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;QAAE,OAAO,EAAE,mBAAmB,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI,CAAC;IAC3F,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QAAE,OAAO,EAAE,mBAAmB,CAAA;KAAE,GAAG,OAAO,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CAC9C;AAED;;;GAGG;AACH,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC7C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED;;;GAGG;AAEH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;AACnC;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC;IAC7B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE;QAChB;;WAEG;QACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;QACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC;QAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;CACH;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAAE,YAAY,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAExF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC"}

package/dist/esm/toast/toast-builder.js

@@ -42,6 +42,26 @@ export class ToastBuilder {
         this.type = type;
         return this;
     }
+    /**
+     * Add details data to notifications
+     * @public
+     * @param details - NotificationDataRow
+     * @returns
+     */
+    withDetails(details) {
+        this.details = details;
+        return this;
+    }
+    /**
+     * Add buttons to notifications
+     * @public
+     * @param buttons - ToastButton[]
+     * @returns
+     */
+    withButtons(buttons) {
+        this.buttons = buttons;
+        return this;
+    }
     /**
      * Build notification
      * @returns Toast
@@ -60,6 +80,12 @@ export class ToastBuilder {
         if (this.type) {
             toast = Object.assign({ type: this.type }, toast);
         }
+        if (this.details) {
+            toast = Object.assign({ details: this.details }, toast);
+        }
+        if (this.buttons) {
+            toast = Object.assign({ buttons: this.buttons }, toast);
+        }
         return toast;
     }
 }

package/dist/esm/toast/toast-launcher.js

@@ -7,7 +7,7 @@ import { getNotificationContainer } from '../notification-util';
  * @returns
  * */
 export const showToast = (notificationStructure, tagName) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const tagPrefix = tagName.split('-')[0];
     const container = getNotificationContainer('notify-container', tagName);
     if (container) {
@@ -40,15 +40,38 @@ export const showToast = (notificationStructure, tagName) => {
     const toastDate = document.createElement('div');
     toastDate.setAttribute('slot', 'date');
     toastDate.textContent = new Date().toLocaleTimeString();
-    toastNotify.setAttribute('notify', ((_d = (_c = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _c === void 0 ? void 0 : _c.toast) === null || _d === void 0 ? void 0 : _d.type) || '');
-    ((_f = (_e = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _e === void 0 ? void 0 : _e.toast) === null || _f === void 0 ? void 0 : _f.autoClose)
-        ? toastNotify.setAttribute('auto-close', `${(_h = (_g = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _g === void 0 ? void 0 : _g.toast) === null || _h === void 0 ? void 0 : _h.autoClose}`)
+    let toastBottom;
+    if (((_d = (_c = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _c === void 0 ? void 0 : _c.toast) === null || _d === void 0 ? void 0 : _d.buttons) &&
+        ((_g = (_f = (_e = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _e === void 0 ? void 0 : _e.toast) === null || _f === void 0 ? void 0 : _f.buttons) === null || _g === void 0 ? void 0 : _g.length)) {
+        toastBottom = document.createElement('div');
+        toastBottom.setAttribute('slot', 'bottom');
+        notificationStructure.config.toast.buttons.forEach((button) => {
+            const buttonElement = document.createElement(`${tagPrefix}-button`);
+            buttonElement.textContent = button.placeholder || 'example placeholder';
+            buttonElement.addEventListener('click', () => {
+                const { details } = notificationStructure.config.toast;
+                if (button.action) {
+                    return button.action({ details, element: buttonElement });
+                }
+            });
+            if (button.appearance) {
+                buttonElement.setAttribute('appearance', button.appearance);
+            }
+            toastBottom.appendChild(buttonElement);
+        });
+    }
+    toastNotify.setAttribute('notify', ((_j = (_h = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _h === void 0 ? void 0 : _h.toast) === null || _j === void 0 ? void 0 : _j.type) || '');
+    ((_l = (_k = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _k === void 0 ? void 0 : _k.toast) === null || _l === void 0 ? void 0 : _l.autoClose)
+        ? toastNotify.setAttribute('auto-close', `${(_o = (_m = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _m === void 0 ? void 0 : _m.toast) === null || _o === void 0 ? void 0 : _o.autoClose}`)
         : '';
-    ((_k = (_j = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _j === void 0 ? void 0 : _j.toast) === null || _k === void 0 ? void 0 : _k.closeTimeout)
-        ? toastNotify.setAttribute('close-timeout', `${(_m = (_l = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _l === void 0 ? void 0 : _l.toast) === null || _m === void 0 ? void 0 : _m.closeTimeout}`)
+    ((_q = (_p = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _p === void 0 ? void 0 : _p.toast) === null || _q === void 0 ? void 0 : _q.closeTimeout)
+        ? toastNotify.setAttribute('close-timeout', `${(_s = (_r = notificationStructure === null || notificationStructure === void 0 ? void 0 : notificationStructure.config) === null || _r === void 0 ? void 0 : _r.toast) === null || _s === void 0 ? void 0 : _s.closeTimeout}`)
         : '';
     toastNotify.appendChild(toastTitle);
     toastNotify.appendChild(toastDetails);
     toastNotify.appendChild(toastDate);
+    if (toastBottom) {
+        toastNotify.appendChild(toastBottom);
+    }
     container.appendChild(toastNotify);
 };