@dile/ui 3.6.5 → 3.6.6

package/components/confirm/confirm.spec.js

@@ -29,4 +29,29 @@ describe('dile-confirm', () => {
 
     expect(accepted).toBe(true);
   });
+
+  it('handles dontCloseOnAccept and can be reset with resetProcessing()', async () => {
+    const el = await renderConfirm('<dile-confirm dontCloseOnAccept>Are you sure?</dile-confirm>');
+    let acceptCount = 0;
+    el.addEventListener('dile-confirm-accepted', () => { acceptCount++; });
+
+    el.shadowRoot.querySelector('.accept').click();
+    await el.updateComplete;
+    expect(acceptCount).toBe(1);
+    expect(el._isProcessing).toBe(true);
+    expect(el.shadowRoot.querySelector('.accept').classList.contains('disabled')).toBe(true);
+
+    // Clicking again while processing should not trigger accept
+    el.shadowRoot.querySelector('.accept').click();
+    expect(acceptCount).toBe(1);
+
+    // Calling resetProcessing should unlock the buttons
+    el.resetProcessing();
+    await el.updateComplete;
+    expect(el._isProcessing).toBe(false);
+    expect(el.shadowRoot.querySelector('.accept').classList.contains('disabled')).toBe(false);
+
+    el.shadowRoot.querySelector('.accept').click();
+    expect(acceptCount).toBe(2);
+  });
 });

package/components/confirm/src/DileConfirm.js

@@ -52,6 +52,7 @@ export class DileConfirm extends LitElement {
       cancelLabel: { type: String },
       blocking: { type: Boolean },
       dontCloseOnAccept: { type: Boolean },
+      _isProcessing: { state: true },
     };
   }
 
@@ -61,6 +62,7 @@ export class DileConfirm extends LitElement {
     this.cancelLabel = "Cancell";
     this.opened = false;
     this.blocking = false;
+    this.dontCloseOnAccept = false;
     this._isProcessing = false;
   }
 
@@ -100,6 +102,7 @@ export class DileConfirm extends LitElement {
 
   open() {
     this.modal.open();
+    this._isProcessing = false;
   }
 
   close() {
@@ -107,6 +110,10 @@ export class DileConfirm extends LitElement {
     this._isProcessing = false;
   }
 
+  resetProcessing() {
+    this._isProcessing = false;
+  }
+
   firstUpdated() {
     this.modal = this.shadowRoot.getElementById("modal");
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/ui",
-  "version": "3.6.5",
+  "version": "3.6.6",
   "description": "UI Core components from dile-components.",
   "main": "index.js",
   "type": "module",
@@ -28,5 +28,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee029c01956874746ff8c78f02f4868ef4ce4875"
+  "gitHead": "3bc0a2459a5ced3e7105ce061f93f07a9c798759"
 }