@exmg/exm-dialogs 1.2.1 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/.rollup.cache/root/repo/packages/exm-dialogs/dist/exm-dialog-form-base.d.ts +3 -0
  2. package/.rollup.cache/root/repo/packages/exm-dialogs/dist/exm-dialog-form-base.js +19 -1
  3. package/dist/exm-dialog-form-base.d.ts +3 -0
  4. package/dist/exm-dialog-form-base.js +19 -1
  5. package/package.json +4 -4
package/.rollup.cache/root/repo/packages/exm-dialogs/dist/exm-dialog-form-base.d.ts CHANGED
@@ -45,6 +45,9 @@ export declare class ExmDialogFormBase extends ExmDialogFormBase_base {
45
45
  * property to false.
46
46
  */
47
47
  close(): void;
48
+ protected handleClosedEvent(): void;
49
+ protected handleOpenedEvent(): void;
50
+ protected handleCancelEvent(): void;
48
51
  /**
49
52
  * Opens and shows the dialog if it is closed; otherwise closes it.
50
53
  */
package/.rollup.cache/root/repo/packages/exm-dialogs/dist/exm-dialog-form-base.js CHANGED
@@ -42,6 +42,7 @@ export class ExmDialogFormBase extends ExmFormValidateMixin(ExmgElement) {
42
42
  * property to true.
43
43
  */
44
44
  show() {
45
+ this.fire('open');
45
46
  this.open = true;
46
47
  this.checkFormValidity();
47
48
  }
@@ -50,8 +51,19 @@ export class ExmDialogFormBase extends ExmFormValidateMixin(ExmgElement) {
50
51
  * property to false.
51
52
  */
52
53
  close() {
54
+ this.fire('close');
53
55
  this.open = false;
54
56
  }
57
+ handleClosedEvent() {
58
+ this.fire('closed');
59
+ }
60
+ handleOpenedEvent() {
61
+ this.fire('opened');
62
+ }
63
+ handleCancelEvent() {
64
+ this.fire('cancel');
65
+ this.close();
66
+ }
55
67
  /**
56
68
  * Opens and shows the dialog if it is closed; otherwise closes it.
57
69
  */
@@ -119,7 +131,13 @@ export class ExmDialogFormBase extends ExmFormValidateMixin(ExmgElement) {
119
131
  }
120
132
  render() {
121
133
  const { type } = this;
122
- return html ` <exm-dialog .type=${type} .open=${this.open} @closed=${() => (this.open = false)}>
134
+ return html ` <exm-dialog
135
+ .type=${type}
136
+ .open=${this.open}
137
+ @closed=${this.handleClosedEvent}
138
+ @opened=${this.handleOpenedEvent}
139
+ @cancel=${this.handleCancelEvent}
140
+ >
123
141
  <span slot="headline">
124
142
  <md-icon-button @click=${() => this.close()}><md-icon>close</md-icon></md-icon-button>
125
143
  <span class="headline">${this.title}</span>
package/dist/exm-dialog-form-base.d.ts CHANGED
@@ -45,6 +45,9 @@ export declare class ExmDialogFormBase extends ExmDialogFormBase_base {
45
45
  * property to false.
46
46
  */
47
47
  close(): void;
48
+ protected handleClosedEvent(): void;
49
+ protected handleOpenedEvent(): void;
50
+ protected handleCancelEvent(): void;
48
51
  /**
49
52
  * Opens and shows the dialog if it is closed; otherwise closes it.
50
53
  */
package/dist/exm-dialog-form-base.js CHANGED
@@ -42,6 +42,7 @@ class ExmDialogFormBase extends ExmFormValidateMixin(ExmgElement) {
42
42
  * property to true.
43
43
  */
44
44
  show() {
45
+ this.fire('open');
45
46
  this.open = true;
46
47
  this.checkFormValidity();
47
48
  }
@@ -50,8 +51,19 @@ class ExmDialogFormBase extends ExmFormValidateMixin(ExmgElement) {
50
51
  * property to false.
51
52
  */
52
53
  close() {
54
+ this.fire('close');
53
55
  this.open = false;
54
56
  }
57
+ handleClosedEvent() {
58
+ this.fire('closed');
59
+ }
60
+ handleOpenedEvent() {
61
+ this.fire('opened');
62
+ }
63
+ handleCancelEvent() {
64
+ this.fire('cancel');
65
+ this.close();
66
+ }
55
67
  /**
56
68
  * Opens and shows the dialog if it is closed; otherwise closes it.
57
69
  */
@@ -119,7 +131,13 @@ class ExmDialogFormBase extends ExmFormValidateMixin(ExmgElement) {
119
131
  }
120
132
  render() {
121
133
  const { type } = this;
122
- return html ` <exm-dialog .type=${type} .open=${this.open} @closed=${() => (this.open = false)}>
134
+ return html ` <exm-dialog
135
+ .type=${type}
136
+ .open=${this.open}
137
+ @closed=${this.handleClosedEvent}
138
+ @opened=${this.handleOpenedEvent}
139
+ @cancel=${this.handleCancelEvent}
140
+ >
123
141
  <span slot="headline">
124
142
  <md-icon-button @click=${() => this.close()}><md-icon>close</md-icon></md-icon-button>
125
143
  <span class="headline">${this.title}</span>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@exmg/exm-dialogs",
3
- "version": "1.2.1",
3
+ "version": "1.2.3",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -24,8 +24,8 @@
24
24
  "homepage": "https://bitbucket.org/exmachina/exm-web-components",
25
25
  "license": "MIT",
26
26
  "dependencies": {
27
- "@exmg/exm-button": "^1.2.1",
28
- "@exmg/exm-form": "^1.2.1"
27
+ "@exmg/exm-button": "^1.2.3",
28
+ "@exmg/exm-form": "^1.2.3"
29
29
  },
30
30
  "peerDependencies": {
31
31
  "@exmg/lit-base": "^3.0.3",
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "cdd185ee0a30ced8c5e9266a205d699d074c0fc8"
39
+ "gitHead": "88d4a421d86cfdb2493aa3a54098e92a38e46b51"
40
40
  }