@progressive-development/pd-spa-helper 0.5.17 → 0.5.19
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.
|
@@ -54,9 +54,9 @@ let PdIconPanelButton = class extends LitElement {
|
|
|
54
54
|
if (this.panelButton) {
|
|
55
55
|
this._togglePanel();
|
|
56
56
|
} else {
|
|
57
|
-
this.dispatchEvent(
|
|
58
|
-
|
|
59
|
-
);
|
|
57
|
+
this.dispatchEvent(new CustomEvent("button-clicked", {
|
|
58
|
+
detail: this.value
|
|
59
|
+
}));
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
_togglePanel() {
|
|
@@ -72,10 +72,11 @@ PdIconPanelButton.styles = [
|
|
|
72
72
|
:host {
|
|
73
73
|
display: inline-block; /* Verhindert, dass :host die volle Breite bekommt */
|
|
74
74
|
position: relative;
|
|
75
|
+
width: var(--pd-icon-button-width, auto);
|
|
75
76
|
}
|
|
76
77
|
|
|
77
78
|
.icon-button-style {
|
|
78
|
-
z-index:
|
|
79
|
+
z-index: 6;
|
|
79
80
|
background: #58a linear-gradient(hsla(0, 0%, 100%, 0.2), transparent);
|
|
80
81
|
background-color: var(--pd-icon-button-bgcol, #0c6fc5);
|
|
81
82
|
padding: 0.3em 0.8em;
|
|
@@ -85,7 +86,7 @@ PdIconPanelButton.styles = [
|
|
|
85
86
|
--pd-icon-size: 20px;
|
|
86
87
|
color: var(--pd-icon-button-txtcol, white);
|
|
87
88
|
text-shadow: 0 - 0.05em 0.05em rgba(0, 0, 0, 0.5);
|
|
88
|
-
font-size: 125
|
|
89
|
+
font-size: var(--pd-icon-button-font-size, 125%);
|
|
89
90
|
line-height: 1.5;
|
|
90
91
|
}
|
|
91
92
|
|
|
@@ -124,8 +125,8 @@ PdIconPanelButton.styles = [
|
|
|
124
125
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
125
126
|
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
|
|
126
127
|
opacity: 0;
|
|
127
|
-
z-index:
|
|
128
|
-
}
|
|
128
|
+
z-index: 5;
|
|
129
|
+
}
|
|
129
130
|
|
|
130
131
|
.panel.open {
|
|
131
132
|
transform: scaleY(1);
|
|
@@ -192,6 +193,9 @@ __decorateClass([
|
|
|
192
193
|
__decorateClass([
|
|
193
194
|
property({ type: String })
|
|
194
195
|
], PdIconPanelButton.prototype, "buttonText", 2);
|
|
196
|
+
__decorateClass([
|
|
197
|
+
property({ type: String })
|
|
198
|
+
], PdIconPanelButton.prototype, "value", 2);
|
|
195
199
|
__decorateClass([
|
|
196
200
|
property({ type: Boolean })
|
|
197
201
|
], PdIconPanelButton.prototype, "panelButton", 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-icon-panel-button.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-icon-panel-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,0CAA0C,CAAC;AAElD,qBACa,iBAAkB,SAAQ,UAAU;IAG/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAQ;IAG1B,WAAW,EAAE,OAAO,CAAS;IAG7B,OAAO,CAAC,UAAU,CAAkB;IAEpC,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"pd-icon-panel-button.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-icon-panel-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,0CAA0C,CAAC;AAElD,qBACa,iBAAkB,SAAQ,UAAU;IAG/C,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAQ;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAG7B,OAAO,CAAC,UAAU,CAAkB;IAEpC,MAAM,CAAC,MAAM,iBAwHO;IAGpB,MAAM;IA0BN,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,YAAY;CAOrB"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Webcomponent pd-spa-helper following open-wc recommendations",
|
|
4
4
|
"author": "PD Progressive Development",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
|
-
"version": "0.5.
|
|
6
|
+
"version": "0.5.19",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.js",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
".": "./dist/index.js",
|
|
12
12
|
"./pd-panel-viewer": "./dist/pd-panel-viewer.js",
|
|
13
13
|
"./pd-panel": "./dist/pd-panel.js",
|
|
14
|
-
"./pd-
|
|
14
|
+
"./pd-icon-panel-button": "./dist/pd-icon-panel-button.js"
|
|
15
15
|
},
|
|
16
16
|
"files": [
|
|
17
17
|
"dist/",
|