@exmg/exm-form-drawer 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exmg/exm-form-drawer",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -31,7 +31,7 @@
   "license": "MIT",
   "dependencies": {
     "@exmg/exm-button": "^1.0.1",
-    "@exmg/exm-form": "^1.0.1",
+    "@exmg/exm-form": "^1.0.2",
     "@material/typography": "^14.0.0",
     "@polymer/neon-animation": "^3.0.1",
     "@polymer/paper-dialog": "^3.0.1",
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8e971cbad07fa6fab5a95aefd915937b752d2204"
+  "gitHead": "e911739a6688f56501a13ef72d2dacac5973cf80"
 }

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

@@ -81,5 +81,6 @@ export declare class ExmFormDrawerBase extends ExmgElement {
      */
     protected renderFormContent(): import("lit-html").TemplateResult<1>;
     protected renderError(): import("lit-html").TemplateResult<1>;
+    protected handleDrawerOpenedChanged(e: CustomEvent): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -156,11 +156,18 @@ export class ExmFormDrawerBase extends ExmgElement {
     renderError() {
         return html `<div class="error"><div>${this.errorMessage}</div></div>`;
     }
+    handleDrawerOpenedChanged(e) {
+        this.opened = e.detail.value;
+        if (this.opened) {
+            this._checkFormValidity();
+        }
+    }
     render() {
         return html `
       <exm-drawer
         ?opened="${this.opened}"
         ?no-cancel-on-outside-click="${this.noCancelOnOutsideClick}"
+        @exm-drawer-opened-changed=${this.handleDrawerOpenedChanged}
         scroll-action=${ifDefined(this.scrollAction)}
         style="max-width: ${this.style.maxWidth || '547px'}"
       >

package/src/exm-form-drawer.js

@@ -2,13 +2,13 @@ import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import { style } from './styles/exm-form-drawer-styles-css.js';
 import { ExmFormDrawerBase } from './exm-form-drawer-base.js';
-import { exmgFormStyles } from '@exmg/exm-form';
+import { formStyles } from '@exmg/exm-form';
 let ExmFormDrawer = class ExmFormDrawer extends ExmFormDrawerBase {
     getForm() {
         return this.querySelector('form');
     }
 };
-ExmFormDrawer.styles = [style, exmgFormStyles];
+ExmFormDrawer.styles = [style, formStyles];
 ExmFormDrawer = __decorate([
     customElement('exm-form-drawer')
 ], ExmFormDrawer);