kempo 2.13.1 → 2.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kempo",
-  "version": "2.13.1",
+  "version": "2.14.0",
   "type": "module",
   "description": "A web component library",
   "exports": {

package/src/components/Dialog.js

@@ -266,12 +266,6 @@ export default class Dialog extends Component {
     $dialog.open();
     return $dialog;
   }
-  static alert(message = '', callback, options = {}){
-    return Dialog.create(message, {
-      closeCallback: callback,
-      ...options
-    });
-  }
   static confirm(text, responseCallback, options = {
     title: 'Confirm'
   }){
@@ -294,18 +288,41 @@ export default class Dialog extends Component {
       }
     });
   }
+  static alert(text, responseCallback, options = {
+    title: 'Alert'
+  }){
+    return Dialog.create(`
+      <h5 slot="title" class="pyh px m0">${options.title}</h5>
+      <p class="p">${text}</p>
+    `, {
+      closeCallback: responseCallback,
+      cancelText: 'Ok',
+      ...options,
+    });
+  }
   static error(text, responseCallback, options = {
     title: 'Error'
   }){
-    const $dialog = Dialog.create(`
+    return Dialog.create(`
       <h5 slot="title" class="pyh px m0 tc-danger">${options.title}</h5>
       <p class="p">${text}</p>
     `, {
+      closeCallback: responseCallback,
+      cancelText: 'Ok',
       ...options,
+    });
+  }
+  static success(text, responseCallback, options = {
+    title: 'Success'
+  }){
+    return Dialog.create(`
+      <h5 slot="title" class="pyh px m0 tc-success">${options.title}</h5>
+      <p class="p">${text}</p>
+    `, {
+      closeCallback: responseCallback,
       cancelText: 'Ok',
+      ...options,
     });
-    onEvent($dialog, 'close',  responseCallback);
-    return $dialog;
   }
 }
 window.customElements.define('k-dialog', Dialog);