@operato/popup - npm Package Compare versions

Comparing version 7.0.37 to 7.0.43

dist/src/ox-prompt.d.ts

@@ -61,2 +61,3 @@ import '@material/web/button/filled-button.js';
     render(): import("lit-html").TemplateResult<1>;
+    resolve(result: boolean): void;
     /**
@@ -63,0 +64,0 @@ * Function called when the confirm button is clicked.

dist/src/ox-prompt.js

@@ -40,3 +40,3 @@ import { __decorate } from "tslib";
                 }
-                this.resolveFn && this.resolveFn(false);
+                this.resolve(false);
                 this.close();
@@ -50,3 +50,3 @@ }
                 case 'Escape':
-                    this.resolveFn && this.resolveFn(false);
+                    this.resolve(false);
                     this.close();
@@ -72,3 +72,3 @@ break;
         this._onclose = function (e) {
-            this.resolveFn && this.resolveFn(false);
+            this.resolve(false);
             this.close();
@@ -78,3 +78,3 @@ }.bind(this);
             e.stopPropagation();
-            this.resolveFn && this.resolveFn(false);
+            this.resolve(false);
             this.close();
@@ -87,3 +87,3 @@ }.bind(this);
             }
-            this.resolveFn && this.resolveFn(false);
+            this.resolve(false);
             this.close();
@@ -203,3 +203,3 @@ }.bind(this);
             ? html `
-              <md-filled-button id="confirm" @click=${(e) => this.onConfirm()}
+              <md-filled-button id="confirm" type="button" @click=${(e) => this.onConfirm()}
                 >${this.confirmButton?.text}</md-filled-button
@@ -211,3 +211,3 @@ >
             ? html `
-              <md-outlined-button id="cancel" @click=${(e) => this.onCancel()}
+              <md-outlined-button id="cancel" type="button" @click=${(e) => this.onCancel()}
                 >${this.cancelButton?.text}</md-outlined-button
@@ -220,2 +220,8 @@ >
     }
+    resolve(result) {
+        if (this.resolveFn) {
+            this.resolveFn(result);
+            this.resolveFn = null;
+        }
+    }
     /**
@@ -225,3 +231,3 @@ * Function called when the confirm button is clicked.
     onConfirm() {
-        this.resolveFn && this.resolveFn(true);
+        this.resolve(true);
         this.close();
@@ -233,3 +239,3 @@ }
     onCancel() {
-        this.resolveFn && this.resolveFn(false);
+        this.resolve(false);
         this.close();
@@ -236,0 +242,0 @@ }

dist/stories/ox-prompt.stories.js

@@ -13,3 +13,3 @@ import { html } from 'lit';
     const noImage = new URL('/assets/images/no-image.png', import.meta.url).href;
-    await OxPrompt.open({
+    const result = await OxPrompt.open({
         type: 'info',
@@ -24,2 +24,3 @@ title: 'title',
     });
+    console.log('result', result);
 }
@@ -26,0 +27,0 @@ const Template = ({ preventCloseOnBlur }) => html `

package.json

@@ -5,3 +5,3 @@ {
   "author": "heartyoh",
-  "version": "7.0.37",
+  "version": "7.0.43",
   "main": "dist/src/index.js",
@@ -104,3 +104,3 @@ "module": "dist/src/index.js",
   },
-  "gitHead": "904f79fbfbcf1b31f5907bab1d37a5711b2532ca"
+  "gitHead": "e397910b22a569c393598ae6feab9b799942d431"
 }

src/ox-prompt.ts

@@ -190,3 +190,3 @@ import '@material/web/button/filled-button.js'
           ? html`
-              <md-filled-button id="confirm" @click=${(e: Event) => this.onConfirm()}
+              <md-filled-button id="confirm" type="button" @click=${(e: Event) => this.onConfirm()}
                 >${this.confirmButton?.text}</md-filled-button
@@ -198,3 +198,3 @@ >
           ? html`
-              <md-outlined-button id="cancel" @click=${(e: Event) => this.onCancel()}
+              <md-outlined-button id="cancel" type="button" @click=${(e: Event) => this.onCancel()}
                 >${this.cancelButton?.text}</md-outlined-button
@@ -208,2 +208,9 @@ >
 
+  resolve(result: boolean) {
+    if (this.resolveFn) {
+      this.resolveFn(result)
+      this.resolveFn = null
+    }
+  }
+
   /**
@@ -213,3 +220,3 @@ * Function called when the confirm button is clicked.
   onConfirm() {
-    this.resolveFn && this.resolveFn(true)
+    this.resolve(true)
     this.close()
@@ -222,3 +229,3 @@ }
   onCancel() {
-    this.resolveFn && this.resolveFn(false)
+    this.resolve(false)
     this.close()
@@ -237,3 +244,3 @@ }
 
-      this.resolveFn && this.resolveFn(false)
+      this.resolve(false)
       this.close()
@@ -249,3 +256,3 @@ }
       case 'Escape':
-        this.resolveFn && this.resolveFn(false)
+        this.resolve(false)
         this.close()
@@ -277,3 +284,3 @@ break
   protected _onclose: (e: Event) => void = function (this: OxPrompt, e: Event) {
-    this.resolveFn && this.resolveFn(false)
+    this.resolve(false)
     this.close()
@@ -285,3 +292,3 @@ }.bind(this)
 
-    this.resolveFn && this.resolveFn(false)
+    this.resolve(false)
     this.close()
@@ -296,3 +303,3 @@ }.bind(this)
 
-    this.resolveFn && this.resolveFn(false)
+    this.resolve(false)
     this.close()
@@ -299,0 +306,0 @@ }.bind(this)

stories/ox-prompt.stories.ts

@@ -27,3 +27,3 @@ import { html, TemplateResult } from 'lit'
 
-  await OxPrompt.open({
+  const result = await OxPrompt.open({
     type: 'info',
@@ -38,2 +38,4 @@ title: 'title',
   })
+
+  console.log('result', result)
 }
@@ -40,0 +42,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

642201

increased by0.09%

Lines of code

7792

increased by0.19%

No dependency changes