@progressive-development/pd-dialog 0.0.47 → 0.0.48
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.
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Progressive Development dialog components.",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"author": "PD Progressive Development",
|
|
6
|
-
"version": "0.0.
|
|
6
|
+
"version": "0.0.48",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"module": "index.js",
|
|
9
9
|
"scripts": {
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"storybook:build": "npm run analyze -- --exclude dist && build-storybook"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@progressive-development/pd-forms": "^0.1.
|
|
21
|
-
"@progressive-development/pd-icon": "^0.1.
|
|
20
|
+
"@progressive-development/pd-forms": "^0.1.3",
|
|
21
|
+
"@progressive-development/pd-icon": "^0.1.7",
|
|
22
22
|
"@progressive-development/pd-price": "0.0.8",
|
|
23
23
|
"lit": "^2.0.2"
|
|
24
24
|
},
|
package/src/PdPopupDialog.js
CHANGED
|
@@ -17,7 +17,7 @@ import { SharedGlobalStyles } from './shared-global-styles.js';
|
|
|
17
17
|
*/
|
|
18
18
|
export class PdPopupDialog extends LitElement {
|
|
19
19
|
/**
|
|
20
|
-
* @event button-clicked - fired if one of the configured buttons was clicked.
|
|
20
|
+
* @event submit-button-clicked - fired if one of the configured buttons was clicked.
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
23
|
static get styles() {
|
|
@@ -120,7 +120,7 @@ export class PdPopupDialog extends LitElement {
|
|
|
120
120
|
bt => html`
|
|
121
121
|
<pd-button
|
|
122
122
|
data-key="${bt.key}"
|
|
123
|
-
@
|
|
123
|
+
@button-clicked="${this._handleButtonEvent}"
|
|
124
124
|
text="${bt.name}"
|
|
125
125
|
></pd-button>
|
|
126
126
|
`
|
|
@@ -133,7 +133,7 @@ export class PdPopupDialog extends LitElement {
|
|
|
133
133
|
|
|
134
134
|
_handleButtonEvent(e) {
|
|
135
135
|
this.dispatchEvent(
|
|
136
|
-
new CustomEvent('button-clicked', {
|
|
136
|
+
new CustomEvent('submit-button-clicked', {
|
|
137
137
|
detail: {
|
|
138
138
|
button: e.target.dataset.key,
|
|
139
139
|
},
|
package/src/PdSubmitDialog.js
CHANGED
|
@@ -149,7 +149,7 @@ export class PdSubmitDialog extends LitElement {
|
|
|
149
149
|
class="popup-dialog"
|
|
150
150
|
title="${this.title}"
|
|
151
151
|
.buttons="${this._buttons}"
|
|
152
|
-
@button-clicked="${this._goToStartpage}"
|
|
152
|
+
@submit-button-clicked="${this._goToStartpage}"
|
|
153
153
|
>
|
|
154
154
|
<div slot="content">
|
|
155
155
|
${this._renderContent()}
|
|
@@ -232,7 +232,7 @@ export class PdSubmitDialog extends LitElement {
|
|
|
232
232
|
|
|
233
233
|
_goToStartpage() {
|
|
234
234
|
this.dispatchEvent(
|
|
235
|
-
new CustomEvent('button-clicked', {
|
|
235
|
+
new CustomEvent('submit-button-clicked', {
|
|
236
236
|
detail: {
|
|
237
237
|
// TODO: Get index from event
|
|
238
238
|
button: this._buttons[0].key,
|
|
@@ -31,11 +31,11 @@ export const SharedGlobalStyles = css`
|
|
|
31
31
|
--pd-default-dark-col: var(--app-primary-dark-col, #0A3A48);
|
|
32
32
|
--pd-default-bg-color: var(--app-primary-bg-col, #fefefe);
|
|
33
33
|
|
|
34
|
-
--pd-default-hover-col: var(--app-hover-col, #
|
|
34
|
+
--pd-default-hover-col: var(--app-hover-col, #f3d7a0);
|
|
35
35
|
--pd-default-error-col: var(--app-error-col, #cc2029);
|
|
36
36
|
--pd-default-error-light-col: var(--app-error-light-col, #ffe8e8);
|
|
37
37
|
--pd-default-success-col: var(--app-success-col, #42a01c);
|
|
38
|
-
--pd-default-success-light-col: var(--app-success-light-col, #f5ffe8);
|
|
38
|
+
--pd-default-success-light-col: var(--app-success-light-col, #f5ffe8);
|
|
39
39
|
--pd-default-disabled-col: var(--app-disabled-col, #888585);
|
|
40
40
|
--pd-default-disabled-light-col: var(--app-disabled-light-col, lightgrey);
|
|
41
41
|
|