@progressive-development/pd-content 0.0.16 → 0.0.17
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/PdEditContent.js
CHANGED
|
@@ -142,6 +142,7 @@
|
|
|
142
142
|
gap: 2px;
|
|
143
143
|
white-space: nowrap;
|
|
144
144
|
align-items: center;
|
|
145
|
+
pointer-events: none;
|
|
145
146
|
}
|
|
146
147
|
|
|
147
148
|
.param-data {
|
|
@@ -211,10 +212,8 @@
|
|
|
211
212
|
</a>
|
|
212
213
|
`}
|
|
213
214
|
${this.editLinks.map(
|
|
214
|
-
link => html`
|
|
215
|
-
|
|
216
|
-
@click="${this._editContent}"
|
|
217
|
-
>
|
|
215
|
+
link => html`
|
|
216
|
+
<a data-link="${link.key}" @click="${this._editContent}">
|
|
218
217
|
<div class="link-item">${PdEditContent._getLinkLogo(link)} ${link.txt}</div>
|
|
219
218
|
</a>`
|
|
220
219
|
)}
|
|
@@ -233,8 +232,8 @@
|
|
|
233
232
|
return '';
|
|
234
233
|
}
|
|
235
234
|
|
|
236
|
-
_editContent(e) {
|
|
237
|
-
const { link } = e.target.dataset;
|
|
235
|
+
_editContent(e) {
|
|
236
|
+
const { link } = e.target.dataset;
|
|
238
237
|
this.dispatchEvent(
|
|
239
238
|
new CustomEvent('edit-content', {
|
|
240
239
|
detail: {
|
|
@@ -3,10 +3,7 @@ import '../pd-edit-content.js';
|
|
|
3
3
|
|
|
4
4
|
export default {
|
|
5
5
|
title: 'PdContent/Edit Content',
|
|
6
|
-
component: 'pd-edit-content'
|
|
7
|
-
argTypes: {
|
|
8
|
-
|
|
9
|
-
},
|
|
6
|
+
component: 'pd-edit-content'
|
|
10
7
|
};
|
|
11
8
|
|
|
12
9
|
const testIcon1 = html`<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
@@ -53,7 +50,9 @@ function BasicEditTemplate({editData}) {
|
|
|
53
50
|
|
|
54
51
|
<pd-box-view style="--squi-box-columns: 2;">
|
|
55
52
|
|
|
56
|
-
<pd-edit-content contentTitle="Test content with slot"
|
|
53
|
+
<pd-edit-content contentTitle="Test content with slot" @edit-content="${(e) => {
|
|
54
|
+
console.log("event: ", e);
|
|
55
|
+
}}">
|
|
57
56
|
<p>Some content for edit, could be added as own slot</p>
|
|
58
57
|
<ul>
|
|
59
58
|
<li>Das ist auch drinne</li>
|