@exmg/exm-form-drawer 1.1.27 → 1.1.29

package/dist/exm-form-drawer-base.d.ts

@@ -20,6 +20,14 @@ export declare class ExmFormDrawerBase extends ExmgElement {
      * @type {String}
      */
     cancelBtn: string;
+    /**
+     * Hide cancel button
+     */
+    hideCancelButton: boolean;
+    /**
+     * Show reset button
+     */
+    showResetButton: boolean;
     /**
      * Whether or not to keep the form drawer opened on submit success
      * @type {Boolean}
@@ -30,6 +38,11 @@ export declare class ExmFormDrawerBase extends ExmgElement {
      * @type {Boolean}
      */
     noCancelOnOutsideClick: boolean;
+    /**
+     * No reset on close
+     * @type {Boolean}
+     */
+    noResetOnClose: boolean;
     /**
      * Internall used to show button spinner.
      */
@@ -60,6 +73,6 @@ export declare class ExmFormDrawerBase extends ExmgElement {
      * Method should be overriden to render form content
      */
     protected renderFormContent(): import("lit-html").TemplateResult<1> | undefined;
-    protected handleDrawerOpenedChanged(e: CustomEvent): void;
+    protected handleDrawerOpenedChanged(event: CustomEvent): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/exm-form-drawer-base.js

@@ -23,7 +23,15 @@ export class ExmFormDrawerBase extends ExmgElement {
          * Title of the cancel button
          * @type {String}
          */
-        this.cancelBtn = 'Reset';
+        this.cancelBtn = 'Cancel';
+        /**
+         * Hide cancel button
+         */
+        this.hideCancelButton = false;
+        /**
+         * Show reset button
+         */
+        this.showResetButton = false;
         /**
          * Whether or not to keep the form drawer opened on submit success
          * @type {Boolean}
@@ -34,6 +42,11 @@ export class ExmFormDrawerBase extends ExmgElement {
          * @type {Boolean}
          */
         this.noCancelOnOutsideClick = false;
+        /**
+         * No reset on close
+         * @type {Boolean}
+         */
+        this.noResetOnClose = false;
         /**
          * Internall used to show button spinner.
          */
@@ -91,14 +104,20 @@ export class ExmFormDrawerBase extends ExmgElement {
         var _a;
         return (_a = this.exmForm) === null || _a === void 0 ? void 0 : _a.renderFormContent();
     }
-    handleDrawerOpenedChanged(e) {
-        this.opened = e.detail.value;
+    handleDrawerOpenedChanged(event) {
+        const opened = event.detail.value;
         if (!this.exmForm) {
             return;
         }
-        if (this.opened) {
+        if (opened) {
+            this.exmForm.takeFormDataSnapshot();
             this.exmForm.checkFormValidity();
         }
+        else if (!this.noResetOnClose) {
+            // NOTE: Reset form data when closing the drawer
+            this.reset();
+        }
+        this.opened = opened;
     }
     render() {
         return html `
@@ -123,8 +142,10 @@ export class ExmFormDrawerBase extends ExmgElement {
             .errorMessage=${this.errorMessage}
             class="form-elements"
             @form-submit-finished=${this.handleSubmitFinished}
-            @form-cancel=${this.reset}
+            @form-cancel=${this.close}
             doAction=${ifDefined(this.doAction)}
+            ?hide-cancel-button=${this.hideCancelButton}
+            ?show-reset-button=${this.showResetButton}
           >
             ${this.renderFormContent()}
           </exm-form>
@@ -142,12 +163,21 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'cancel-btn-title' })
 ], ExmFormDrawerBase.prototype, "cancelBtn", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-cancel-button' })
+], ExmFormDrawerBase.prototype, "hideCancelButton", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-reset-button' })
+], ExmFormDrawerBase.prototype, "showResetButton", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'keep-opened-on-submit-success' })
 ], ExmFormDrawerBase.prototype, "keepOpenedOnSubmitSuccess", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'no-cancel-on-outside-click' })
 ], ExmFormDrawerBase.prototype, "noCancelOnOutsideClick", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'no-reset-on-close' })
+], ExmFormDrawerBase.prototype, "noResetOnClose", void 0);
 __decorate([
     property({ type: Boolean })
 ], ExmFormDrawerBase.prototype, "submitting", void 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-form-drawer",
-  "version": "1.1.27",
+  "version": "1.1.29",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,8 +31,8 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@exmg/exm-drawer": "^1.1.27",
-    "@exmg/exm-form": "^1.1.27"
+    "@exmg/exm-drawer": "^1.1.29",
+    "@exmg/exm-form": "^1.1.29"
   },
   "peerDependencies": {
     "lit": "^3.2.1",
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4e9a663fa89175607c2cdffaf3611cc2125939f8"
+  "gitHead": "4f87060160e9545bc7190a0f5e1e47a311933e9c"
 }