@progressive-development/pd-dialog 0.1.54 → 0.1.56
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
package/src/PdPopup.js
CHANGED
|
@@ -40,7 +40,7 @@ export class PdPopup extends LitElement {
|
|
|
40
40
|
background-color: var(--pd-popup-modal-bg-rgba, rgba(175, 193, 210, 0.8));
|
|
41
41
|
|
|
42
42
|
/* specific for PdPopup, abobe also used for PdPopupDialog */
|
|
43
|
-
display: none; /* Hidden by default */
|
|
43
|
+
display: var(--pd-popup-default-display, none); /* Hidden by default */
|
|
44
44
|
padding-top: 100px; /* Location of the box */
|
|
45
45
|
}
|
|
46
46
|
|
package/src/PdPopupDialog.js
CHANGED
|
@@ -79,7 +79,7 @@ export class PdPopupDialog extends LitElement {
|
|
|
79
79
|
--pd-icon-stroke-width: 0;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.info {
|
|
82
|
+
.info, .help {
|
|
83
83
|
--pd-icon-col: #6B86FF;
|
|
84
84
|
--pd-icon-stroke-width: 0;
|
|
85
85
|
}
|
|
@@ -165,7 +165,7 @@ export class PdPopupDialog extends LitElement {
|
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
_getIconForType() {
|
|
168
|
-
if (!this.type) {
|
|
168
|
+
if (!this.type || this.type === "") {
|
|
169
169
|
return "";
|
|
170
170
|
}
|
|
171
171
|
switch (this.type) {
|
|
@@ -173,6 +173,8 @@ export class PdPopupDialog extends LitElement {
|
|
|
173
173
|
return html`<pd-icon icon="warningIconFld" class="info-logo warn"></pd-icon>`;
|
|
174
174
|
case 'error':
|
|
175
175
|
return html`<pd-icon icon="errorIconFld" class="info-logo error"></pd-icon>`;
|
|
176
|
+
case 'help':
|
|
177
|
+
return html`<pd-icon icon="helpIconFld" class="info-logo help"></pd-icon>`;
|
|
176
178
|
default:
|
|
177
179
|
return html`<pd-icon icon="infoIconFld" class="info-logo info"></pd-icon>`;
|
|
178
180
|
}
|
|
@@ -31,6 +31,11 @@ PopupInfoDialog.args = {
|
|
|
31
31
|
type: "info",
|
|
32
32
|
};
|
|
33
33
|
|
|
34
|
+
export const PopupHelpDialog = PopupTemplate.bind({});
|
|
35
|
+
PopupHelpDialog.args = {
|
|
36
|
+
type: "help",
|
|
37
|
+
};
|
|
38
|
+
|
|
34
39
|
export const PopupWarnDialog = PopupTemplate.bind({});
|
|
35
40
|
PopupWarnDialog.args = {
|
|
36
41
|
type: "warn",
|